포스트를 작성하면 일반적으로 카데고리를 정해서 해당 카데고리 안에 포스트를 배치는 것이 일반적입니다. 물론 카데고리를 정하지 않으면 워드프레스에서는 미분류 라는 카데고리로 해당 포스트를 배치 시킵니다. 워드프레스에서 카데고리 관리를 하다보면 불편한 것이 있는데 그것은 카데고리의 순서를 변경하는 기능이 없는 것입니다. 따라서 순서를 편리하게 변경하기 위해서는 별도의 플러그인을 설치해서 사용해야 합니다.

먼저 워드프레스에서 기본적으로 제공하는 카데고리 관리 화면에 들어가보도록 하겠습니다. 왼쪽 사이드바 메뉴에서 글 > 카데고리를 클릭합니다. 아래 화면에서 보이는 것 처럼 워드프레스 기본 카데고리 기능에는 카데고리의 순서를 변경하도록 되어있지 않습니다. 그럼 플러그인을 설치해서 불편함을 해소하겠습니다.



Category Order 플러그인 설치하기


카데고리의 순서를 변경하는데 편리하게 이용할 수 있는 플러그인으로는 Category Order 플러그인이 있습니다. 왼쪽 사이드바 메뉴에서 플러그인 > 플러그인 추가하기 메뉴를 클릭합니다.


플러그인 검색창에서 Category Order 라고 입력하고 엔터키를 칩니다. 맨 처음 나타난 Cateory Order 플러그인이 우리가 설치할 플러그인입니다. 비록 업데이트가 된 지는 오래 되었지만 테스트 해본 결과 현재 워드프레스 버전과 큰 문제점은 발견되지 않았습니다. 오랜 기간 10만명 이상이 설치했던 일종의 워드프레스 플러그인의 고전이라 할 수 있습니다. 지금 설치하기 버튼을 클릭해서 설치를 진행합니다.



플러그인을 활성화 링크를 클릭해서 설치를 완료합니다.



Category Order 플러그인 사용하기


왼쪽 사이드바 메뉴에서 글을 클릭하면 아래와 같이 Category Order 라는 서브 메뉴가 생성된 것을 확인할 수 있습니다. Category Order 메뉴를 클릭합니다.


카데고리 순서를 변경할 수 있는 화면이 나타납니다. 카데고리 순서를 변경하는 것은 간단합니다. 마우스로 드래그앤드랍을 한 뒤에 Order Categories 버튼을 클릭해서 저장하면 됩니다.



그럼 미분류 카데고리를 마우스 드래그해서 맨 밑으로 이동하겠습니다.



카데고리를 변경한 뒤에 Order Categories 버튼을 클릭해서 저장해야 카데고리 변경이 완료됩니다. Order Categories 버튼을 클릭합니다.



카데고리 순서가 변경되었습니다. 오른쪽에 More 라고 표시된 것은 해당 카데고리안에 서브 카데고리가 존재하는 것을 나타냅니다. 서브카데고리의 순서를 변경하려면 More 링크를 클릭해서 순서를 조정하면 됩니다. 제품 서비스 안내에 붙어있는 More 링크를 클릭합니다.



제품 서비스 안내 안에 있는 서브 카데고리가 다음과 같이 나타납니다. 



그럼 실제로 카데고리 순서가 제대로 변경되었는지 글 > 카데고리 화면에 들어가서 확인해보겠습니다. 왼쪽 사이드바 메뉴에서 글 > 카데고리를 클릭합니다. 아래 그림과 같이 미분류 카데고르가 맨 아래로 이동된 것을 확인할 수 있습니다.


웹사이트를 만들고 나서 운영하다보면 다른 웹사이트나 책, 광고에서 볼 수 있는 미려한 폰트에 대한 욕심이 생기기 마련입니다. 워드프레스 사이트에 간편하게 적용할 수 있고 일반적으로 많이 사용하는 폰트는 구글 폰트와 네이버 나눔 폰트가 있습니다.
구글은 폰트 서비스를 통해서 전세계의 여러가지 폰트를 제공하고 있습니다. 구글 폰트는 자신이 운영하는 서버나 자신의 PC에 폰트를 다운로드해서 설치하는 방식을 사용할 수도 있고 URL 링크 기반으로 불러오는 방식을 사용할 수도 있습니다. URL 링크 기반으로 불러오는 폰트 사용 방식을 웹폰트 라고도 합니다. 여기에서는 링크 기반의 구글 웹폰트를 사용해서 워드프레스 사이트에 적용하는 방법을 알아보도록 하겠습니다.

구글 폰트


구글 폰트는 많은 종류가 있습니다. 먼저 구글 폰트 서비스 사이트에 들어가서 자신의 사이트에 적합한 폰트를 찾아야합니다. 웹브라우져를 열고 구글 폰트 서비스 사이트에 접속합니다.



구글에서 아직까지는 한국어 폰트는 정식버전으로 제공되고 있지는 않습니다. 왼쪽 Script 항목의 콤보박스를 클릭해서 확인해보면 한국어 버전인 Korean 은 없는 것을 확인할 수 있습니다.


한국어 버전은 임시 서비스(Early Access)로 제공되고 있습니다. Early Access로 제공되는 폰트를 확인하기 위해서 오른쪽 상단 메뉴에서 More Scripts를 클릭합니다.



임시 서비스인 Early Access 폰트가 리스트업 됩니다. 



명조체 관련된 한국어 폰트를 찾기 위해서 웹브라우저 화면에서 Ctrl + F 를 클릭해서 Korean을 입력하고 엔터를 칩니다. 아래로 내리다 보면 나눔 명조체인 Nanum Myeongjo 폰트가 검색됩니다.



구글은 구글 폰트를 사용할 수 있도록 링크와 사용 예제를 제공합니다. Link 부분과 Example 부분의 텍스트를 복사해서 메모장에 붙여넣습니다. 복사한 텍스트는 조금 뒤에 Custom CSS에 적용하는데 쓰일 것입니다.



워드프레스 사이트에 구글 폰트 적용하는 방법


먼저 자신의 워드프레스 사이트에 접속합니다. 아래 화면에서와 같이 슈만의 사이트에서는 고딕계열의 폰트체가 적용된 것을 확인할 수 있습니다.



이제 워드프레스 관리자 화면으로 들어와서 Custom CSS 방식으로 웹사이트 전체에 나눔 명조를 적용하겠습니다. 왼쪽 사이드바 메뉴에서 외모 > CSS 편집 메뉴를 클릭합니다.



CSS 스타일시트 편집기 화면이 나타납니다. 이곳에 구글 나눔명조 폰트를 CSS 스타일로 적용하면 Custom CSS 방식으로 웹사이트 전체의 폰트가 변경될 것입니다. 



조금 전 구글 폰트 사이트에서 복사한 아래의 나눔명조 폰트의 텍스트를 CSS 스타일시트 편집기에 붙여서 사용할 것입니다. 그렇지만 아래 그대로 붙여넣으면 않됩니다. CSS 문법에 맞추어서 붙여 넣어야 합니다.

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

font-family: 'Nanum Myeongjo', serif;


구글 폰트 사이트에 복사한 텍스트를 아래와 같이 CSS 문법에 맞게 편집합니다.

@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

body{ font-family: 'Nanum Myeongjo', serif; }


이제 편집한 텍스트를 CSS 스타일시트 편집기에 아래와 같이 붙여넣고 스타일시트 저장 버튼을 클릭합니다.



스타일시트가 저장되었습니다. 라는 메시지가 뜨고 import 구문이 맨 윗줄로 위치가 이동됩니다. 표준 문법에 따라서 위치가 이동되는 것이므로 코드의 위치는 신경쓰지 않아도 됩니다.



이제 구글 폰트가 제대로 적용되었는지 웹사이트에 들어가서 확인합니다. 웹사이트 전체 폰트가 나눔명조체로 적용되었습니다. 




정확하게 소스 코드상에서 어떻게 적용하였는지 확인하기 위해서 마우스를 화면에 놓고 오른쪽 마우스를 클릭해서 뜨는 창에서 검사를 선택해서 HTML 소스코드 요소 검사를 실행합니다.




오른쪽 화면에 HTML 소스에 대한 요소 검사화면이 나타납니다. Ctrl + F를 클릭해서 검색창에서 Nanum 이라고 검색하면 아래와 같이 Custom CSS 스타일이 적용된 것을 확인할 수 있습니다. 나눔 명조체 말고도 구글 폰트 사이트에서 여러 종류의 폰트가 있으지 자신의 웹사이트 성향에 가장 적절한 폰트를 찾아서 적용하면 됩니다.




웹표준과 워드프레스


워드프레스는 웹표준인 HTML과 CSS 기반하에 제작된 시스템 도구입니다. 워드프레스는 코어 부분부터 웹표준을 기반으로 제작된 CMS 툴이기 때문에 워드프레스를 깊이 공부할수록 웹표준에 대한 이해가 있어야 다루기가 수월한 것이 사실입니다.
워드프레스를 이야기 할 때 자주 언급되는 Custom CSS를 이해하는 것도 마찬가지입니다. HTML과 CSS 지식이 있는 만큼 이해도가 높을 것입니다. 웹표준인 HTML5와 CSS3를 공부해두는 것은 자신의 미래 경쟁력을 향상시키는 길입니다.

워드프레스 테마 스타일 화일


워드프레스 코어는 이미 짜여진 동일한 프레임웍 구조 안에서 움직이고 있습니다. 워드프레스 테마 역시 코어 프레임웍 구조 안에서 동작합니다. 워드프레스 4.3.1을 설치하면 현재 포스팅에서 다루고 있는 Twenty Fourteen 테마와 Twenty Thirteen, Twenty Fifteen 테마 총 3개가 기본 제공됩니다.

현재 적용된 워드프레스 테마 스타일 화일을 확인하기 위해서는 외모 > 테마편집기를 클릭하면 확인할 수 있습니다.



테마 편집기 안에서 마우스 스크롤을 내려서 Twenty Fourteen 스타일 시트인 style.css 화일 내용을 볼 수 있습니다. 아래로 조금 내리면 오렌지색 박스가 그려진 부분이 기본적으로 HTML 태그에 대해서 스타일을 일괄 적용한 곳입니다. 그렇지만 테마 스타일 화일인 style.css를 이곳 테마편집기 안에서 수정하는 경우는 거의 없습니다. style.css 의 텍스트 양이 많기 때문에 마우스 스크롤 속도모 무척 느릴뿐 아니라 오타의 확률도 높기 때문입니다.



서브라임 텍스트 Sublime Text


일반적으로 테마 스타일 화일을 수정할 때 권고하는 것은 HTML/CSS 전용 편집기를 사용하는 것입니다. 요즈음 퍼블리셔나 개발자가 가장 선호하는 편집기 중 하나는 서브라임 텍스트 입니다. 서브라임 텍스트는 서브라임텍스트 사이트에서 무료로 다운로드 해서 사용이 가능합니다. 단 무료 버전은 광고가 있습니다. 좋은 툴이기 때문에 많이 사용한다면 유료 구매도 고려해 볼만 합니다. 아직 서브라임 텍스트가 설치되어 있지 않다면 다운로드해서 설치합니다.



Twenty Forteen 테마의 테마의 물리적인 스타일 화일인 style.css 화일은 wp-content/themes/ 안에 존재합니다. 실제 화일은 호스팅을 받고 있는 서버 안에 있으므로 FTP 툴로 접속하면 아래 그림과 같은 폴더 경로가 나올 것입니다. wp-content/themes/twentyfourteen 폴더 안에 style.css 화일이 있고 style.css 화일을 로컬 PC로 다운로드 받거나 바로 클릭해서 서브라임 텍스트 편집기로 열 수 있습니다. 



조금 전 워드프레스의 테마편집기에서 열었던 style.css 화일을 서브라임 텍스트 편집기로 열면 아래와 같습니다. 아래 화면과 같이 일단 코드에 대한 시각적 가독성이 뛰어나고 여러가지 편리한 편집 기능을 제공합니다.




Custom CSS 란?


워드프레스 테마는 wp-content/themes 경로 안에 폴더 형태로 존재하게 됩니다. 그래서 해당 테마의 스타일 화일을 수정하면 테마가 수정됩니다. 그렇지만 그렇게 직접 해당 테마의 스타일 화일을 수정하면 테마가 업데이트 되게되면 자신이 수정했던 내용이 모두 사라지게 됩니다. 그런 황망한 경험을 한 유저도 많을 것입니다. 또한 수정한 화일의 버전관리도 어렵습니다.
그래서 사용하게 되는 것이 Custom CSS 입니다.

Custom CSS는 시간순으로 맨 나중에 작성한 CSS 코드가 시스템에 적용되는 원리를 이용해서 원본 CSS를 수정하지 않고 적용하는 것을 말합니다. 그렇지만 Custom CSS는 워드프레스에서 기본 기능으로 제공하고 있지 않고 별도로 설치한 테마에서 제공을 하거나 테마에서 제공을 하지 않을 때는 플러그인에서 설치하면 됩니다. 플러그인으로는 20만명 이상이 사용하고 있는 Simple Custom CSS이 좋습니다.



좋은 테마 수정 습관


조금 전 원본 테마의 화일을 수정하는 것은 좋지 않은 방법이라 하였습니다. 테마를 변경해야 할 때는 스타일은 Custom CSS를 사용해서 변경하고, 소스 코드 수정을 할 때는 자식 테마를 만들어서 사용하는 방법을 권고합니다.
요즈음에는 유료 테마를 구매해서 설치하면 자식 테마를 샘플이나 XML 화일을 대부분 기본적으로 제공하기 때문에 쉽게 자식테마를 활용해서 테마를 수정할 수 있습니다. 이렇게 테마를 수정하는 것이 향후 시스템 유지보수에도 좋은 방법입니다.

좋은 테마 수정 습관으로, 테마를 수정할 때는 커스텀 CSS와 자식테마(Child Theme) 이 두 가지를 꼭 기억하면 되겠습니다. 


워드프레스 사용자 권한 관리


사용자 권한 관리를 위해서 워드프레스는 기본적으로 사용자 메뉴를 제공합니다. 그렇지만 사용자 메뉴는 역할별 세부 권한 관리 기능은 제공되지는 않습니다. 먼저 워드프레스에 기본으로 제공되는 사용자 권한 기능을 확인해보면 이해가 빠릅니다.
왼쪽 사이드바에서 사용자 > 모든 사용자 메뉴를 클릭합니다.


모든 사용자 메뉴를 클릭하면 다음과 같은 화면이 나타납니다. 사용자의 권한을 변경하기 위해서는 목록화면에서 일괄 작업으로 권한 바꾸기를 할 수도 있고, 목록화면에서 해당 사용자의 사용자명을 클릭하여 들어가면 상세화면 안에서 권한 관리가 가능합니다.



사용자 명을 클릭하고 상세화면에 들어가면 아래와 같이 권한 관리를 할 수 있습니다. 그렇지만 특정 사용자별로 테마만 수정하게 한다든지 화일만 업로드 한다든지 하는 세부 권한 부여하는 기능은 별도로 존재하지 않습니다.



User Role Editor 플러그인


따라서, 이런 세부 권한이나 역할별 세부 권한을 설정하기 위해서는 별도의 플러그인을 설치해야 합니다. 워드프레스 사용자들이 세부 권한을 위해서 많이 사용하고 있는 플러그인은 User Role Editor입니다. 강력한 기능으로 현재 30만명 이상이 사용하고 있는 User Role Editor은 역할별 세부 권한 설정에 유용한 도구입니다. 그럼 플러그인을 설치하고 사용하는 방법을 알아보겠습니다. 왼쪽 사이드바 메뉴에서 플러그인 추가하기 메뉴를 클릭합니다.



플러그인 검색창에서 User Role Editor 를 입력하고 엔터를 칩니다. 맨 첫번째 검색된 User Role Editor를 설치하면 됩니다. 지금 설치하기 버튼을 클릭합니다.



플러그인을 활성화 링크를 클릭합니다.



역할별 권한 관리하기


왼쪽 사이드 메뉴에서 사용자 메뉴를 클릭하면 User Role Editor라는 서브 메뉴가 생성된 것을 확인할 수 있습니다. User Role Editor를 클릭합니다.



사용자의 역할별 세부 권한을 설정하는 화면이 나타납니다. 아래 화면에서 보는 것과 같이 역할별(편집자, 글쓴이, 기여자, 구독자)로 세부적이 권한이 체크박스로 나타난 것을 확인할 수 있습니다. 현재 구독자에게 기본적으로 부여된 권한은 읽기 권한입니다.    


구독자에게 읽기 권한 외에 추가적으로 페이지 발행 권한 및 파일 업로그 권한을 부여하려면 아래와 같이 체크한 뒤에 Update 버튼을 클릭하면 됩니다.



만약 편집자의 역할을 변경하기 위해서는 Selct Role and .. 항목에서 선택해서 변경하면 됩니다. 




사용자별 권한 관리하기


User Role Editor 관리 화면에서는 역할별로 사용자 관리를 하였습니다. 그렇지만 User Role Editor 플러그인은 사용자별 관리 기능도 제공합니다. 사용자별 관리를 하기 위해서는 사용자 > 모든 사용자 메뉴의 사용자 목록 화면에 들어가야 합니다. 사용자 목록 화면에서 개별 사용자명 부분에(여기에서는 honggildong) 마우스를 가져다 대면(마우스 오버를 하면) Capabilites 라는 텍스트 링크가 나타납니다. Capabilities를 누르면 개별 사용자인 홍길동에 대해서 User Role Editor 세부 권한 관리을 할 수 있는 것입니다. Capabilities를 클릭합니다.



개별사용자인 홍길동에 대한 세부 권한 관리 화면이 나타납니다. 이곳에서 원하는 세부 권한을 체크한 뒤에 Update 버튼을 클릭하면 개별 사용자별로 세부 권한을 조정할 수 있습니다. 이렇게 User Role Editor 플러그인은 세부 권한을 위해서 직접 MySQL DB 테이블을 엑서스 하지않아도 편리하게 세부 권한 조정이 가능한 유용한 시스템 플러그인입니다.



워드프레스의 꽃, 테마


워드프레스를 가장 돋보이게 하는 것 중의 하나는 테마입니다. 워드프레스가 전세계 CMS 시장을 석권하는데 있어서 테마가 일조 한 것을 부인하는 사람은 없습니다. 워드프레스의 테마를 설치해 본 사람은 몇 번의 클릭으로 웹사이트가 완성되는 것을 체험한 뒤에 놀라움을 금치 못하곤 합니다. 어찌보면 노력없이 큰 선물을 받은 것 같은 생각을 느끼게 하기도 합니다. 그래서 혹자는 워드프레스 테마는 쉽다고 합니다. 그렇지만 워드프레스 테마는 처음에는 쉬워보이지만 결코 만만하지는 않습니다.


- 대표적인 유료 테마, 아바다 Avada -




일반적으로 워드프레스 초급자에게 테마는 쉽게 보이지만 워드프레스가 조금 숙달된 중급자만 되더라도 테마는 어려운 관문임을 깨닭게 됩니다. 테마를 아무것도 변경하지 않고 그냥 쓴다면 쉬울지는 몰라도, 테마 기본 세팅에서 자신의 입맛에 맞게 수정을 하려면 테마의 구조를 이해해야 하고 때로는 HTML/CSS 뿐아니라 PHP 프로그래밍이나 데이터베이스에 대한 기본 지식이 있어야 수월하게 테마를 다룰 수 있기 때문입니다.


- 아바다 패션 Avada Fashion -




워드프레스 구조 및 구성 요소 세 가지


테마 구조를 이해하기 위해서 먼저 워드프레스의 구성을 이해해야 합니다. 워드프레스는 크게 세 가지로 구성됩니다. 첫째, 워드프레스 코어. 둘째, 테마. 세째, 플러그인 입니다. 코어는 워드프레스 제작사에서 만들어낸 시스템을 구동하는 핵심 모듈이며 테마는 주로 디자인을 당당하고 플러그인은 추가적으로 붙일 수 있는 어댑터성(Adapter) 프로그램을 말합니다.

코어는 워드프레스를 구동하는 시스템이기 때문에 사용자나 개발자가 변경할 일은 많지 않습니다. 사용자가 주로 다루는 부분은 테마와 플러그인입니다. 테마와 플러그인을 일종의 레고 블록과 같습니다. 사용자의 입맛에 맛게 자신이 원하는 디자인의 테마와 원하는 기능의 플러그인을 찾아서 코어에 붙여서 사용하면 되기 때문에 레고 블록처럼 자유롭게 조합 및 해체가 가능합니다.

아래 그림을 보면 워드프레스의 구조를 이해하기가 수월합니다. 워드프레스 코어는 운영체제와 웹서버, 데이터베이스 기반 위에 설치되게 됩니다. 테마와 플러그인은 레고 블럭과 같이 이해하면 쉽습니다.


워드프레스 코어는 확장성을 위해서 중요한 역할을 담당합니다. 코어는 커스텀 포스트 타입 API를 제공하기 때문입니다. 만약 플러그인을 수정하거나 개발하는 개발자가 코어의 커스텀 포스트 타입 API를 따르지 않고 이른바 PHP 날코딩으로 프로그램을 한다면 그 플러그인을 거의 1회성 프로그램으로 전락하게 됩니다. 플러그인이 업데이트 되면 적용한 플러그인이 동작하지 않을 경우가 많기 때문입니다. 또한 개발자가 변경되어도 문제는 발생합니다. 커스텀 포스트 타입을 따르지 않고 개발한 프로그램은 다른 개발자가 수정하기에도 쉽지는 않습니다. 그래서 1회성 프로그램이 되어 폐기될 확률이 높은 것입니다.

이렇게 커스텀 포스트 타입을 따르지 않고 개발한 프로그램은 문제 발생시 웹사이트의 골치 거리가 될 가능성이 많습니다.


워드프레스 템플릿 하이러키


워드프레스 테마 구조에 대해서 깊이 공부하고자 한다면 워드프레스를 구성하는 PHP 프로그램의 구성을 알아보는 것이 좋습니다.
워드프레스가 실행될 때 home.php, index.php 화일을 시작으로 대표적으로 아래 화일들이 실행됩니다. 
front-page.php
single.php
page.php
category.php
tag.php

실제로는 include 되어서 이보다 훨씬 많은 php 화일과 html, css, script 화일들이 실행됩니다. 소스에 대해서 분석을 해서 깊이 공부하고 자하는 사용자나 개발자는 반드시 아래 워드프레스 공식 개발자 가이드를 참고하는 것이 좋습니다.




그라바타란 무엇인가?


워드프레스 설치시 기본 기능에는 아바타를 등록하는 기능은 없습니다. 그렇지만 그라바타(Gravatar) 서비스를 이용하면 아바타 기능을 사용할 수 있습니다. 그라바타는 Globally Recognized Avatar 라는 용어에서 만들어졌습니다. 그라바타 서비스는 그라바타 사이트에서 한 번 아바타를 등록해 놓으면 여러가지 웹사이트나 소셜 계정에서도 별도의 등록 과정없이 그라바타 아바타를 사용할 수 있습니다.

즉, 자신이 사용하는 웹사이트나 소셜에 매번 프로필 사진을 등록할 필요가 없고 단 한번 그라바타 서비스에 아바타로 등록해 놓고서 사용하면 되는 것입니다. 그라바타 서비스에서 인식자로 사용하는 아이디는 이메일 주소입니다.

먼저 그라바타 서비스에 가입 절차를 확인하고 워드프레스에서 아바타를 연결해서 사용하는 방법을 알아보겠습니다.

그라바타 서비스 가입하기


먼저 그라바타 사이트( http://ko.gravatar.com/ ) 접속합니다. 오른쪽 상단의 로그인 버튼을 클릭합니다.



그라바타 서비스를 이용하기 위해서는 가입형 워드프레스인 워드프레스닷컴 계정이 있어야 합니다. 워드프레스닷컴 계정이 있다면 이메일과 패스워드를 입력하고 로그인 버튼을 클릭합니다. 아직 워드프레스닷컴 계정이 없다면 Create an Account 버튼을 클릭해서 워드프레스닷컴 계정생성 후 로그인합니다.


그라바타 서비스에 로그인하면 My Gravatars 메뉴가 디폴트로 열립니다. 아직 아바타에 사용할 프로필 이미지를 등록하지 않았습니다. 아래에 하나 추가하려면 여기를 클릭하세요! 링크를 클릭해서 이미지를 등록합니다. 그라바타 이미지를 등록할 때 등급이 있는데 전체 공개 등급인 G등급으로 등록하면 됩니다.



등록이 완료되었다면 아래 그림과 같이 Gravatar 관리 화면에 등록된 아바타가 보일 것입니다. 이제 이 아바타를 자신의 웹사이트나 소셜에서 사용할 수 있습니다.




워드프레스에서 아바타 보이게 하기


아직까지 오른쪽 상단 프로필 화면이나 댓글 화면에 아바타가 보여지지는 않습니다. 가장 간단하게 아바타를 확인해 볼 수 있는 방법은 프로필 화면에서 이메일 계정을 그라바타 서비스에 등록한 이메일 계정과 맞추는 것입니다.






아래와 같이 오른쪽 상단 화면에 마우스를 가져다 대면 내 프로필 편집 화면이 나타납니다. 내 프로필 편집을 클릭합니다.



프로필을 설정할 수 있는 화면이 나타납니다. 연락처의 이메일 부분을 자신이 그라바타 서비스에 등록한 것과 동일한 이메일 주소를 입력하고 프로필 업데이트 버튼을 클릭합니다.



프로필 업데이트가 끝나면 화면 오른쪽 상단의 프로필 부분과 댓글 목록 화면에서 그라바타 서비스가 연결된 아바타가 보이는 것을 확인할 수 있습니다.




댓글을 관리하는 것은 워드프레스 콘텐츠 관리에서 중요한 부분입니다. 악의성 댓글이나 스팸 댓글은 사이트의 신뢰도에 영향을 주게됩니다. 일반 사용자들이 댓글이 관리되지 않는 사이트에 방문을 꺼려하는 것도 다 이유가 있는 것입니다.

워드프레스 기본 기능에서는 댓글 관리를 크게 두 곳에서 할 수 있습니다. 전체적인 댓글에 대한 관리는 설정 > 토론 메뉴에서 진행하며, 개별 글에 대한 댓글 관리는 개별글 옵션에서 설정합니다.
전체적인 댓글 관리인 설정 > 토론에서 댓글에 대한 설정을 해두었다고 해도 우선순위는 개별 글에 대한 댓글 설정에 있습니다.
가령 예를 들어서 설정 > 토론 에서 전체 댓글은 허용으로 체크하고 특정 개별 글에 대해서 댓글을 달지 못하도록 설정하면 개별글 댓글 설정에 의해서 댓글을 달지 못하게 됩니다.

댓글 전체 설정


댓글에 대한 전체 설정은 왼쪽 사이드바 메뉴에서 설정 > 토론 메뉴를 클릭해서 관리합니다. 토론 메뉴를 클릭합니다.


토론 설정 화면이 나타납니다. 이곳에서 사이트 전체적으로 댓글 설정을 수행합니다. 전체 댓글을 허용할 수도 있고 거부할 수 있습니다. 각 항목은 한글로 잘 번역이 되어있기 때문에 따로 설명하지 않아도 이해하기가 어렵지 않습니다.



개별 글의 댓글 설정


댓글 설정의 우선 순위는 개별글의 댓글 옵션입니다. 개별 글에 대한 옵션을 확인하기 위해서 개별 글 화면에 들어갑니다. 글 화면에서 오른쪽 상단의 화면 옵션 버튼을 클릭합니다.



화면 옵션을 클릭하면 아래와 같은 화면이 나타납니다. 토론 체크박스는 개별 댓글에 대한 권한 설정 화면을 디스플레이하고, 댓글 체크박스는 실제 글에 달린 댓글을 화면에 디스플레이하는 옵션입니다.
화면 옵션 항목에서 체크가 되면 화면에 보여지고 해제되면 화면에서 사라집니다. 아래와 같이 토론과 댓글 체크박스에 체크를 합니다.



화면 옵션에서 토론과 댓글에 체크를 하면 아래와 같이 글 편집 화면 아래부분에 토론과 댓글 박스가 생성됩니다. 그리고 개별글에 대한 댓글 설정은 토론 박스 안에 댓글 허용 부분에서 설정합니다.



작성된 댓글 관리


관리자는 작성된 댓글에 대해서 관리할 수 있습니다. 댓글을 관리하는 화면은 별도의 메뉴로 있습니다. 왼쪽 사이드바 메뉴에서 댓글을 클릭하면 됩니다.


사용자에 의해서 작성된 댓글을 관리할 수 있는 목록 화면이 나타납니다.



댓글에 대해서 승인 기능을 설정하였다면 아래 화면에서와 같이 댓글 확인후 승인 기능을 사용해서 승인처리할 수 있습니다.


댓글을 관리할 때 워드프레스에서 기본으로 제공되는 댓글 관리 기능을 사용하지 않고 소셜 댓글 서비스를 이용해서 댓글을 관리할 수 도 있습니다. 소셜 댓글 서비스 중에서 많이 사용하는 서비스는 디스커스 댓글 서비스입니다. 

디스커스 댓글 서비스의 장점


소셜 댓글인 디스커스 서비스를 이용하면 두 가지의 장점이 있습니다.
첫째는, 회원 가입해서 디스커스 서비스를 이용하면 자신이 운영하는 여러가지 사이트의 댓글을 통합해서 관리할 수 있다는 점입니다. 디스커스 계정에 로그인해서 댓글을 한 번에 확인할 수 있는 것이고 특별히 멀티 사이트를 운영하는 관리자는 관리 시간을 절약할 수 있는 것입니다.
둘째는, 댓글을 다는 방문자는 디스커스에 회원가입을 하지 않아도 자유롭게 댓글을 달 수 있는 시스템입니다.

워드프레스에서 디스커스 시스템을 이용하기 위해서는 디스커스 플러그인을 설치해야합니다.

디스커스 플러그인 설치


플러그인 추가하기 메뉴를 클릭해서 플러그인 추가 화면에 들어갑니다.


플러그인 검색화면에 Disqus 를 입력하고 엔터를 칩니다. 첫번째 검색되는 Disqus Comment System 을 지금 설치하기 버튼을 클릭해서 설치합니다.



플러그인을 활성화 링크를 클릭해서 플러그인을 활성화합니다.



왼쪽 사이드바 메뉴에서 댓글 메뉴를 클릭하면 Disqus 서브 메뉴가 생성된 것을 확인할 수 있습니다. Disqus를 클릭합니다.


Upgrade Disqus Comments 화면에서 Upgrade 버튼을 클릭합니다.


디스커스 댓글 시스템을 설치하기 위해서는 디스커스의 계정이 있어야 합니다. 계정이 없다면 아래 링크를 클릭해서 디스커스 회원 가입을 진행합니다.





디스커스 계정 회원가입 및 사이트 등록


오른쪽 상단에 Sign Up 버튼을 클릭해서 디스커스 회원 가입을 진행합니다. Sign Up 버튼을 클릭합니다.



디스커스 회원가입은 간단합니다. 이름과 이메일과 패스워드를 입력하고 Sign Up 버튼을 클릭하면 됩니다. 아직 회원 가입이 되어있지 않다면 정보를 입력하고 회원 가입을 합니다. 




회원 가입을 진행하거나 로그인을 하게 되면 다음과 같이 디스커스 웹사이트 화면이 나타납니다. 오른쪽 상단에 톱니바퀴 모양의 설정 아이콘을 클릭합니다.


설정 아이콘을 클릭하면 여러가지 메뉴가 나타납니다. 디스커스 시스템에 자신의 웹사이트를 추가하기 위해서 Add Disqus To Site 라는 메뉴를 클릭합니다.



오른쪽 상단의 Install on Your Site 버튼을 클릭합니다.





아래 화면과 같이 사이트 이름과 디스커스 URL 카데고리를 선택하고 Finish registration 버튼을 클릭합니다.



사이트 등록이 완료되면 다음과 같은 화면이 나타납니다. 이제는 디스커스 플러그인을 설정할 차례입니다.




디스커스 플러그인 설정하기


디스커스 계정 회원가입을 하였기 때문에 다시 워드프레스의 디스커스 화면에 들어옵니다. 디스커스 시스템을 설치하기 위해서 사용자 이름이나 이메일 그리고 패스워드를 입력하고 Next 버튼을 클릭합니다.



디스커스 계정에 여러 개의 사이트를 등록했다면 여기서 사용할 웹사이트를 선택하고 Next 버튼을 클릭합니다. 단 한개의 사이트만 등록했다면 한 개의 사이트만 나타날 것입니다.



디스커스 댓글 시스템이 설치되었다는 메시지가 나타납니다. Continue to the moderation dashboard 링크를 클릭합니다.



오른쪽 상단에 Plugin Settings 메뉴를 클릭하면 플러그인 설정을 할 수 있습니다. Plugin Settings 메뉴를 클릭합니다.



설정화면에서 디스커스 시스템의 상태가 enabled로 활성화 된 것을 확인할 수 있습니다. 비활성화 하려면 Disable 버튼을 클릭하면 디스커스 댓글 시스템이 비활성화 됩니다. 설정을 확인하고 오른쪽 상단의 Moderate 메뉴를 클릭합니다.



Go to Disqus Moderation 버튼을 클릭해서 디스커스 웹사이트로 이동합니다. 



디스커스 관리자 화면에 들어왔습니다. 기본적으로 Engage 메뉴의 Moderate comments 메뉴가 열립니다. 이곳은 댓글을 승인하고 관리하는 부분입니다. 왼쪽에서 두번째 메뉴인 Analyz engagement 메뉴를 클릭합니다.



이곳은 사이트 분석을 위한 화면입니다. 그래프 형식으로 댓글이 어느정도 달리고 있는지 분석이 가능합니다. 그렇지만 아직 사이트 URL을 등록하지는 않았습니다. 상단의 Setup 메뉴에서 사이트 URL을 등록하도록 하겠습니다. Setup 메뉴를 클릭합니다.



디스커스 댓글 시스템을 설정하는 화면이 나타납니다. Default Sort 항목에서 Newest first로 선택해서 최신 글들을 먼저 보여주도록 합니다. 



Website URL 항목에 사이트 URL을 입력하고 Language 항목에서 한국어를 선택한 뒤에 Save Changes 버튼을 클릭해서 변경 내역을 저장합니다.





사이트 URL이 정상적으로 등록되면 오른쪽 상단에서 사이트 이름을 클릭하면 등록한 사이트 URL이 아래 화면과 같이 정상적으로 디스플레이 되는 것을 확인할 수 있습니다.



워드프레스에서는 기능상으로는 사용자수를 제한없이 추가 할 수 있습니다. 그렇지만 무조건 사용자를 늘리는 것보다는 꼭 필요한 사용자에게 적절한 권한을 부여하고 역할에 맞게 권한을 조정하는 것이 중요합니다.
과거와는 다르게 요즈음 웹사이트의 트랜드는 굳이 로그인을 하지 않아도 어느정도의 웹사이트 기능을 이용할 수 있게하거나 간략하게 죄소한의 정보로 로그인을 요청하는 사이트들이 많이 있습니다.

패스트(FAST) 사회, 빠름이 경쟁력


이미 기존의 대형 인터넷 쇼핑몰의 매출을 뛰어넘은 소셜 커머스 플랫폼인 쿠팡, 위메프, 티몬만 보아도 알 수 있습니다.
예전에는 쇼핑몰 사이트에 가입하려도 사용자에게 여러가지 정보를 요청했었습니다. 그렇지만 소셜 커머스는 전화번호나 이메일 정도의 정보로 간편하게 가입이 되며 사이트의 모든 기능을 이용할 수 있습니다. 
따라서 워드프레스를 통해서 블로그나 중소형 쇼핑몰을 시작하려고 한다면 굳이 로그인을 요청하거나 로그인 절차를 복잡하게 하는 것은 사용자의 웹사이트 접근성을 떨어트리는 일입니다.

따라서 가능하면 로그인 없이 사이트를 이용할 수 있도록 하는 것이 좋습니다. 그렇지만 팀블로그등 여러명이 운영한다면 관리자외에 편집자나 글쓴이 정도의 권한은 부여해야 합니다.

사용자 추가하기


워드프레스에서 사용자를 추가하고 관리하는 것은 어렵지 않습니다. 먼저 왼쪽 사이드바 메뉴에서 사용자 > 사용자 추가하기 메뉴를 클릭합니다.



사용자를 추가하는 화면이 나타납니다. 필수 정보는 사용자명과 이메일 그리고 역할 부분입니다. 필수 정보를 입력하고 새로운 사용자를 추가 버튼을 클릭하면 사용자가 추가 됩니다.



역할 항목은 사용자의 권한을 나타내는 옵션입니다. 사용자의 권한은 아래 화면과 같이 다섯 가지 권한으로 구성됩니다.



사용자 권한 종류


관리자 : 웹사이트 전체에 대한 권한을 가지고 있는 관리자로 Administrator 라고도 합니다.
편집자 : 글을 쓰는 콘텐츠의 생산뿐만 아니라 콘텐츠를 생상하는 생산자들(편집자, 글쓴이)를 총괄 관리하는 사람입니다. 신문사로 따지면 편집장 정도의 위치라고 보면 됩니다. 글에 대한 모든 권한을 가지고 있습니다.
글쓴이 : 글을 작성하고 글을 발행할 수 있는 권한을 가지고 있는 사람입니다.
기여자 : 글을 작성할 수 는 있지만 발행 권한은 가지고 있지를 않습니다. 따라서 기여자가 작성한 콘텐츠는 관리자나 편집자의 검토를 거친뒤에 발행할 수 있습니다.
구독자 : 말 그대로 글을 읽는 사람을 말합니다. 신문사로 치면 신문 구독자라고 생각하면 됩니다.


워드프레스 사용자 권한표


 
관리자
편집자
글쓴이
기여자
구독자
사용자 관리
가능
X
X
X
X
워드프레스 설정
가능
X
X
X
X
글쓰기 기능
가능
가능
가능
가능(발행 불가)
X
페이지 기능
가능
가능
X
X
X
다른 유저 글수정
가능
가능
X
X
X


사용자 권한을 부여한 뒤에 사용자 관리는 사용자 > 모든 사용자 메뉴를 클릭해서 진행하면 됩니다. 모든 사용자 메뉴를 클릭하면 등록한 사용자 정보가 목록 형태로 디스플레이 됩니다.





워드프레스 사이트가 활성화 되면 광고성 스팸 댓글에 시달리게 됩니다. 스팸 댓글이 많이 있는 것은 사이트 신뢰도에 직접적인 영향을 미치게 됩니다. 특히 오랜 기간 관리하지 않는 워드프레스 사이트의 경우 수십 수백여건의 스팸으로 도배되는 경우도 있습니다.

스팸 댓글의 수호자 아키스밋


워드프레스 사이트내에서 스팸을 막는 방법은 여러가지가 있지만 가장 간단한 방법은 워드프레스 설치시에 기본으로 제공하는 아키스밋(Akismet) 플러그인을 사용하는 것입니다. 
아키스밋은 워드프레스를 만든 오토매틱의 워드프레스닷컴에서 운영하는 스팸 댓글 필터링 서비스입니다. 아키스밋은 전세계에 설치되어 있는 워드프레스 시스템을 분석해서 일종의 지식기반 스팸 데이터베이스를 구축해서 스팸 댓글을 필터링합니다. 전세계에 있는 방대한 워드프레스 시스템을 분석했기 때문에 다양한 스팸의 패턴을 분석해서 시간의 흐름에 따라서 더욱 정확한 스팸 필터 프로그램으로 진화하고 있습니다.

아키스밋 사용하기


아키스밋은 워드프레스에 기본적으로 설치되어 있는 플러그인이기 때문에 플러그인을 활성화를 해서 사용하면 됩니다. 다만 아키스밋을 사용하기 위해서는 워드프레스닷컴( https://ko.wordpress.com/ ) 의 계정이 있어야 사용을 할 수 있습니다. 워드프레스닷컴의 계정이 없다면 신규 가입을 해서 계정을 생성하면 됩니다.

그럼 먼저 아키스밋 플러그인을 활성화하기 위해서 왼쪽 메뉴에 설치된 플러그인 메뉴를 클릭합니다.



설치된 플러그인이 목록 화면에 나타납니다. Akismet 플러그 아래에 활성화 링크를 클릭합니다.

`

아키스밋 플러그이 활성화 되면서 아키스밋 안내 문구가 상단에 나타납니다. 아키스밋 계정을 활성화 하세요 를 클릭합니다.



아키스밋 API를 입력하는 화면이 나타납니다. 저의 경우 젯팩이 설치되어있기 때문에 이미 젯팩을 통해서 자신의 메일 계정으로 연결되었다는 메시지가 나타납니다.
Register for Akismet 버튼을 클릭합니다.



아키스밋 서비스 선택 및 API키 받기


아키스밋을 서비스의 종류를 선택할 수 있습니다. 베이직의 경우에는 무료이지만 나머자 세 개는 유료 서비스입니다. 
아키스밋은 비상업용으로는 무료이지만 상업용으로 사용할 때는 구매를 해야합니다. 무료인 Basic의 GET STARTED 버튼을 클릭합니다.



카드 번호를 입력하는 화면이 나타납니다. 베이직은 무료이기 때문에 오른쪽 화면에서 $36.00/YEAR 라고 적혀있는 사이드바를 마우스로 클릭해서 왼쪽으로 드래그합니다.



금액을 왼쪽으로 드래그 하면 아래 화면과 같이 카드정보 입력 화면이 사라지고 성명을 입력하는 화면만 보여집니다. 성명을 입력하고 CONTINUE 버튼을 클릭합니다.



2~4초 정도 아래와 같이 진행중 화면이 나타납니다.



진행이 완료되면 아키스킷의 API 키가 나타납니다. 



키를 마우스로 드래그해서 복사합니다. 이 키를 워드프레스 아키스밋 키 입력화면에서 입력할 것입니다.



이제 다시 아키스밋 화면에 들어가서 복사한 API 키를 붙여넣고 이 키 사용하기 버튼을 클릭합니다.



이 키 사용하기 버튼을 클릭한 뒤에 길게는 시스템 상황에 따라서 10초에서 20초 정도 연결 작업시간이 걸릴 수 도 있습니다.
계정이 활성화되면 바로 아키스밋 설정 화면이 나타납니다. 아래 쪽에 계정 항목은 Personal Free Accoiunt 로 정상적으로 무료 구독이 된 것을 확인 할 수 있습니다. 그렇지만 아직 설정이 모두 끝난 것은 아닙니다.




아키스밋의 설정내용을 확인하고 변경 사항 저장 버튼을 클릭해야 모든 설정이 끝난 것입니다. 변경 사항 저장 버튼을 클릭합니다.





아키스밋을 통해서 걸러진 스팸 댓글은 바로 이곳에


이제 아키스밋이 스팸 댓글을 차단할 수 있습니다. 댓글 메뉴에 들어가면 스팸이라는 서브 메뉴가 있습니다. 아키스밋이 활성화 되었으므로 앞으로 스팸 댓글이 달리면 바로 이곳에 스팸으로 분류되어 저장될 것입니다.



워드프레스를 사용하면서 고유주소나 슬러그라는 용어를 자주 접하게 됩니다. 고유주소는 슬러그라고 생각해도 됩니다. 고유주소는 콘텐츠 작성한 글이나 페이지의 URL 주소입니다. 즉, 해당 콘텐츠의 접속 경로입니다. 워드프레스의 고유주소 일반 설정을 글 이름으로 세팅하면 글이나 페이지를 작성시에 입력하는 제목을 기반으로 자동으로 고유주소를 만들어냅니다.

아래처럼 제목을 입력하면 워드프레스는 고유주소를 자동으로 생성합니다.



슬러그를 사용할 때 두 가지 중요사항


첫째, 글이나 페이지를 공개한 뒤에는 가능한 슬러그를 변경하지 않는 것이 좋습니다.

그 이유는 글이나 페이지가 공개된 뒤에 슬러그를 변경하면 이미 SNS 등을 통해서 공유된 슬러그 URL의 링크를 클릭해도 페이지를 오류가 나서 해당 사이트의 신뢰성을 떨어트리기 때문입니다. 또한 공개버튼을 클릭해서 인터넷상에 자신의 글을 발행하게 되면 발행 시점부터 구글등 검색엔진이 해당 페이지에 대해서 검색 색인 작업을 자동으로 하게됩니다. 검색엔진에서는 슬러그 변경 전 URL을 색인해놓았는데 만약 슬러그 변경으로 깨진 링크가 발생하면 역시 사이트의 최적화에 좋은 영향을 주기는 어렵습니다.


둘째, 슬러그는 가능한 영문으로 사용하는 것이 좋습니다.

SNS를 통해서 URL을 공유할 때 어떻때 보면 http://shuman.kr/%20%E2%80%8E 과 같이 깨진 주소처럼 보이는 경우가 있습니다. 영문을 사용해서 슬러그를 입력하면 주소가 깨지지 않지만 한글을 사용하면 위와 같은 현상이 발생합니다.
또한 어떤 경우에는 한글 주소자체를 제대로 인식하지 못해서 접속이 되지 않는 경우 또한 발생합니다. 그런 경우에는 호스팅 서버 세팅의 문제일 경우가 대부분입니다. 따라서 서버 설정에 익숙하지 않다면 가능한 슬러그는 영문을 사용하는 것을 추천합니다.


한글 고유주소로 연결되지 않을 때 처리 방법


한글 고유주소가 연결되지 않는 경우에는 UTF-8 유니코드를 사용하지 않아서 그렇습니다. 이럴때는 서버의 .htaccess 파링의 # END WordPress 아래 부분에 다음 내용을 추가해서 명시적으로 유니코드를 사용하도록 하면 됩니다.

# END WordPress

<IfModule mod_url.c>
CheckURL On
ServerEncoding UTF-8
</IfModule>


워드프레스에서 고유주소 설정하기


왼쪽 사이드바 메뉴에서 설정 > 고유주소를 클릭합니다.



고유주소 설정 화면이 나타납니다. 일반 설정 옵션을 글 이름으로 선택하고 변경사항 저장 버튼을 클릭합니다. 

일반 설정 항목에 보면 여러가지 표시방법으로 고유주소를 설정할 수 있습니다. 기본으로는 http://shuman.kr/?p=123 형태로 되어있지만 추천하지는 않습니다. 가능한 해당 글의 정보를 반영할 수 있는 글 이름으로 설정하는 것이 좋습니다. 날짜나 월별로 관리하고 싶다면 날짜와 이름 이나 월과 이름을 사용해도 크게 문제될 것은 없습니다.


포스팅을 많이하다보면 글의 갯수가 늘어나기 마련입니다. 카데고리를 통해서 글을 관리한다고 해도 때로는 동일 카데고리 안에 있는 글의 순서를 조정할 필요를 느끼게 됩니다.
그렇지만 워드프레스에서 기본적으로 글의 발행 일자 순이나 역순으로만 글의 순서가 정해집니다. 따라서 글의 순서를 바꾸려면 발행되는 일시를 변경해야하는 번거로움이 있습니다.



Post Type Order 플러그인 설치 및 설정


그렇지만 Post Types Order 플러그인을 사용하면 간편하게 글의 순서를 조정할 수 있습니다. 플러그인을 설치하기 위해서 왼쪽 사이드바에서 플러그인 추가하기 메뉴를 클릭합니다.



오른쪽 플러그인 검색창에서 post types order를 입력하고 엔터키를 칩니다. 맨 왼쪽에 Post Type Order 플러그인이 검색됩니다. 30만명 이상이 설치한 대표적인 글관리 플러그인 입니다.



지금 설치하기 버튼을 클릭합니다.



플러그인을 활성화 링크를 클릭합니다.



왼쪽 사이드바 메뉴에서 설정을 클릭하면 Post Types Order 라는 서브메뉴가 생성된 것을 확인할 수 있습니다. Post Types Order를 클릭합니다.



Post Types Order 플러그인의 설정 화면이 나타납니다. 이곳에서 중요한 설정은 글에 대한 순서를 조정하는 사용자 권한을 정하는 것입니다. 일반적으로 글에 대한 통제는 편집자 이상으로 설정하는 것이 좋습니다. 따라서 Editor나 Administrator로 선택하고 저장버튼을 클릭합니다.



글의 순서 조정하기


플러그인의 설정이 완료되었으니 글에 대한 실재적인 순서를 조정할 차례입니다. 왼쪽 사이드바 메뉴에서 글을 클릭하면 Re-Order 라는 서브 메뉴가 생성된 것을 확인할 수 있습니다. Re-Order를 클릭합니다.



글의 순서를 조정할 수 있는 화면이 나타납니다. 아래 쪽에 있는 이미지 갤러리 만들기 글을 맨 앞으로 순서를 옮기겠습니다. 


순서를 조정하는 것은 간단합니다. 마우스로 이미지 갤러리 만들기 드래그해서 다음과 같이 배치하면 그만입니다. 불편하게 발행일자를 조정해서 글의 순서를 변경하지 않아도 되는 것입니다.



워드프레스 포스트 관리 및 예약기능의 끝판왕


워드프레스에서 작성한 포스트 갯수가 많아지면 각 포스트를 관리하는 것이 만만한 일은 아닙니다. 워드프레스 설치 시에 기본으로 제공되는 글 > 모든글 화면에서 한 눈에 포스트를 확인 및 관리하는 것 역시 쉬운일은 아닙니다. 기본 제공화면은 단순히 글에 대한 목록 화면이기 때문에 이번 달이나 지난 달에 내가 얼마만큼 포스트를 작성했는지 일일이 조회하면서 확인해야하기 때문입니다.

그렇지만 Editorial Calendar 플러그인을 사용하면 이런 고민을 해결 할 수 있습니다. Editorial Calendar 플러그인은 캘린더 즉, 월간 달력 형태의 관리 UI를 제공하고 있습니다. 포스트의 작성 현황이 캘린더에 표시되어 한 눈에 확인이 가능한 가독성 측면의 이점이 있습니다.

월간 달력 형태로 UI가 제공되는 것 뿐아니라 작성한 포스트에 대해서 마우스 드래그앤 드롭으로 포스트를 이동할 수 도 있습니다. (단, 포스트 공개 전에 가능합니다. 포스트 공개하기 버튼을 누른 상태에서는 마우스 드래그앤드롭 기능은 비활성화 됩니다.) 또한 월간 달력을 보면서 원하는 날짜를 클릭해서 바로 그 날짜에 포스트를 작성할 수 있습니다.

무엇보다 작성하는 포스트의 예약 기능이 있기 때문에 포스팅을 많이 할 때 무척 유용한 나만의 시스템 도우미가 됩니다.


Editorial Calendar 플러그인 설치하기


플러그인 추가하기 메뉴를 클릭합니다.



플러그인 검색창에서 editorial calendar를 입력하고 엔터키를 칩니다. 검색된 Editorial Calendar 에서 지금 설치하기 버튼을 클릭합니다.



플러그인을 활성화 링크를 클릭합니다.



플러그인 설치가 완료되면 왼쪽 사이드바 메뉴에서 글 > Calendar 라는 서브 메뉴가 생성됩니다. Calendar 메뉴를 클릭합니다.



Calendar를 클릭하면 캘린더 관리 화면이 아래와 같이 나타납니다.




Editorial Calendar 사용하기


오늘 일정으로 이동해서 Editorial Calendar를 사용해보도록 하겠습니다. Show Today 버튼을 클릭합니다.



Show Today 버튼을 클릭하면 아래 그림과 같이 오늘 날짜가 있는 월간 캘린더로 날짜가 이동됩니다. 그럼 이제 몇 개의 테스트용 포스트를 작성하고 이동 및 편집하는 과정을 확인하겠습니다.




포스트를 작성하기 원하는 날짜에 마우스를 가져다 대면 아래 화면과 같이 New Post 라는 텍스트가 나타납니다. 캘린더에서 12월2일 날짜 위에 마우스를 가져다대고 마우스 오버시 나타나는 New Post라는 텍스트를 클릭합니다.



간단하게 포스트를 작성할 수 있는 입력 창이 나타납니다.




글을 작성하는 입력창에서 Status 항목을 보면 세 가지 옵션이 나타납니다. 옵션은 다음과 같습니다.

Draft : 작성하는 포스트를 임시 저장하는 기능입니다.
Pending Review : 말그대로 작성한 포스트를 대기중 상태로 임시 보류하는 펜딩 기능입니다.
Scheduled : 유용한 기능인 포스트 예약 기능입니다. Scheduled 를 선택하고 위의 Time 항목에서 시간을 설정하면 해당 날짜의 시간에 작성한 포스트가 발행되는 기능입니다.



그럼 세 가지 옵션에 해당하는 테스트용 포스트를 각각 만들어보겠습니다. 첫번째는 Draft 상태로 작성하는 포스트입니다. 제목에 A70S 제품 사용법 안내라고 입력하고 본문을 작성한 뒤에 Status를 Draft로 선택하고 Save 버튼을 클릭합니다.



캘린더에서 12월2일에 임시저장 상태인 DRAFT 로 포스트가 작성되었습니다. 두번째 포스트는 Pending Review 상태로 작성하겠습니다. New Post를 클릭합니다.




두 번째 포스트의 제목과 본문을 아래과 같이 작성하고 Status 항목을 Pending Review로 선택한 뒤에 Submit for Review 버튼을 클릭합니다.



두 번째로 작성한 포스트는 PENDING 이라고 캘린더에 표기된 것을 확인할 수 있습니다. 세 번째 포스트는 예약 포스트로 작성하겠습니다. New Post 텍스트를 클릭합니다.



세 번째 포스트의 제목과 본문을 아래와 같이 입력합니다. 예약 포스트로 발행할 것이기 때문에 Status 항목을 Scheduled로 선택하고 Time에 예약 발행할 시간을 선택합니다. 예약시간은 30분 단위로 예약이 가능합니다. 선택이 완료되면 Save 버튼을 클릭해서 저장합니다.




세번째로 예약 발행한 A90S 제품 사용법 안내 포스트가 아래 화면과 같이 표시됩니다. 현재 세 개 포스트 모두 12월2일에 작성되었습니다. 이제 마우스 드래그앤드롭으로 마지막 작성한 포스트를 12월3일로 이동하겠습니다.







세번째 포스트위에 마우스를 가져다대고 12월3일로 드래그 합니다.


이처럼 Editorial Calendar 플러그인은 간단한 마우스 드래그로 포스트의 날짜를 변경할 수 있습니다. 그럼 실제 글목록에서 포스트 글이 제대로 작성되었는지 확인하겠습니다.



왼쪽 사이트바 메뉴에서 글 > 모든 글 메뉴를 클릭합니다.



캘린더에서 작성한 포스트 세 개가 모두 정상적으로 작성된 것을 확인할 수 있습니다. 각 세 개의 글은 임시글과 대기중 예약됨으로 글 작성 상태가 표시되고 마지막에 마우스 드래그앤드롭으로 12월3일 일정을 변경했던 A90S 제품 사용법 안내는 12월3일에 정상적으로 예약이 변경된 것을 확인할 수 있습니다.




킹콩보드


킹콩보드는 가장 최근에 만들어진 한국형 게시판 플러그인입니다. 최근에 만들어진 플러그인 답게 킹콩보드의 가장 큰 장점은 커스텀 포스트 타입을 지원하는 것입니다. 처음에는 커스텀 포스트 타입을 중요성을 느끼지 못할 수 도 있으나, 커스텀 포스트 타입 구조를 따르는 것은 추후 복잡해진 시스템 유지보수에서 중요한 역할을 차지합니다.

워드프레스 플러그인 중에서 커스텀 포스트 타입 구조를 지키는 플러그인들은 향후 유지보수가 유리하다라고 생각하면 됩니다.

킹콩보드 플러그인 설치


왼쪽 사이트바 메뉴에서 플러그인 추가하기를 클릭합니다.


     
플러그인 검색창에 kingkong board를 입력하고 엔터키를 칩니다. 맨 처음 검색된 Kingkong Borad의 지금 설치하기 버튼을 클릭합니다.



플러그인을 활성화 링크를 클릭합니다.



왼쪽 사이드바 메뉴에 아래와 같이 킹콩보드 메뉴가 생성된 것을 확인할 수 있습니다. 대시보드 를 클릭합니다.



킹콩보드 게시판 생성하기


카페24에서 호스팅을 받을 때 Global IT라는 무료 테마를 설치하였다면 킹콩보드가 자동으로 설치되었고 공지사항 게시판이 자동으로 만들어져있을 것입니다. 카페24를 이용하지 않는 경우에는 아래에 신규 게시판 생성 버튼을 클릭합니다.



신규 게시판을 생성하는 화면이 나타납니다. 이제 킹콩보드 게시판의 각 항목을 입력하고 게시판을 생성하도록 하겠습니다.



킹콩보드 게시판의 옵션은 상당히 많습니다. 이 옵션을 모두 설정하는 것은 불필요한 일입니다. 기본적으로 게시판 제목과 슬러그 및 권한 정도만 설정하면 일반적인 게시판으로 사용하는데 무리가 없습니다. 세부적인 설정은 사용해가면서 학습해 나가면 되는 것입니다.

킹콩보드에서 만드는 게시판은 이전에 만들었던 사이트 메뉴에서 서비스 채널 > FAQ 메뉴에 연결할 예정입니다. 따라서 킹콩보드 게시판은 FAQ 게시판 용도로 만들 것입니다.


게시판 옵션에서 제목을 아래와 같이 FAQ 게시판으로 입력하고 게시판 슬러그에는 faqboard 를 입력합니다.




FAQ 게시판을 만들것이므로 권한 조정이 필요합니다. 일반 유저들은 글을 읽기만하고 편집자(Editor)이상 권한 부여자만 게시판에 글을 쓸 수 있도록 아래와 같이 권한을 조정합니다.



다른 옵션을 디폴트로 하고 옵션 화면 맨아래에 게시판 생성 버튼을 클릭합니다.




게시판을 생성한 뒤에 다시 왼쪽 메뉴에서 킹콩보드를 클릭하면 다음과 같이 FAQ 게시판이 생성된 것을 확인할 수 있습니다. 이제 FAQ 게시판의 숏코드를 복사해서 사이트 메뉴의 페이지에 복사해서 붙여넣을 것입니다.



생성한 FAQ 게시판을 사이트 메뉴에 연결하기


현재 사이트 메뉴에서 서비스 채널 > FAQ 를 클릭해보면 FAQ 페이지는 아무것도 없는 공백 페이지인 것을 확인할 수 있습니다.



킹콩보드 화면에 들어가서 숏코드는 복사합니다. 생성한 FAQ 게시판의 숏코드는 [kingkong_board faqboard] 입니다.



이제 사이트에서 FAQ 메뉴에 연결되어 있는 페이지를 찾아서 숏코드를 붙여넣으면 됩니다.



페이지 메뉴에서 FAQ 페이지에 들어가서 복사했던 숏코드를 본문에 붙여넣은 뒤에 업데이트 버튼을 클릭합니다.         



사이트 메뉴에서 서비스 채널 > FAQ 메뉴를 클릭하면 아래와 같이 FAQ 게시판이 생성된 것을 확인할 수 있습니다.
글작성을 위해서 글쓰기 버튼을 클릭합니다.




FAQ 제목과 내용을 입력하고 저장버튼을 클릭합니다.



저장이 완료되면 목록 화면이 나타납니다. 댓글을 확인하기 위해서 제목글 부분을 클릭합니다.


댓글을 입력하고 등록 버튼을 클릭합니다.



입력한 댓글이 아래와 같이 디스플레이되는 것을 확인할 수 있습니다.



국내 웹사이트만의 독특한 현상


국내 웹사이트의 독특한 현상이 한 가지 있습니다. 그것은 바로 웹사이트의 게시판 기능입니다. 우리나라에서는 웹사이트 게시판이 일반인들에게 활성화 되어있지만 외국의 경우에는 그렇지 않습니다. 해외에서는 게시판 보다는 포럼 형태가 보편화 되어있습니다. 워드프레스의 태생 자체가 외국에서 개발되다보니 오랫동안 우리 입맛에 맞는 게시판이 많이 있지는 않았습니다. 그렇지만 워드프레스가 국내에도 대중화 되면서 게시판 플러그인이 점차 확산되고 있습니다.

대한민국 대표 게시판 KBoard 플러그인의 장단점


현재 국내에서 가장 많이 사용하고 있는 게시판 플러그인은 KBoard 입니다.
KBoard 플러그인의 장점 세 가지 정도가 있습니다.
첫째, 사용자가 많다는 점입니다. 사용자가 많으면 아무래도 문제 발생시에 도움과 해결책을 찾아보기 쉽습니다.
둘째, 우리가 사용하기에 친숙한 UI 구조를 가진다는 점입니다.
세째, 무료 게시판 스킨 외에 유료로 구입하면 세련된 게시판으로 꾸미기가 가능합니다.

그렇지만 아쉬운 점은 KBoard의 경우에는 커스텀 포스트 타입 구조를 따르고 있지 않아서 워드프레스의 내보내기 기능으로 빽업을 하는 것이 어렵습니다. 따라서 KBoard 자체 빽업 기능을 이용해야 합니다.

KBoard 플러그인 설치


KBoard 플러그인을 설치하기 위해서 워드프레스 플러그인 사이트에 등록되어 있지 않아서 왼쪽 사이드바 메뉴에서 플러그인 추가하기로 설치를 할 수 없습니다.



따라서 KBoard를 만든 제작사인 코스모팜 사이트에 들어가서 다운로드를 받아서 설치를 해야합니다.
그럼 웹브라우저를 열고 코스모팜 사이트( http://cosmosfarm.com ) 에 접속합니다. 메뉴에서 제품 > KBoard를 클릭합니다.




KBoard 플러그인을 다운받을 수 있는 화면이 나타납니다. 아래에 두 개의 플러그인을 다운로드 받을 수 있도록 되어있습니다.
첫번째 kboard-wordpress-plugin-5.0 플러그인은 KBoard 플러그인으로 반드시 다운로드 받아서 설치해야하는 필수 플러그인이고 
두번째 kboard-comments-wordpress-plugin-4.1 플러그인은 KBoard 댓글 플러그인으로 선택 플러그인 입니다. 두 개의 플러그인을 모두 다운로드 링크를 클릭해서 다운로드 받습니다.





로컬 PC에 다음과 같이 정상적으로 파일이 다운로드 되었습니다. 



이제 다운받은 플러그인 두개를 설치하면 됩니다. 왼쪽 사이드바 메뉴에서 플러그인 추가하기 메뉴를 클릭합니다.



플러그인 추가 화면에서 상단에 있는 플러그인 업로드 버튼을 클릭합니다.



파일 선택을 해서 조금 전에 다운로드한 플러그인 zip 화일을 찾습니다.



먼저 KBoard 필수 플러그인을 선택합니다.



지금 설치하기 버튼을 클릭합니다.




플러그인을 활성화 링크를 클릭합니다. 나머지 한 개의 댓글 플러그인도 같은 과정으로 설치합니다.




KBaord 플러그인 사용하기


플러그인의 설치가 완료되면 왼쪽 사이드바 메뉴에 아래와 같은 KBoard 메뉴 아이콘이 생성된 것을 확인할 수 있습니다. KBoard 메뉴를 클릭합니다.      



KBoard 메뉴를 클릭하면 게시판 서브 메뉴가 펼쳐집니다. 게시판을 사용하기 위해서 먼저 게시판 생성을 클릭합니다.



게시판 관리 화면이 나타납니다. 이곳에서 게시판을 생성할 수 있습니다. 먼저 게시판 이름을 원하는 이름으로 변경하겠습니다.




게시판 이름을 고객문의 게시판으로 변경하고 댓글 사용 항목을 활성화로 선택한 뒤에 화면 맨 아래쪽에 변경사항 저장 버튼을 클릭합니다.




변경 사항 저장이 완료되면 생성된 게시판을 페이지에 연결하는 작업을 해야 합니다. 게시판을 페이지에 연결하는 작업은 두 가지 방법이 있습니다. 게시판 자동 설치에서 바로 페이지를 연결해도 되고, 게시판 숏코드는 복사해서 페이지를 생성한 뒤에 붙여 넣어도 됩니다.




우리는 이전에 사이트의 메뉴를 만들면서 서비스 채널 > 문의 게시판 이라는 빈 페이지를 만들어 놓은 것이 있습니다. 바로 이곳에 KBoard 게시판을 연결하도록 하겠습니다.







게시판 관리의 게시판 자동 설치 항목에서 문의 게시판을 선택한 뒤에 저장 버튼을 클릭합니다. 이렇게 되면 KBoard 게시판과 메뉴 페이지가 자동으로 연결되어집니다. 



연결이 제대로 되었는지 웹사이트의 메뉴에서 서비스 채널 > 문의 게시판을 클릭합니다.




원래 빈 페이지였던 곳에 KBoard 게시판이 생성된 것을 확인할 수 있습니다. 게시판에 글을 쓰기 위해서 글쓰기 버튼을 클릭합니다.




문의 내용을 작성하고 저장버튼을 클릭합니다. 비밀글이나 공지사항 기능도 함께 제공되고 썸네일과 첨부화일도 첨부가 가능합니다.



저장이 되었습니다. 목록보기 버튼을 클릭해서 목록화면에서 어떻게 보여지는지 확인합니다.



문의 게시판에 작성한 첫번째 글이 등록되었습니다. 이제 댓글을 입력해 보겠습니다. 문의글 제목 부분을 클릭합니다.



댓글을 작성하고 입력 버튼을 클릭합니다.




작성한 댓글이 다음과 같이 글의 아래쪽 부분에 나타나게 됩니다.


+ Recent posts