다음을 통해 공유

[Umbraco 강좌] 7. 콘텐트 페이지 편집, 삭제, 메뉴 정렬 등 소개

  • 아티클

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

소개

이번 시간은 페이지(Page) 생성 후 편집 및 삭제 그리고 메뉴의 순서 변경 등의 일반적인 관리 기능에 대해서 소개합니다.

따라하기

1. 메인 페이지에 기본 값으로 작성된 페이지의 콘텐트에 대한 편집을 하고자 합니다. [백오피스로] 접속합니다.

062111_1407_71.png

2. 아래 그림과 같이 [백오피스]-[Content] 섹션-[컨텐츠]-[Simple website]를 선택 한 후 메인 영역의 [Content] 탭을 선택합니다. 그러면, 메인 페이지를 편집할 수 있는 기본 에디터가 출력되고 이 곳의 값을 변경해서 사이트를 꾸밀 수 있습니다.

062111_1407_72.png

3. Umbraco의 콘텐트는 항상 기본 에디터로 수정하고 아래그림과 같이 [저장]과 [저장 후 출판]이라는 메뉴를 통해서 웹에서 출력할 수 있습니다.

062111_1407_73.png

4. 아래 그림은 [백오피스]에서 변경한 내용이 적용된 메인 페이지를 보여줍니다.

062111_1407_74.png

5. 만약 특정한 페이지(콘텐트)가 필요가 없다면, 아래 그림처럼 해당 페이지에 마우스 오른쪽 버튼을 클릭하여 나타나는 메뉴 항목 중 [삭제]를 클릭하면 됩니다.

062111_1407_75.png

6. 삭제된 콘텐트는 [휴지통] 메뉴에서 확인할 수 있으며, 경우에 따라서 복원을 하고자 할 때에는 해당 콘텐트에 마우스 오른쪽 버튼을 클릭하여 [이동] 메뉴를 클릭합니다.

062111_1407_76.png

7. 이동(Move) 메뉴에서는 선택한 콘텐트를 원하는 위치를 선택하여 이동시킬 수 있습니다.

062111_1407_77.png

8. 또한, 메뉴에서 보여지는 위치 값을 변경하고 할 때에는 [Simple website]에 마우스 오른쪽 버튼을 클릭하여 나타나는 메뉴 항목 중 [Sort]를 클릭하여 아래 그림과 같이 여러 개의 메뉴 항목 중 하나를 마우스로 드래그 앤 드롭을 하여 Sort order값을 변경할 수 있습니다.

062111_1407_78.png

9. 아래 그림은 최종적으로 3개의 콘텐트만을 메뉴로 구성한 후 메인 페이지의 내용 값도 편집한 후의 메인 페이지 모습을 나타냅니다.

062111_1407_79.png

마무리

이번 강좌도 간단하지만, 가장 많이 사용하는 부분입니다. CMS 솔루션에서는 이처럼, 웹에서 원하는 콘텐트를 언제든지 사용할 수 있고 신속하게 변경할 수 있는 기본적인 웹 상에서의 편집 기능을 제공합니다.

한번 설치 후 모든 것을 웹에서 관리, CMS(Content Management System)의 핵심 기능입니다.

끝.

관련글