RedPlus 개인 블로그

시삽: 레드플러스 님 
게시판 이동:
 제목 : 11. Chapters 모듈 설치 및 적용
글번호: 262
작성자: Administrator ( 레드플러스 / redplus@live.com )
작성일: 2011/06/08 오후 12:51:46 (2011/06/08 오후 12:51:46 수정)
조회수: 4127

 

본 강좌는 아래 경로에서 연재되고 있는 강좌입니다.

오픈소스 웹어플리케이션 사용자 Tip과 강좌 – OSSFair(http://www.sqler.com/OSS)

 

소개

안녕하세요.

이번 시간에는 Orchard 갤러리에서 제공하는 유용한 모듈 중 하나인 Chapters 모듈을 다운로드 받아서 적용하는 방법에 대해서 살펴보도록 하겠습니다.

 

따라하기

Step 1: Chapters 모듈 검색 및 설치

1. [대시보드]-[모듈]-[갤러리] 탭을 선택합니다. 검색 텍스트박스에 “Chapters”를 검색어로 입력 후 [검색] 버튼을 클릭합니다. 아래 그림과 같이 Chapters 모듈이 검색됨을 확인하실 수 있습니다.

image

 

2. [Charpters] 모듈을 설치한 후 활성화 합니다. Chapters 모듈을 활성화하면, [대시보드] 왼쪽 메뉴 영역에 링크가 나타납니다.

image

 

Step 2: Chapters 모듈을 사용하여 책(Book/설명서) 기능 작성하기

1. [대시보드]-[Chapters] 메뉴를 클릭합니다. [Manage Books] 화면이 나타나는데, 이 모듈을 활용하면 책을 작성하듯이 챕터 단위로 콘텐츠를 관리할 수 있습니다. [Add Book] 버튼을 클릭합니다.

image

 

2. [Create New Book] 페이지에서는 하나의 책(매뉴얼, 설명서)을 만드는 화면을 보여줍니다. 제목과 본문을 입력한 후 [Save] 버튼을 클릭하여, 하나의 책(Book)을 만듭니다.

image

 

3. 아래에 [Document]라는 책이 만들어진 모습이고 추가하고자 한다면 앞에 단계와 같이 [Add a Book] 버튼을 클릭하여 여러 개의 책을 출간할 수 있습니다.

image

 

4. 메인 페이지로 이동해서 현재 만들어진 책이 어떻게 보여지는지 확인 후 다시 [대시보드]로 이동합니다.

image

 

Step 3: 책(Book)에 각각의 장(Chpater)을 구성하기

1. 다시 [Chapters] 모듈로 돌아와서 이미 만들어져 있는 Document라는 이름의 Book에 추가적으로 Chapters들을 구성하려고 한다면, 아래와 같이 Chapters 링크를 클릭합니다.

image

 

2. 생성된 Chapter 리스트가 나타나는 화면입니다. 아직 만들어놓은 Chapter가 없기에 [Add a Chapter] 버튼을 클릭하여 생성 화면으로 넘어갑니다.

image

 

3. [Create New Chapter] 화면에서 책(Book)에 들어갈 장(Chapter)을 한 개 이상 생성합니다. 생성하는 방법은 페이지(Page) 만드는 방법과 동일합니다.

image

 

4. 하나의 Chapter를 생성 후 추가적인 Chapter 생성은 언제든지 [Add a Chpater] 버튼을 클릭하여 생성합니다.

image

 

5. 새로운 Chapter 생성시 이미 만들어진 Chapter가 있다면, 해당 Chapter에 하위로 둘 것인지 같은 레벨로 둘 것인지를 결정할 수 있습니다. 마치 1장, 2장, 3장과 1.1절, 1.2절, 1.3절 식으로 컨텐트를 표현할 수 있습니다.

image

 

6. 아래 그림은 1.1절과 같이 서브 Chapter를 만드는 모습을 보여줍니다. [고유링크] 영역을 보면 ~/document/chapter1/sub1 식으로 책/장/절 식으로 표현이 가능함을 표시합니다.

image

 

7. 아래 그림은 1개의 책에 2개의 장(Chapter)에 추가로 1.1절을 두는 형태를 구성해 보았습니다.

image

 

8. 마치 책의 목차를 구성하듯이 하나의 책(Book)에 여러개의 인덱스를 구성하는 형태로 카테고리화하여 콘텐츠를 관리할 수 있는 모듈이 바로 Chapters 모듈입니다.

image

 

9. 현재까지 작성한 Chapters 모듈을 살펴보기 위해서 메인페이지로 이동 후 [Document] 메뉴를 클릭합니다. 기본 Book에 대한 설명 밑으로 3개의 챕터가 보이고, 오른쪽 하단에 다음 내용을 표시합니다.

image

 

10. 각각의 Chapter 내용을 링크를 클릭하여 살펴볼 수 있습니다.

image

 

11. 각각의 Chapter에서는 [이전], [다음], [위]와 같은 링크를 제공해서 콘텐츠간의 이동이 편리하게 구성하였습니다.

image

 

12. 만약, 현재 구성한 [Document] 메뉴를 메인 메뉴에서 3번째 정도의 위치에 보여지게 설정하고자한다면, 아래 그림과 같이 [대시보드]-[네비게이션] 메뉴를 클릭해서 각각의 메뉴에 대한 [위치] 항목을 원하는 순서대로 오름차순으로 인덱스값을 변경하면 해당 순서대로 메인 메뉴가 보여집니다.

image

 

마무리

이번 시간에는 Orchard를 사용하여 여러 개의 콘텐츠를 묶어서 관리해주는 Chapters 모듈을 적용하는 방법에 대해서 살펴보았습니다.

CMS란 단어 자체의 가장 큰 의미는 콘텐츠 관리입니다. 이러한 의미에 맞게 콘텐츠를 관리하는 여러 개의 모듈들이 기본으로 제공되어 있어서 이들을 하나씩 기억해 두었다가, 사이트 구성시 적절하게 사용할 수 있습니다.

자~ 그러면, 본인만의 멋진 CMS를 구성해 보시기를 바라며, 이번 강좌를 마치도록 하겠습니다….

 

끝.

 

관련글

 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트


관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 12. 검색(Search) 기능 구현하기 - Administrator 2011-06-09 4565
현재글 11. Chapters 모듈 설치 및 적용 - Administrator 2011-06-08 4127
다음글 Visual Studio 2010 – 클래스 뷰(Class View) - Administrator 2011-06-08 4268
관련 페이지 리스트
numtitlenamedateview
388 C 언어에서 값 전달과 참조 전달(Call By Value and Call By Re... Administrator 2023-03-09 3560
387 병합 알고리즘 순서도 2022-10-22 5091
386 C 언어 강의: scanf를 엔터키를 기준으로 여러 행으로 값을 입력 받기 Administrator 2022-01-09 4404
385 C 언어: scanf 사용해서 표준 입력인 콘솔로부터 나이를 정수로 입력 받아 출력 Administrator 2022-01-07 3214
384 Java 코드 샘플 - Function 인터페이스로 람다 식 만들기 Administrator 2022-01-04 3112
383 C# 코드 샘플 - 널 조건부 연산자 사용하기 Administrator 2022-01-02 3153
382 C# 코드 샘플 - 널 병합 연산자와 default 키워드 Administrator 2022-01-02 3064
381 C# 코드 샘플 - 널 병합 연산자로 문자열 변수의 NULL 값 확인하기 Administrator 2022-01-02 2976
380 C# 강의 - 14세 미만 체크 메서드 구현 Administrator 2022-01-01 3029
379 C 언어 천 단위 콤마 찍기 thousands_separator.c Administrator 2021-12-30 4161
378 for 문 순서도 - for 문(for loop) 순서도(flowchart) Administrator 2021-12-28 6874
377 C 언어 코드 샘플 - 전처리기 - 조건부 컴파일 Administrator 2021-12-27 3054
376 C 언어 코드 샘플 - 전처리기 - 매크로 함수 Administrator 2021-12-27 3022
375 http-server 설치하기 - 로컬 루프백 주소로 웹페이지 실행 2021-12-27 3025
374 C 언어 코드 샘플 - N명의 학생의 점수를 입력받아 1차원 배열에 저장 후 총점 구... Administrator 2021-12-27 3079
373 Java 코드 샘플 - 두 수의 합을 구하는 함수 Administrator 2021-12-26 2956
372 C 언어 코드 샘플 - 두 수의 합을 구하는 함수 Administrator 2021-12-26 2997
371 C# 교과서 강좌 - LINQ - Select 확장 메서드에 익명 형식 사용하기 Administrator 2021-12-26 3116
370 C# 교과서 강의 - LINQ - Select 확장 메서드를 사용하여 새로운 형태로 ... Administrator 2021-12-26 3031
369 C 언어 코드 샘플 - static-shared - 정적(공유) 변수 사용하기 Administrator 2021-12-26 3049
 
 
 
손님 사용자 Anonymous (손님)
로그인 Home