RadarURL

조회 수 1334 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄 첨부

XE 설치후 사이트맵 메뉴 편집하기 (바로가기, 페이지, 게시판 만들기)

XE를 설치 후 로그인, 회원가입, 회원가입시 이메일 인증, 검색 등 기본적인 요소들을 체크한후 가장 먼저 해야할 일은 사이트 메뉴 편집입니다. 바로가기, 페이지, 게시판을 만들고 레이아웃에 연결해봅니다.


바로가기(shortcut) 만들기

바로가기는 홈페이지의 상, 하단 메뉴입니다. 실수로 삭제하더라도 다시 만들어 페이지와 게시판에 링크할수 있습니다.



 12.png


1 헤더메뉴, 풋터메뉴, 페이지, 게시판 사이트맵(폴더)을 만들겠습니다. 헤더메뉴와 풋터메뉴에는 홈페이지 상단, 하단의 메뉴에 해당되는 바로가기를 넣을것입니다.



 02.png


2 사이트맵 추가 > 사이트맵 이름입력 > 확인 과정을 거쳐 헤더메뉴폴더를 만듭니다.



 03.png


3 헤더메뉴 클릭 > 메뉴추가 > 바로가기 > 메뉴이름 입력 > 메뉴링크 > 확인 과정을 거쳐 바로가기를 만들고 반복합니다.



 04.png


4 2차메뉴가 필요한 경우 1차메뉴(여기선 ABOUT)를 클릭하고 메뉴추가 > 바로가기 > 메뉴이름 입력 > 메뉴링크 > 확인으로 만듭니다.



위젯, 혹은 문서페이지 만들기

회사소개, 약도, 제품소개, 메인과 같은 단일 페이지는 위젯, 혹은 문서페이지에 해당하며 위젯페이지는 최근게시글 추출등 다양한 컨텐츠를 등록할수 있습니다. 단순 문서페이지보다 위젯페이지로 작성할것을 권장합니다.



 05.png


5 페이지폴더를 클릭하여 메뉴추가 > 위젯페이지 > 메뉴이름 > 메뉴ID (영문) > 확인 과정을 거쳐 위젯페이지를 만들고 필요한 만큼 반복합니다.



게시판 만들기

게시판 페이지를 만들고 추후 게시판 스킨을 XE 홈페이지에서 다운로드, 설치하셔야합니다.



 06.png


6 게시판 폴더를 클릭하고 > 메뉴추가 > 게시판 > 메뉴이름 입력 > 메뉴ID 입력 > 확인버튼을 누릅니다. 필요한 게시판 만큼 반복합니다.



 07.png


7 헤더메뉴, 풋터메뉴 폴더의 바로가기(shortcut) 아이콘을 확인하세요. 페이지폴더의 위젯페이지에는 바로가기아이콘이 없어 쉽게 구별이 가능합니다. 


브라우저 새로고침해도 아직 홈페이지화면에 출력되지 않습니다. 이제 link 하는 과정으로 메인페이지 화면에 메뉴를 출력하겠습니다.



버킷리스트 레이아웃에 헤더메뉴, 풋더메뉴 설정하기

 08.png


8 고급 > 설치된 레이아웃 > designSOL 테마 버킷리스트 를 클릭하여 버킷리스트 레이아웃 설정화면으로 이동합니다.



 09.png


9 일반설정 > 메뉴 항목에서 상단 네비게이션 메뉴를 헤더메뉴로, 푸터 네비게이션 메뉴를 풋터메뉴로 설정하고 저장합니다.



위젯페이지를 버킷리스트 레이아웃에 링크하기

 10.png


10 고급 > 설치된 모듈 > 페이지를 클릭하면 페이지관리화면으로 이동됩니다.



 11.png


11 페이지관리화면에서 위젯페이지 하나하나 설정버튼을 클릭하여



 12.png


12 레이아웃을 designSOL 테마 버킷리스트로 선택하고 저장버튼. 이때 모바일 뷰 사용항목은 체크하지 않습니다.


버킷리스트 레이아웃은 모바일, 태블릿, 데스크탑에 반응하는 반응형 스킨으로 모바일 뷰 사용에 체크하지 않습니다.

게시판 페이지를 버킷리스트 레이아웃에 링크하기는 다음목록에..


출처 : http://www.designersol.co.kr/2676

?

공부 게시판

공부에 도움되는 글을 올려주세요.

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
공지 [공지] 공부 게시판 입니다. 처누 2003.08.18 928136
298 웹 프로그래밍 메모리 부족 현상 (allowed memory size of 134217728 bytes..) JaeSoo 2023.08.01 2207
297 웹 프로그래밍 Guzzle - cURL error 60: SSL certificate problem: unable to get local issuer certificate 문제 해결 file JaeSoo 2023.07.30 2188
296 웹 프로그래밍 XE 캐시파일 재성생후 404 Oops, Sorry. Page is not found! 나올때 JaeSoo 2023.07.29 2117
295 웹 프로그래밍 XE - " Fatal error: Class 'Object' not found in " / class 낫파운드 오류 file JaeSoo 2023.03.20 147
294 웹 프로그래밍 iOS 앱 개발을 위한 인증서 생성 및 관리 file JaeSoo 2023.01.18 218
293 웹 프로그래밍 PHP 파서 이해하기 (<?php의 php를 생략하고 간단히 <? 태그 와 ?> 태그를 사용하는 방법) JaeSoo 2016.08.10 322
292 웹 프로그래밍 XE 비회원 글쓰기 항목 지우기 file JaeSoo 2016.04.28 499
291 웹 프로그래밍 오른쪽 마우스 금지 소스 / 드래그 금지 소스 JaeSoo 2016.01.20 475
290 웹 프로그래밍 Strict standards and C5 support errors JaeSoo 2015.12.02 524
289 웹 프로그래밍 ICT노트 :: 반응형웹을 만드는 기술은? file JaeSoo 2015.09.26 489
288 웹 프로그래밍 [번역] 2014년 가장 인기있는 5가지 프론트엔드 프레임워크 비교 file JaeSoo 2015.09.25 862
287 웹 프로그래밍 최고의 반응형 CSS 프레임워크 18선 (2013년 7월기준) file JaeSoo 2015.09.25 586
286 웹 프로그래밍 가장 진보된 반응형 웹을 위한 프레임워크 UIkit file JaeSoo 2015.09.25 559
285 웹 프로그래밍 반응형 웹을 위한 프론트-엔드 프레임 워크 (front-end framework for developing responsive web) file JaeSoo 2015.09.25 739
284 웹 프로그래밍 한국형 반응형웹 프레임웍을 찾아서 - 왜 우리는 IE 7,8때문에 고통받아야 하는가? file JaeSoo 2015.09.25 611
283 웹 프로그래밍 한국을 위한 CSS 그리드 디자인 프레임워크 JaeSoo 2015.09.25 531
282 웹 프로그래밍 과연 반응형 웹 디자인만이 해답일까? file JaeSoo 2015.09.25 536
281 웹 프로그래밍 반응형 웹 디자인의 단점 file JaeSoo 2015.09.25 567
280 웹 프로그래밍 웹디자인 신기술 트렌드 및 적용 사례 file JaeSoo 2015.07.28 510
279 웹 프로그래밍 제이쿼리(jQuery) 튜토리얼(Tutorial) 모음 file JaeSoo 2015.07.28 1253
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 15 Next
/ 15


즐겨찾기 (가족)

JAESOO's HOMEPAGE


YOUNGAE's HOMEPAGE


장여은 홈페이지


장여희 홈페이지


장여원 홈페이지


즐겨찾기 (업무)

알리카페 홀릭

숭실대 컴퓨터 통신연구실 (서창진)

말레이시아 KL Sentral 한국인 GuestHouse


즐겨찾기 (취미)

어드민아이디

유에코 사랑회

아스가르드 좋은사람/나쁜사람

JServer.kr

제이서버 메타블로그

재수 티스토리


즐겨찾기 (강의, 커뮤니티)

재수 강의 홈페이지


한소리


VTMODE.COM


숭실대 인공지능학과


숭실대 통신연구실


베너