소개

이번 시간은 페이지(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)의 핵심 기능입니다.

 

 

끝.





관련글



관련 동영상 참고 자료

  1. Umbraco 개발 환경 구축
  2. Umbraco 설치
  3. 사용자 모드와 관리자 모드(백오피스)
  4. 새로운 페이지(Page) 만들기
  5. 한글 언어팩(Languages) 적용하기
  6. 콘텐트 페이지 편집, 삭제, 메뉴 정렬 등 소개
  7. 미디어 파일 관리
  8. 사용자(User) 관리
  9. 스타일 추가 및 변경
  10. 템플릿(Templates)과 마스터페이지(MasterPages)
  11. Umbraco 페이지 필드(태그(Tags))
  12. 문서 타입(Document Types)
  13. 문서 타입(Document Types)에 속성 추가
  14. 부모 문서 타입(Document Types) 사용하기
  15. 문서 타입(Document Types) 내보내기 및 가져오기
  16. 문서 타입(Document Types) 자식 노드 허용
  17. 기본 매크로(Macros) 사용하기
  18. 새로운 매크로(Macro) 만들기
  19. 매크로(Macro)에 파라미터 전달
  20. 사진 갤러리(Gallery) 만들기 1
  21. 사진 갤러리(Gallery) 만들기 2 : XSLT 사용하기
  22. 사진 갤러리(Gallery) 만들기 3 : jQuery 슬라이드 쇼 플러그인 적용
  23. 회원(Members) 관리
  24. 사전(Dictionaries)
  25. 패키지(Packages)
  26. HTML 레벨의 스킨 파일 적용 1
  27. HTML 레벨의 스킨 파일 적용 2 : 상단 메뉴
  28. HTML 레벨의 스킨 파일 적용 3 : 서브 메뉴와 사이트 맵
  29. HTML 레벨의 스킨 파일 적용 4 : 서브 타이틀
  30. 배포 : Umbraco CMS를 원격 서버에서 실행




profile

박용준(redplus at redplus.net)
.NET 개발/강의 프리랜서, MVP, MCT
데브렉(http://www.devlec.com) 전임 강사
닷넷코리아(http://www.dotnetkorea.com) 사이트 운영