너에게제공의 XE 초보 강의

지금까지 경험으로 XE를 첫 시작하는 분도 이해 할 수 강의록이 되도록 노력합니다.

전문적인것 보다 XE사용법 위주으로 내용으로 게시합니다.

  • 목록
  • 아래로
  • 위로
  • 쓰기
  • 검색

[제로보드XE 강좌] - 사이트메뉴와 문서,위젯,외부 페이지 이해하기

너에게제공 너에게제공
1194 1 1
사이트메뉴와 문서,위젯,외부 페이지 이해하기

XE에서 기본제공하는 기본 기능 사이트메뉴와 문서,위젯,외부 페이지에 대해서 설명을 하고자한다.

22.png


레이아웃 영역 안에  $content 영역이 위젯,문서,외부,모듈페이지가 역할을 한다.

위젯페이지 : 최근글,최근 댓글, 이미지 ,방문자 수 등.. 각 종 위젯을 활용하여 웹페이지를 꾸민다.

                보통 메인페이지를 꾸밀 때 많이 사용되는 페이지

문서페이지 : 에디터를 입력하여 직접내용을 작성 할 때 사용되는 웹페이지
                회사소개,제품소개 간단한 하게 내용을 소개 할 때 많이 사용되는 페이지

외부페이지 : 외부에서 작성된 웹페이지,프로그램 등을 XE(레이아웃)안으로 포함시키는 페이지

모듈페이지 : 게시판,출석부,실시간 현황 등의 페이지


사이트 메뉴 편집(사이트맵 편집)



1.png

 


사이트메뉴 편집은 사이트에서 나타낼 메뉴를 정리하는 곳이다.

Main menu , Utility menu , Footer menu 기본으로 각 각의 사이트맵이 짜여 있다.

Main menu 사이트맵에 메뉴를 수정하거나 추가를 하게 되면 바로 사이트에 적용이 됩니다.

2.png

 

메뉴를 추가,수정 할 때 위와 같은 항목이 나온다.

각 각의 항목의 어떤 역할을 하는 지 간략하게 설명을 한다.

메뉴 이름 : 사이트 메뉴에 노출되는 메뉴명

메뉴 설명 : 해당 메뉴(웹페이지)의 설명

브라우저 제목 : 웹페이지의 타이틀명

메뉴ID : 도메인주소/메뉴ID

브라우저 제목,메뉴 설명 부분을 잘 입력을 해두시면 검색엔진 사이트에 노출에 도움이 됩니다.

게시판
7.png

 

메뉴추가 -게시판 -메뉴명,설명,메뉴ID 입력한다.

9.png

 

게시판이 매우 잘 생성이 될 것이다.

게시글이 잘 써지는 지 , 파일첨부도 해보고 글을 여러개 써본다.

위젯페이지
10.png

 

메뉴추가 - 위젯페이지 - 메뉴명,설명,메뉴ID 입력하여 생성한다.

11.png
 

해당 웹페이지를 수정을 하기 위해서 페이지 수정을 누른다.

12.png

위젯목록에서 기본카운터위젯을 선택하여 추가를 한다.

카운터 스킨 아무거나 선택을 한다.

코드생성을 한다.

13.png

방문자 카운터 위젯이 생성이 제대로 된 것을 확인을 할 수 있다.

14.png

 

content위젯을 생성하여 최근글을 불러오자.

content위젯 추가하기 스킨을 선택을 후 최근글을 가져올 게시판을 선택한다.

코드생성한다.

15.png

 

최근글 위젯이 생성된 것을 확인 할 수 있습니다.

여러 종류의 위젯들은 생성하여 배치를 하여 메인페이지으로 주로 사용 된다.
 

 

문서페이지

3.png


메뉴추가 - 문서페이지 - 메뉴명,설명,메뉴id 입력
 

4.png

페이지수정 하기

5.png

 


웹에디터가 나옵니다.

웹에디터를 통하여  내용을 웹페이지를 꾸미시면 됩니다.


6.png

 

간단한 웹페이지를 만들어야 할 때 사용되지 않을 까 싶습니다.

외부페이지
16.png

메뉴추가 - 외부페이지 - 메뉴명,설명,메뉴ID를 입력하여 생성한다.

17.png
 

외부페이지를 불러오기 위하여 설정을 누른다.

18.png

 

에디터 프로그램을 통하여 간단하게 소스코드 한 줄을 작성하여 test.html 파일을 생성하였다.

 

19.png

파일질라 프로그램을 통하여 서버에 계정 상위 폴더에 업로드를 한다.

20.png

외부문서위치에서 test.html 파일을 입력하여 파일을 불러온다.

외부페이지가 http://dot.d2d2.kr/test.html 이런식으로 불러올 수도 있다.

21.png

 

외부페이지에서 test.html 파일을 가져온 걸 확인 할 수 있다.

즉, 외부페이지는 XE Core 안으로 외부 파일을 적용을 시킬 수 있다는 걸 알 수 있다.

잘 이용하면 매우 유용한 외부페이지가 될 수가 있다.

 

신고공유스크랩
더딘하루 더딘하루님 포함 1명이 추천

댓글 1

댓글 쓰기
profile image
레이아웃의 개념은 알겠는데
위젯과 모듈은 어떤 기준으로 분리를 했는지 선뜻 이해가 가지 않습니다.
또한 게시판만으로 카테고리를 구성하고 싶다면
모듈페이지를 각 카테고리 (메인메뉴)를 구성하고 해당 게시판모듈을 호출하면 되는것인지도 궁금합니다.
(그냥 게시판으로 메뉴를 만들고 메뉴를 클릭하면 해당게시판으로 이동하는 방법은 안되는건가요?
이부분도 선뜻 이해가 가지 않네요)
11:43
17.08.13.
권한이 없습니다. 로그인
에디터 모드

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

공유

퍼머링크