Partager via

[Umbraco 강좌] 4. 사용자 모드와 관리자 모드(백오피스)

  • Article

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

소개

모든 CMS 솔루션 및 웹 응용 프로그램은 메인 페이지라 불리는 모든 사용자들이 모두 볼 수 있는 사용자 모드(User Mode)와 해당 웹 사이트를 관리하는 관리자 모드(Admin Mode)를 제공합니다.

Umbraco CMS에서는 이러한 관리자 모드를 백오피스(BackOffice)라는 용어로 표현합니다. 관리자 모드, 백오피스, 대시보드 등은 모두 같은 의미로 CMS 영역에서는 사용됩니다.

이번 시간은 간단하게 Umbraco에서 사용자 모드와 관리자 모드에 접속하는 방법에 대해서 설명합니다.

따라하기

1. Umbraco 소스를 웹 페이지로 실행시키려면 항상 아래 그림과 같이 Umbraco 소스에 마우스 오른쪽 버튼을 클릭했을 때 나타나는 [Open as a Web Site with Microsoft WebMatrix] 메뉴 항목을 클릭하면 됩니다.

062011_1653_41.png

2. 또한, WebMatrix로 열린 소스를 웹 브라우저로 실행하고자 할 때에는 WebMatrix의 [실행] 버튼을 클릭하여 컴퓨터에 설치된 브라우저 중 하나로 오픈 하면 됩니다. 1번과 2번 순서는 앞으로 Umbraco 학습 시 항상 동일하게 적용되는 부분입니다.

062011_1653_42.png

3. 아래 그림은 Umbraco CMS의 사용자 모드를 나타냅니다. 필자의 URL은 https://localhost:1867/ 입니다. 이 URL은 사용자마다 틀리게 보여지는 부분이니 신경 쓰지 않아도 됩니다. 차후 완성되는 Umbraco 소스는 로컬 서버가 아닌 원격 서버에서 실행시켜볼 예정입니다.

062011_1653_43.png

4. 아래 그림과 같이 Umbraco의 관리자 페이지인 백오피스로 접속하고자 할 때에는 https://Umbraco로컬소스/umbraco 로 접속하면 됩니다. 만약 관리자 권한으로 로그인 중이면 바로 백오피스로 접속하지만 그렇지 않은 경우에는 아래 그림처럼 사용자 계정 정보를 받는 로그인 창이 나타납니다. 여기에 최고 관리자 권한인 처음 설치시의 계정 정보를 입력 후 [로그인] 버튼을 클릭하여 로그인 합니다.

062011_1653_44.png

5. 최고 관리자 권한으로 로그인 후의 백오피스 모습입니다. 백오피스는 일반적으로 상단에 주요 메뉴와 왼쪽에 Content 섹션, 왼쪽 아래에 Selections 섹션이 있고 가운데 영역에 주요 설정 정보를 입력하는 대시보드가 위치합니다.

062011_1653_45.png

6. 백오피스에서 하나의 설정 사항을 변경해 보도록 하겠습니다. 왼쪽 Content 섹션에서 메인 페이지인 [Simple website]를 클릭 후 오른쪽 영역에서 Site 이름과 설명을 변경해 봅니다. 그런 후 이를 메인 페이지에 적용하려면 아래 그림과 같이 [Save and publish] 아이콘을 클릭하면 적용됩니다.

062011_1653_46.png

7. 백오피스에서 간단히 메인 페이지의 텍스트 내용을 변경한 내용이 적용된 페이지입니다.

062011_1653_47.png

마무리

일반적인 웹 사이트 제작과는 조금 다르게 CMS를 통한 웹 사이트는 메인 페이지를 꾸미는 모든 기능을 관리자 모드를 통해서 이루어집니다. 앞으로 진행되는 내용은 이러한 백오피스 사용에 대한 내용이 전부일 정도로 백오피스를 통한 Umbraco CMS 관리가 그만큼 중요합니다.

Umbraco 백오피스를 통한 사이트 제작… 이제 시작해 보도록 하겠습니다~

끝.

관련글