Partager via

[Orchard 강좌] 11. Chapters 모듈 설치 및 적용

  • Article

이 내용은 ASP.NET MVP로 활동하고 계신 박용준님이 작성하신, 오픈소스 기반 웹사이트 제작 엔진인 Orchard로 처음 웹사이트를 구축 및 개발하기 위한 시리즈 강좌입니다. 많은 도움 되시길 바랍니다.
==================================================================================================

소개

안녕하세요.

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

따라하기

Step 1: Chapters 모듈 검색 및 설치

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

image_thumb.png

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

image_thumb_1.png

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

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

image_thumb_2.png

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

image_thumb_3.png

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

image_thumb_4.png

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

image_thumb_6.png

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

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

image_thumb_7.png

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

image_thumb_8.png

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

image_thumb_9.png

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

image_thumb_10.png

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

image_thumb_11.png

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

image_thumb_14.png

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

image_thumb_16.png

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

image_thumb_17.png

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

image_thumb_19.png

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

image_thumb_21.png

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

image_thumb_22.png

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

image_thumb_23.png

마무리

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

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

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

끝.

관련글