01. 로그인 정보 출력(login_info) 위젯

목차
  1. 로그인 정보 출력(login_info) 위젯 사용 예시
  2. 홈페이지에 설치법

로그인 정보 출력 위젯은 'XE 설치된경로/widgets/login_info'에 설치가 된다. 이 묘듈을 이용하면 로그인과 회원정보 수정등을 회원들이 쉽게 할 수 있습니다.

로그인 정보 출력(login_info) 위젯 사용 예시#

로그인 정보 출력 위젯은 보통 홈페이지 왼쪽에 많이 설치해 놓는다. 우리가 많이 접하는 제로보드 공식사이트도 로그인 정보 출력 위젯을 사용하였습니다.

login.png

 

 

홈페이지에 설치법#

 그러면 이제 이 위젯의 설치방법을 알아보자..

 우선 관리자 페이지를 접속합니다.

 login2.png

위젯을 삽입하는 방법은 여러가지가 있지만, 이 페이지에서는 생성된 위젯코드를 복사해서 붙여넣기 하는 방법을 사용하겠습니다.

관리형 모듈에서 위젯을 선택합니다.

login3.png

 위젯 관리 페이지에 접속하게 되면 아래와 같이 사용할 수 있는 위젯들이 나열되어 있습니다.login4.png

이중에서 로그인 정보출력 위젯을 찾습니다. (login_info) 로그인 정보출력 밑에 코드생성을 클릭 합니다.

login_info-5.bmp 

클릭 하게 되면, 작은창 한개가 뜹니다. 스킨을 선택하고, 코드생성을 클릭 합니다.login_info-7.bmp

코드생성을 하면 이 위창처럼 뜹니다. 페이지 아래 코드 부분에 생성된 코드를 복사합니다.

login_info-8.bmp 

생성된 위젯 코드는 게시판 본문(HTML 편집모드), 레이아웃 코드, 게시판 상/하단내용에 모두 적용이 가능합니다.

아래부터는 블로그 모듈 (베타버전 이전에만 적용)에 적용해 보는 예제입니다. 레이아웃 코드에 삽입하는 방법과 유사하니 참고해 주세요.

login_info-9.bmp 

파란색 브라우저 재목 클릭(여기에서는 springnote)

클릭을 하면 아래창으로 바뀐다.

login_info-10.bmp 

레이아웃 편집을 클릭한다.

login_info-11.bmp 

여기에서 아랫부분을 삭제한다.

        <!-- 회원 관련 기능 -->
        <ul id="blogAccountNavigation">
            <!--@if(!$is_logged)-->
                <!-- 비로그인 상태 -->
                <li class="join"><a href="{getUrl('mid',$layout_info->mid,'act','dispMemberSignUpForm')}">{$lang-
>cmd_signup}</a></li>
                <li class="loginAndLogout"><a href="{getUrl('act','dispMemberLoginForm')}">{$lang->cmd_login}</a></li>
            <!--@else-->
                <!-- 로그인 되었을 때 -->
                <!-- 관리자이면 설정 버튼 출력 -->
                <!--@if($grant->write_document)-->
                <li class="write"><a href="{getUrl('mid', $layout_info->mid, 'act','dispBlogWrite','document_srl','')}">
{$lang->cmd_write}</a></li>
                <!--@end-->
                <!--@if($grant->is_admin)-->
                <li class="setup"><a href="{getUrl('mid',$layout_info->mid,'act','dispBlogAdminBlogInfo')}">{$lang-
>cmd_setup}</a></li>
                <!--@end-->
                <!-- 최고관리자이면 관리자 페이지 버튼 출력 -->
                <!--@if($logged_info->is_admin == 'Y')-->
                <li class="admin"><a href="{getUrl('','module','admin','act','dispBlogAdminContent')}" onclick="window.open
(this.href); return false;">{$lang->cmd_management}</a></li>
                <!--@end-->
                <li class="myInfo"><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></li>
                <li class="loginAndLogout"><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></li>
            <!--@end-->
            <!--@if($rss_url)-->
                <li class="rss"><a href="{$rss_url}"><img src="./images/common/iconRss.gif" alt="RSS" width="13" height="13"
/></a></li>
            <!--@end--> 

 그리고 이 위젯의 코드를 아래부분에 붙여넣는다.

                <!-- 프로필 글 -->
                <!--@if($layout_info->profile)-->
    <dl id="hello">
     <dd>{$layout_info->profile}</dd>
    </dl>
                <!--@end-->
   </div>
            <!--@end-->

여기에 로그인 위젯 설치 

            <!-- 검색폼 -->
   <div id="searchBox">
    <form action="{getUrl()}" method="post">
                    <input type="hidden" name="mid" value="{$layout_info->mid}" />
     <input name="search_keyword" type="text" class="inputTypeText w140" size="4"
value="<!--@if(!$search_target)-->{htmlspecialchars($search_keyword)}<!--@end-->" />
     <input type="image" alt="search" src="./images/common/find_button.gif" class="imgBtn"

/>
    </form>
   </div>

login_info-13.bmp

이 메세지가 뜨면 된것이다. 이제 확인을 해보자..

login_info-14.bmp

 

옆에 admin이라고 뜨는것이 로그인 인포 위젯입니다. 위치는 원하는 대로 변경 할 수 있습니다.