다음을 통해 공유


[Orchard 강좌] 4. 블로그 모듈 추가 및 아티클 작성하기

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

 

소개

현대적인 웹 응용 프로그램 및 CMS에서 가장 기본으로 제공되며 중요시하는 부분이 블로그 모듈입니다.

블로그 모듈을 통해서 웹에 아티클을 제공하며 이를 검색엔진을 통해서 많은 수의 사용자에게 전파될 수 있는 시스템입니다. 이에 Orchard CMS도 제일 먼저 Blog 모듈을 기본 시스템으로 제공하고 있습니다.

이번 강좌에서는 Orchard를 통해서 나만의 블로그 및 여러개의 블로그를 만드는 방법에 대해서 설명드리고자 합니다.

따라하기 : Orchard CMS에 블로그 모듈 적용하기

1. 실제 서버에 Orchard가 배포(게시, 업로드)되기 전에는 로컬에서 기본적인 작업을 진행할 수 있습니다. 이 때 언제든지 Orchard를 실행하고자할 때에는 아래 그림과 같이 Orchard 소스에 마우스 오른쪽 버튼을 클릭하여 [Open as a Web Site with Microsoft WebMatrix] 메뉴를 통해서 소스를 WebMatrix로 열 수 있습니다. 만약, 이글을 보시는 분들이 전문 개발자이시라면 굳이 WebMatrix가 아닌 Visual Studio 2010 또는 Visual Web Developer 2010 Express와 같은 전문 개발 도구를 사용하시는 게 더욱 좋은 개발/실행 환경이 될 수도 있음을 참고하시기 바랍니다.

image_thumb.png

2. Orchard CMS는 항상 모든 관리를 대시보드(Dashboard)를 통해서 진행하기에, 처음 설치 시 입력한 최고 관리자(Super Users) 계정을 통해서 대시보드에 로그인할 수 있습니다.

image_thumb_1.png

3. Orchard CMS 관리자 모드로 접속하면 아래 그림처럼, 왼쪽 카테고리 영역에 [Blog]라는 링크가 제공됩니다.  이 링크를 사용하여 블로그 생성 및 생성된 블로그에 아티클을 작성할 수 있습니다. 만약 Orchard를 통해서 Blog 서비스를 제공하지 않고자한다면, 사용하지 않아도 되는 메뉴가 되겠네요…

image_thumb_2.png

4. 블로그를 생성하기 위해서 [Blog] 링크 메뉴를 클릭하면, [New Blog]라는 입력화면이 오른쪽 영역에 나타납니다.

image_thumb_3.png

5. [New Blog] 입력 화면에서 아래그림과 같이 원하시는 정보를 입력하여 블로그를 생성할 수 있습니다. 기본적인 정보를 입력 후 [Save] 버튼을 클릭하면 블로그가 생성됩니다.

image_thumb_4.png

  • Title : 블로그의 이름을 나타냅니다.
  • Permalink : 블로그의 고유 URL을 설정할 수 있습니다. 기본적으로 Title에 입력한 값이 그대로 적용됩니다.
  • Description : 블로그에 대한 간단한 설명을 기입할 수 있습니다.
  • Show on main menu : 체크를 하게되면 바로 아래에 입력하는 Menu text를 가지고 메인 메뉴에 등록되게 됩니다.
  • Menu text : 메인 메뉴에 등록시 나타나게되는 텍스를 나타냅니다.
  • Show on admin menu : 대시보드 메뉴에 블로그 메뉴를 나타낼 것인지를 설정합니다.
  • Owner : 기본 블로그의 사용 권한(Users)를 나타냅니다. 기본값은 Super Users인 admin입니다.

6. 대시보드에서 블로그 생성 후 메인 페이지로 이동하면 [Blog] 메뉴가 생성되고 이곳으로 이동하면 앞서 입력한 기본 정보가 출력됩니다. 만약, 블로그 설정에 대한 변경이 필요하다면, 블로그 설명글 오른쪽 상단의 [Edit] 버튼을 클릭 또는 대시보드의 [Blog] 메뉴로 이동하면 됩니다.

image_thumb_5.png

7. 대시보드의 [Blog] 메뉴에는 블로그에 대한 관리(Manage Blog), 새로운 블로그 아티클 생성(New Post) 및 새로운 블로그 생성(New Blog)의 3가지 메뉴가 제공됩니다.

image_thumb_6.png

8. 자, 그러면 이번에는 앞서 생성한 블로그에 아티클(포스트)를 입력해 보도록 하겠습니다. [대시보드]-[Blog]-[New Post] 메뉴를 클릭하여 새로운 포스트 입력 화면으로 이동합니다. 아래 그림과 같이 블로그 제목(Title)과 고유링크 및 내용을 입력합니다.

image_thumb_7.png

9. 추가적으로 블로그에 대한 태그와 댓글 작성 가능 여부 등을 체크한 후 [Save] 또는 [Publish Now] 버튼을 클릭하여 블로그 내용을 임시저장 또는 출판할 수 있습니다.

image_thumb_8.png

Orchard CMS는 Content에 대한 출력(적용 여부)에 대한 3가지 방법을 제공합니다. 위 그림에서의 [Save], [Publish Now] 그리고 [Publish Later]의 3가지 버튼 중 하나를 사용할 수 있습니다.

  • [Save] : 흔히 말하는 임시 저장 기능입니다. DB에는 저장이 되어 보관되나, 실제 메인 페이지에서는 적용이 되지 않습니다.
  • [Publish Now] : 실제 저장 기능이며 포스트에 대한 출판을 진행합니다. 글 작성 완료 후 바로 메인 페이지에 적용하고자할 때 사용합니다.
  • [Publish Later] : 지금은 출판하지 않고 특정일까지 대기 상태를 유지하고자할 때 사용합니다. 지정된 일시가 지나면 메인페이지에 적용되어 나타납니다.

10. 앞서 블로그 포스트를 입력 후 메인 메뉴로 [Blog]로 이동하면 아래 그림과 같이 첫 번째 블로그 포스트가 출력되는 것을 알 수 있습니다.

image_thumb_9.png

11. 댓글 작성이 가능하도록 설정해 놓았다면, 블로그 포스트 상세보기 페이지로 이동 시 아래그림과 같이 특정 사용자가 Comment를 입력할 수 있는 폼이 나타나, 포스트에 대한 코멘트(댓글)를 입력할 수 있습니다.

image_thumb_10.png

마무리

요즘은 개인이든 기업이든 자신만의 로그(웹에 무엇이든 필요한 정보를 기록…)를 남기는 것을 좋아하고, 이를 통해서 홍보 또는 자신만의 라이브러리로 꾸밀 수 있습니다. 그만큼 블로그란 기능은 Content를 관리하는데 상당히 유연한 구조를 가지고 있습니다. 당연히 CMS에서 블로그 기능은 이제는 필수 입니다. 여기서 많은 분들이 기본 블로그 스킨이 너무나 단순하여 마음에 와닿지 않을 수도 있습니다. 하지만, Orchard는 모든 모양, 내가 원하는 어디든 그 곳을 내 입맛에 맞게 또는 이미 공개되어있는 많은 수의 스킨(뒷 부분에 다룰 예정)을 무료로 다운로드 받아 적용하면 금방 세련되고 본인만의 디자인으로 사이트를 꾸며나갈 수 있습니다. 지금은 일단은 기본적인 기능을 익히고 그런 후 확장된 기능으로 진행해 보도록 하겠습니다.

끝.

관련글