한국어

XE 강좌

  • 오늘:
    757
    어제:
    735
    전체:
    202,903
  • 메인화면 꾸미기 - 좌측에 카운터 위젯 달기
  • 97272 2014-09-01 22:22:18(2012-10-25)
  • no image

    메인화면 꾸미기 - 좌측에 카운터 위젯 달기

    메인화면에 카운터 달고 이것저것 달고 꾸미는 작업은 레이아웃에서 하는 것입니다. 이제 여러분들은 레이아웃과 소스에 대해 익숙해 지셔야 합니다.
    XE를 설치하면 기본적인 카운터 위젯이 있습니다. 이것을 좌측에 붙여보겠습니다.
    관리자페이지 상단의 확장기능 - 설치된 레이아웃에서 사용하시는 레이아웃을 선택하신 후 레이아웃 편집으로 들어갑니다.
    중앙 하단에 HTML이 있고 소스들이 보입니다. 저 소스에 추가해야 합니다. 소스를 보면 css로 되어져 있습니다.
    html의 tr td 가 ul li입니다.
    소를 내리다 보면 아래와 같은 소스가 있습니다. 이것이 메인 중앙 본문이 표시되는 부문입니다.

    </div> <-- 요 위에 추가하는 것 주의하세요!!
    <div class="content xe_content">
    {$content}
    </div>

    이 위에 카운터 코드를 추가하게 되면 좌측에 카운터가 보이게 됩니다.
    카운터 코드를 생성하여 추가해야 합니다. HTML 소스의 밑에 보시면 Content 위젯, 기본 카운터 위젯 ... 등이 있습니다.
    기본 카운터 위젯을 클릭하시면 새창이 뜹니다. 카운터스킨을 선택하시고 코드생성을 합니다.
    저는 기본 카운터인 <img class="zbxe_widget_output" widget="counter_status" skin="default" /> 생성되었습니다.

    다시 레이아웃 편집 창으로 갑니다.
    이것을 아래와 같이 하신 후 저장합니다. 주석까지 달으시면 찾기가 쉬워집니다.

    <!-- 좌측 카운터 출력시작 -->
    <ul><li>
    <img class="zbxe_widget_output" widget="counter_status" skin="default" />
    </li></ul>
    <!-- 좌측 카운터 출력끝 -->

    </div>
    <!-- 본문내용 출력시작 -->
    <div class="content xe_content">
    {$content}
    </div>
    <!-- 본문내용 출력끝 -->
    ...

    미리보기를 클릭하여 좌측에 카운터가 추가된 걸 확인합니다. 미리보기시 "중앙은 내용이 출력되는 화면입니다." 라고 나오는게 정사입니다.
    저장합니다.

    끝!!

댓글 22097

위지윅 사용
번호 제목 닉네임 조회  등록일 
17 Tayxwrzs 34 2014-07-16
16 Gmowcekz 62 2014-07-16
15 Jvjwuipi 56 2014-07-15
14 Yabsyibi 73 2014-07-15
13 Hglkagty 52 2014-07-15
12 관리자 22469 2012-11-02
11 관리자 21120 2012-10-26
10 관리자 32038 2012-10-26
9 관리자 11242 2012-10-25
관리자 97272 2012-10-25