게시판과 공통 사이드바에 사용할 수 있는 MUBLO Home Login 로그인 블록 스킨을 배포합니다.

비로그인 상태에서는 간결한 로그인 폼을 제공하고, 로그인 후에는 회원 프로필과 등급, 내정보 및 로그아웃 메뉴가 자동으로 표시됩니다. 기존 MUBLO 로그인 기능은 유지하면서 메인페이지와 커뮤니티 게시판에 어울리도록 시각적인 완성도를 높였습니다.

주요 특징

• 아이디·비밀번호 입력과 로그인 기능 제공
• 입력창에서 Enter 키를 눌러 바로 로그인 가능
• 회원가입과 비밀번호 찾기 메뉴 제공
• 로그인 상태에 따라 회원 화면으로 자동 전환
• 회원 프로필 사진·닉네임·회원 등급 표시
• 프로필 사진이 없거나 불러오지 못하면 이름의 첫 글자로 자동 대체
• 내정보와 로그아웃 버튼 제공
• 소셜 로그인 플러그인이 추가하는 네이버·카카오·구글 로그인 UI 지원
• 블록 제목·이미지·설명 문구·더보기 링크 설정 지원
• PC·모바일 출력 여부 설정과 반응형 레이아웃 지원
• 라이트·다크 모드 지원
• 키보드 포커스와 동작 줄이기 설정 지원
• 공용 타이틀 파일에 의존하지 않는 독립형 블록 스킨

실제 적용 모습

설치 방법

스킨 폴더 전체를 아래 경로에 업로드해 주세요.

/views/Block/outlogin/mublo-home-login

이후 관리자 페이지 또는 레이아웃 편집기에서 로그인 위젯 블록을 추가하고, 블록 스킨을 MUBLO HOME 로그인으로 선택하면 적용됩니다.

공통 사이드바나 전역 레이아웃에 배치하면 여러 게시판에서 같은 로그인 블록을 사용할 수 있으며, 방문자의 로그인 상태에 따라 화면이 자동으로 변경됩니다.

폴더명은 스타일 경로에 사용되므로 mublo-home-login 그대로 유지해 주세요.

사용 전 확인

• 네이버·카카오·구글 실제 로그인 기능은 별도의 소셜 로그인 플러그인이 설치되어 있어야 작동합니다.
• 로그인 블록 아래에 표시되는 카테고리나 메뉴는 이 스킨에 포함되지 않으며 별도의 메뉴 블록으로 구성해야 합니다.

메인페이지, 게시판 사이드바, 회원 전용 페이지 등 로그인이 필요한 다양한 레이아웃에 활용해 보세요.