워드프레스에 구글 애드센스 광고 넣는 방법


이번 시간에는 구글 애드센스 광고를 워드프레스 사이트에 넣는 방법에 대해서 공부하는 시간을 가지도록 하겠습니다.
구글 애드센스 가입 및 광고를 만드는 방법에 대해서는 아래 포스팅을 참고바랍니다.


구글 애드센스를 사용하는 사용자라면 자신이 운영하고 있는 여러가지 시스템 및 채널에 애드센스 광고를 달기를 희망합니다.
과거에 비해서 요즈음에는 광고를 게재하는 방법이 시스템별로 여러가지 형태의 플러그인으로 제공되고 있어서 편리하게 사용할 수 있습니다.

워드프레스에 구글 애드센스 광고를 넣는 방법은 크게 두 가지 정도의 방법이 있습니다. 
첫째는 구글 애드센스 코드 자체를 복사해서 자신이 운영하는 워드프레스 사이트의 HTML 소스 안에 직접 편집해서 넣고 광고를 게재하는 방법,
둘째는 구글 애드센스 플러그인을 사용해서 광고를 게재하는 방법입니다.

여기에서는 두번째 방법인 플러그인을 활용해서 손쉽게 광고를 게재하는 법을 알아보도록 하겠습니다.


워드프레스용 구글 애드센스 플러그인 설치하기


구글 애드센스 플러그인을 설치하기 위해서는 플러그인 화면에 들어가야 합니다. 워드프레스 관리자화면(알림판) 메뉴에서 플러그인 > 플러그인 추가하기 메뉴를 클릭합니다.



플러그인을 검색하고 추가하는 화면이 나타납니다. 플러그인 검색창에 easy adsense 라고 입력하고 검색을 하면 맨 첫번째 검색되는 Easy Plugin for AdSense가 여기에서 사용할 플러그인입니다.

4만명 이상이 설치해서 사용하고 있고, 플러그인에 대한 최근 업데이트도 1개월 전에 있기 때문에 어느 정도 신뢰성있는 플러그인라 생각할 수 있습니다. 지금 설치하기 버튼을 클릭해서 플러그인 설치를 진행합니다.



플러그인 설치가 완료되었습니다. 플러그인을 활성화를 클릭합니다.




구글 애드센스 플러그인 사용하기


플러그인의 활성화가 완료되면 관리자화면의 설정 메뉴에 Easy AdSense 라는 메뉴가 생성된 것을 확인할 수 있습니다. 구글 애드센스 광고를 설정하기 위해서 Easy AdSense 메뉴를 클릭합니다.




Easy AdSense 메뉴를 클릭하면 아래와 같은 초기 화면이 나타납니다. 스크롤을 내려서 아래쪽으로 내려가면 구글 애드센스를 설정하는 화면이 나타납니다.



Easy AdSense는 구글 애드센스 광고를 글 본문에도 사용할 수 있도록 하였고 사이드바에도 사용할 수 있게 제공하고 있습니다.
아래 화면에서 왼쪽 부분이 글본문에 애드센스 광고를 게재하는 것이고, 화면의 오른쪽은 사이드바 위젯에 광고를 게재하는 공간입니다.



Easy AdSense 플러그인의 광고코드를 입력하는 란에 코드를 입력하려면 구글 애드센스에서 광고코드를 가져와야합니다.

구글 애드센스에 로그인해서 자신이 생성한 광고코드를 가져오면 옵니다. 광고코드는 특정 규격화된 사이즈의 광고를 사용해도 좋고, 자동크기 반응형 광고를 사용해도 좋습니다.

글 본문에 애드센스 광고 게재하기


하나의 글 본문안에 세 개의 광고를 게재하고 싶다면 아래 화면과 같이 도입 애드센스 텍스트, 중간 애드센스 텍스트, 끝 애드센스 텍스트 입력 박스에 구글 광고코드를 붙여넣습니다.



그리고 광고에 대한 옵션을 아래와 같이 설정합니다. 구글 정책에 대한 옵션으로 광고를 3개 허용하는 것으로 설정한 뒤에 저장하면, 글 본문에 광고가 게재될 것입니다.





사이드바 위젯에 구글 애드센스 광고 게재하기


글 본문에 광고를 게재하는 것도 좋지만 광고가 너무 많은 것도 시각적 공해일 수 있기 때문에 여기에서는 사이드바에만 광고를 한 개 게재하도록 하겠습니다.

먼저 사이드바에 광고를 게재하려면 광고의 크기를 계산해야 합니다. 그렇지만 워드프레스의 경우 반응형 웹을 지원하기 때문에 여기에서는 아래와 같이 자동크기 반응형 광고를 만들어서 해당 코드를 복사해서 사용하겠습니다. 자동크기 반응형 광고코드를 복사합니다.



복사한 자동크기 반응형 광고코드를 아래 화면과 같이 애드센스 위젯 텍스트 입력란에 붙여넣고 제목 숨기기 체크박스에 체크합니다.



그리고 광고 옵션 항목에 아래와 같이 광고 1개 허용에 체크를 한 뒤에 변경 저장 버튼을 클릭합니다.




위젯에 Easy AdSense 구글 애드센스 광고 배치하기


Easy AdSense 플러그인으로 광고를 생성하였고, 이제는 웹사이트의 사이드바 위젯에 구글 애드센스 광고를 배치할 차례입니다.
위젯 화면에 들어가서 광고를 배치해야 하므로, 워드프레스 관리자 화면에서 외모 > 위젯 메뉴를 클릭합니다.



위젯 화면에 들어오면 왼쪽에는 사용할 수 있는 위젯 항목 나타납니다. 왼쪽 아래에 있는 'Easy AdSense:Google Ads' 를 드래그해서 기본 사이드바 위젯 영역으로 드래그 해서 배치 합니다.




워드프레스 사이트에 구글 애드센스 광고 적용 확인하기


기본 사이드바에 애드센스 위젯을 배치하였으므로 자신의 워드프레스 사이트에 들어와서 구글 애드센스 광고가 제대로 게재되는지 확인해야합니다.
플러그인을 통한 광고 생성이 제대로 되었다면 아래 화면과 같이 오른쪽 사이드바 부분에 광고가 정상적으로 나타날 것입니다.


워드프레스 콘텐츠 작성시 페이지(Page)와 글(Post)을 구분해서 사용하자


워드프레스를 사용해서 글을 작성할 때 워드프레스 콘텐츠 타입을 크게 본다면 두 가지로 생각할 수 있습니다.
두 가지는 하나는 페이지(Page)이고 하나는 글(Post)입니다.
일반적으로 페이지(Page)는 회사 소개등 정적인인 내용을 구성할 때 사용하고, 동적인 블로그성 내용은 글(Post)로 작성하는 것이 좋습니다.




페이징 기능이란?


페이징 처리 기능은 아래 그림을 보면 바로 이해가 갈 것입니다. 페이징 처리 기능은 구글 화면과 같이 클릭을 해서 다음 페이지로 넘어가는 기능을 이야기합니다. 페이징 처리기능이란 용어는 페이지 네비게이션으로 IT 업계에서는 명명하기도 합니다.




요즈음에는 여러 블로그 시스템에서 페이징 기능을 특정 아이콘이나 이미지를 클릭해서 페이징 기능을 두는 대신에 스크롤을 내리면 동적으로 다음 블로그 내용들이 보여지는 방식으로 서비스를 구현하고 있습니다.


워드프레스 페이징 기능 적용의 묘(妙)


워드프레스의 페이징 기능은 여러가지 상황을 고려해 보아야합니다. 워드프레스의 버전과 어떤 테마를 사용하는지에 따라서 페이징 기능을 적용하는 방법이 다르기 때문입니다.

워드프레스의 태생은 작은 블로그 프로그램에서 시작이 되었습니다. 태생이 블로그이기 때문인지 과거 워드프레스 버전에서는 기본적으로 페이징 처리 기능이 페이지번호가 보이는 방식이 아니라 이전, 이후 정도의 페이지 기능 정도만 제공하고 있었습니다.

그래서 숫자가 보이는 페이징 기능을 구현하기 위해서는 페이징 플러그인으로 유명한 WP-PageNavi 플러그인을 설치해서 사용하는 경우가 많았습니다.
전세계적으로 백만건이상 설치된 WP-PageNavi 플러그인은 지금도 워드프레스에서 페이지 네비게이션 기능을 구현할 때 가장 많이 사용하는 플러그인입니다.




그렇지만 아래 화면과 같이 WP-PageNavi 플러그인을 설치한다고 해서 모든 일이 해결되는 것은 아닙니다.
WP-PageNavi 플러그인을 설치한 뒤에 자신의 워드프레스 테마 소스에서 functions.php 나 index.php 등 php 소스를 뒤져서 next_posts_link() 함수를 찾아서 아래 그림과 같이 변경해 주어야 했습니다.





테마가 변경될 때마다 페이징 소스를 수정해야하는 번거로움


워드프레스 설치시 기본적으로 제공되는 TwentyThiteen, TwentyFourteen 테마가 있습니다.
TwentyThiteen 테마까지는 그래도 아래 화면과 같이 next_posts_link 로 검색해서 찾으면 function.php 화일에 동일한 함수명으로 존재를 하였으나
TwentyFourteen 테마에서는 함수 이름마저 변경되었을 뿐아니라 작동 방식이 변경되었습니다.

[ TwentyThiteen 테마 fuctions 소스 ]





TwentyFourteen 테마에서는 functions.php 안에 페이징 기능의 소스가 있는 것이 아니라 template-tags.php 라는 별도의 파일로 inc 폴더안에 존재하게 됩니다. 



소스코드나 함수명도 변경되었습니다.



페이징 기능은 워드프레스 4.2.2와 TwentyFourteen 테마 조합으로


워드프레스 버전을 4.2.2이상 사용하고 기본 테마인 TwentyFourteen 테마를 사용한다면 WP-PageNavi나 별도의 페이징 플러그인을 설치하거나 PHP 소스코드를 수정하지 않아도 간단하게 설정이 가능합니다.


페이징 처리 실습하기


페이징 기능 실습환경은 워드프레스 버전은 4.2.2이상이고 테마는 TwentyForteen 로 구성하였습니다.
페이징 기능 사용을 위해서 관리자 화면의 왼쪽 사이트바 메뉴에서 설정 > 읽기 메뉴를 클릭합니다.



읽기 메뉴를 클릭하면 읽기 설정 화면이 나타납니다. 전면 페이지 표시 항목은 전면 페이지를 표시할 때 최근 글의 리스트를 보여주거나 정적인 페이지를 선택하는 기능입니다. 일단 테스트를 위해서 최근 글 항목에 체크합니다.

페이지당 보여줄 글의 수 항목은 기본적으로 10으로 세팅되어 있습니다. 한 페이지에서 몇 개의 블로그 글(POST)를 보여줄 것인지 설정하는 것입니다. 여기에 입력하는 숫자에 따라서 해당 숫자만큼의 글(POST)를 보여주고 나머지는 자동으로 페이징 표시가 화면에 디스플레이됩니다.




전면 페이지 표시 항목은 최근 글로 선택한 상태에서 페이지당 보여줄 글의 수 항목을 1로 변경하고 저장버튼을 클릭합니다.



저장버튼을 클릭한 뒤에 슈만의 웹사이트로 접속하면 아래와 같이 페이징 처리 기능이 나타나는 것을 확인할 수 있습니다.





가입형 워드프레스에서는?


현재 기준으로 확인하였을 때에 가입형 워드프레스 서비스인 워드프레스닷컴에서는 TwentyFourteen 테마에서 아래와 같이 동일하게 설정하지만 나타나는 페이징 결과는 다르게 나타납니다.

아래 화면은 설치형 워드프레스와 동일하게 페이지당 보여줄 글의 수를 1로 설정한 상태입니다. 페이지당 보여줄 글의 수를 1로 설정했기 때문에 페이지당 한 개의 블로그만 나타날 것입니다.



아래 화면을 보면 가입형에서는 설치형 워드프레스에서 나타난 것과 같이 페이지 번호는 나타나지 않고 이전글 버튼이 나타나는 것을 알 수 있습니다. 머지않아 가입형 워드프레스인 워드프레스 닷컴의 경우에도 버전업이 된다면 페이징 기능이 구현될 것입니다.






설치형 워드프레스 4.2.2 버전과 기본테마 TwentyThirteen의 조합은?


워드프레스 4.2.2 버전과 TwentyThirteen 테마의 조합으로는 페이징 기능이 다음과 같이 나타납니다.
여기에서는 페이지당 보여줄 글의 수를 2개로 설정하였습니다.



기본테마인 TwentyThirteen 테마 역시 페이징 기능이 페이지 번호로 출력되지 않고 이전 글로만 나타납니다. 이렇게 페이징 기능은 워드프레스 버전과 테마와 관계가 있습니다.





마지막으로 쓰는 비장의 방법은?


요즈음 개발되는 테마는 페이지 기능이 내장되어 있는 것도 있습니다.
그렇지만 자신의 워드프레스 버전과 테마가 지원을 하지 않는다면 플러그인을 설치하거나 소스코드를 수정해야 합니다.
플러그인 설치가 필요하다면 아래 플러그인을 설치해서 사용합니다.

WP-PageNavi과 WP PageNavi Style 플러그인


플러그인을 설치하기 위해서 워드프레스 관리자 화면의 왼쪽 사이드바에서 플러그인 추가하기 메뉴를 클릭합니다.


플러그인 검색화면에서 wp pagenavi를 입력하고 플러그인을 검색합니다. 검색된 플러그인에서 두 개를 설치할 것입니다.
첫번째 플러그인인 WP-PageNavi는 페이징 네비게이션 기능에 대한 플러그인이고, 두번째 WP PageNavi Style은 페이지 네이게이션의 모양 즉, 스타일을 바꾸는 플러그인입니다. 두 개를 모두 지금 설치하기 버튼을 클릭해서 설치해서 사용하면 됩니다.


WP-PageNavi 플러그인은 설정 > 페이지네비 메뉴에서 설정할 수 있습니다. 페이지네비 메뉴를 클릭합니다.




페이지 네비게이션 옵션에서 한 페이지에 보여줄 글(포스트)의 갯수를 정할 수 있습니다. 물론 이곳에서 설정을 저장한다고 WP-PageNavi 플러그인의 페이지 기능이 동작하지는 않습니다. 추가적으로 테마 소스를 수정해야 합니다. 테마 소스 수정은 아래 워드프레스 공식사이트 플러그인 설명 내용을 참고하여 수정바랍니다.





스타일은 WP PageNavi Style 플러그인에서


페이지네비의 스타일을 변경하려면 WP PageNavi Style 플러그인을 활성화해야 합니다.
플러그인을 활성화하면 왼쪽 사이드바에 PageNavi Style 메뉴가 생성됩니다. PageNavi Style을 클릭합니다.



이곳은 페이지 네이게이션의 스타일을 설정하는 화면입니다. 어떻게 사용자에게 보여지도록 하는지 디자인하는 곳이라 생각하면 됩니다.




스타일을 아래와 같이 변경해 보겠습니다. CSS3 PURPLE 항목을 선택했습니다.



아래 화면과 같이 변경된 것을 확인할 수 있습니다.




KBoard 게시판이란?


요즈음 국내에서 가장 많이 사용하는 워드프레스 게시판 중의 하나는 KBoard 입니다. KBoard 게시판을 사용하려면 KBoard 플러그인을 설치해야합니다. KBoard 게시판 플러그인은 워드프레스 공식사이트에서 다운로드 받을 수 없고 KBoard 개발사인 코스모스팜 사이트에 들어가서 다운로드 받을 수 있습니다.

KBoard 게시판에 대한 설명 및 사용법은 아래 포스팅을 참고바랍니다.



KBoard 게시판이 깨진다면?




워드프레스 KBorad 플러그인을 사용해서 게시판 기능을 이용할 때 아래와 같이 화면이 깨지는 경우가 발생할 수 있습니다.
현재 게시판 상태는 비주얼 모드 상태입니다. 모바일도 아닌데 자판이 보이고 본문을 입력하는 아래쪽에는 공백만 표시되고 있습니다. 비주얼 버튼 옆에 텍스트 버튼을 클릭합니다.



텍스트 버튼을 클릭하면 텍스트를 사용하는 편집기 화면이 나타납니다. 그렇지만 역시 화면이 온전해 보이지는 않습니다.
이런 현상이 발생할 때 소스코드를 수정하지 않고 KBoard 게시판 관리화면에서 설정 변경만으로 깨진 게시판 화면을 복구 할 수 있습니다.





KBoard 게시판이 깨질때 조치방법


워드프레스의 왼쪽 관리자 메뉴에서 KBoard > 게시판 목록을 클릭합니다.



게시판 목록에서 자신이 관리하고 있는 게시판 이름을 클릭합니다. 저의 경우 이벤트 게시판을 클릭합니다.



게시판 이름을 클릭하면 게시판을 관리하는 화면이 나타납니다. 고급설정 탭을 클릭합니다.




고급설정 화면을 아래로 내리면 특정 테마 레이아웃 깨짐방지 항목과 아이프레임으로 보기 항목이 있습니다.




아래 화면과 같이 특정 테마 레이아웃 깨짐 방지 항목은 그대로 두고 아이프레임으로 보기 항목을 활성화로 변경합니다.



아이프레임으로 보기를 활성화로 변경되면 KBoard 게시판 화면이 아래 화면과 같이 깨지않고 변경되는 것을 확인할 수 있습니다.




간혹 상황에 따라서는 특정 테마 레이아웃 깨짐 방지 항목도 활성화 해야하는 경우도 있습니다. 위의 방법으로 않된다면 특정 테마 항목도 활성화로 변경하면 됩니다.




페이지 관리의 가독성


워드프레스에서 기본으로 제공되는 페이지 관리 화면은 목록 형태의 화면으로 사이트의 전체 페이지 구조를 파악하는 데에 가독성이 떨어지는 것이 사실입니다. 페이지는 상하위의 구조가 트리 형태로 디스플레이 된다면 페이지를 관리를 좀 더 쉽게 접근할 수 있을 것입니다. 일반적으로 많은 페이지들은 메뉴와 연결된 경우가 많이 있습니다. 물론 메뉴는 카데고리나 사용자 정의로도 구성할 수 있습니다. 만약 페이지만으로 워드프레스 사이트의 메뉴를 구성한다면 페이지 관리화면의 가독성은 필요한 이슈가 될 것입니다.

현재 슈만 사이트의 예제 화면을 통해서 확인해보도록 하겠습니다. 사이트에 방문한 유저에게 보여지는 메뉴는 다음과 같습니다.




위와 같은 메뉴를 구성하기 위해서는 페이지 관리 화면에서 아래와 같이 페이지를 만들고 구성했습니다. 그렇지만 워드프레스에서 기본으로 제공되는 페이지 관리화면은 목록화 화면이기 때문에 페이지 구조가 한 눈에 들어오지는 않습니다. 가독성이 떨어지는 것입니다. 일반적으로 사람들은 목록화 화면보다는 트리 구조의 화면을 선호합니다.





페이지 구조를 트리 형태로 보기


Admin Menu Tree Page View 플러그인을 사용하면 트리 구조로 페이지를 보여주기 때문에 가독성이 높고 마우스 드래그앤드랍으로 페이지의 위치를 변경할 수 있습니다.
그렇지만 슬러그와 페이지본문에 대한 작업을 할 수 없기 때문에 추가적으로 페이지 관리화면에서 작업을 해야합니다. 페이지를 구성하는데 유용한 플러그인이라 할 수 있습니다. 최종 업데이트가 된지는 오래되었지만 워드프레스 4.2.2 버전에서 테스트한 결과 특별한 문제점은 발견되지 않았습니다.


Admin Menu Tree Page View 플러그인


Admin Menu Tree Page View 플러그인을 설치하기 위해서 왼쪽 사이드바 에서 플러그인 추가하기 메뉴를 클릭합니다.



플러그인 키워드 검색창에 admin menu tress page view 를 입력하여 검색합니다. 첫번째 검색된 플러그인의 지금 설치하기 버튼을 클릭합니다.



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



플러그인의 설치가 완료되면 왼쪽 사이드바의 페이지 메뉴에 다음과 같이 트리 형태의 페이지 구조가 보여지는 것을 확인할 수 있습니다. 페이지들 중에서 메뉴로 구성한 것은 서비스 채널과 회사소개 메뉴입니다.



트리 형태로 보여주기 때문에 목록화 화면보다는 가독성이 높습니다. 서비스 채널 메뉴 앞에 마이너스(-) 모양의 폴더 아이콘을 클릭합니다.


아이콘 모양의 + 와 - 버튼을 클릭하면 폴더를 접었다 펼 수 있습니다.



위치 이동은 마우스 드래그앤드랍으로 가능합니다. 회사소개 메뉴를 마우스드래그앤드랍으로 서비스 채널 앞으로 옮겨보겠습니다. 회사소개를 클릭해서 드래그합니다.


마우스 드래그로 페이지 메뉴가 이동됩니다.


마우스로 간단하게 페이지의 위치 이동이 된 것을 확인할 수 있습니다. 그렇지만 동일한 Depth 안에서만 이동이 가능합니다. 



세부 수정 및 확인은 상세화면에서


회사소개 부분에 마우스를 오버하면 페이지 편집(Edit)과 보기(View) 기능이 제공됩니다. 또한 새로운 페이지를 만들기 위해서 After와 Inside 버튼을 클릭해서 신규 페이지를 작성할 수 있습니다. 상세화면에 들어가기 위해서 회사소개 부분을 마우스로 클릭합니다.



메뉴를 클릭하면 아래와 같이 페이지 편집화면으로 바로 이동됩니다. 이곳에서 페이지의 본문 내용이나 속성을 입력하면 됩니다.


사이트 불청객 스팸 댓글


워드프레스 사이트를 운영하다보면 만나는 불청객은 스팸 댓글입니다. 일반적으로 요즈음에는 특히 홍보성 댓글이 기승을 부리고 있습니다. 홍보성 스팸 댓글을 쓰는 주체가 사람일 수도 있고 스팸 프로그램일 수도 있습니다. 사람이 다는 댓글의 경우는 댓글의 IP가 몇 개로 고정되어 있을 경우가 많습니다. 그렇지만 스팸 프로그램을 활용한 댓글의 경우에는 IP를 변경해가면서 댓글을 달곤 합니다. 그렇지만 그렇다고 해도 변경되는 IP는 특정 IP 범주안에서 변경되는 특성을 지니고 있습니다.

만약 특정 IP에 대해서만 블럭을 설정하고자 한다면 IP Blocker Lite 플러그인으로 간단하게 스팸 차단을 할 수 있습니다.

IP 블럭 간단하게 차단하기


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



플러그인 검색창에서 ip blocker lite를 입력하고 검색합니다. 첫번째 검색된 IP Blocker Lite 의 지금 설치하기 버튼을 클릭합니다.



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



왼쪽 사이드바 메뉴에서 LionScripts > IP Address Blocker 메뉴가 생성되었습니다. IP Address Blocker 를 클릭합니다.



IP Address Blocker 플러그인을 사용하는 것은 간단합니다. 아래 화면에서와 같이 Add New IP 항목에 IP를 입력하고 Add 버튼을 클릭하면 됩니다. 상단에 화살표 부분에는 자신의 IP가 디스플레이 됩니다. 사용자들의 실수가 많아서 때문인지 자신의 IP를 IP 블럭 걸지말라는 경고문이 있습니다. 자신의 IP를 등록하는 실수를 하지 않도록 주의해야겠습니다.



자이처럼 고정적으로 방문해서 스팸 댓글을 지속적으로 남기는 스패머가 있다면 간단하게 IP를 등록해서 사이트를 청정지역으로 유지할 수 있습니다. IP 블록외에 추가적인 블록관련 기능이 필요하다면 유료버전을 고려해보아도 좋습니다. 유료 버전은 사이트 라이센스로 사이트당 79달러에 구매를 할 수 있습니다. 



뉴스레터를 왜 사용해야 하는가?


웹사이트를 운영하면서 자신의 회원에게 뉴스레터(Newsletter)를 보내는 것은 회사 홍보나 홈페이지의 지속적인 운영에 큰 도움을 줍니다. 정기적으로 발송하는 뉴스레터를 통해서 신상품이나 할인 이벤트를 소개할 수도 있고 연말이나 연휴 특수를 올릴수도 있기 때문입니다.

무엇보다 뉴스레터를 발송하면서 가장 큰 이점은 자신의 회원들과 지속적인 유대관계를 가질 수 있는 연결고리를 가질 수 있다는 점입니다. 요즈음 같이 SNS가 활성화 된 인프라 환경에서는 제대로 만들어진 하나의 뉴스레터 링크는 공유 기능을 통해 급속도로 확산될 수 있는 마케팅 도구가 됩니다.

워드프레스는 뉴스레터를 위한 많은 유무료 플러그인을 제공합니다. 여기에서는 뉴스레터 플러그인 중에서 30만명 이상이 설치해서 가장 대표적인 뉴스레터 플러그인이라 말할 수 있는 MailPoet Newsletters 플러그인을 설치하고 사용하는 방법을 알아보겠습니다.


MailPoet 뉴스레터 설치하기


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



플러그인 검색 화면에서 newletter 라고 입력하고 엔터를 칩니다. 두 번째에 검색된 MailPoet Newsletters 플러그인을 설치할 것입니다. 지금 설치하기 버튼을 클릭해서 플러그인을 설치합니다.



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



왼쪽 사이드바 메뉴에 MailPoet 이라는 메뉴가 생성된 것을 확인할 수 있습니다. MailPoet 메뉴를 클릭합니다.



MailPoet 뉴스레터의 환영 메시지가 나타납니다. 처음 사용자를 위한 안내가 있고 사용자 가이드를 동영상도 있습니다.



하단의 Thanks! Now take me to MailPoet 버튼을 클릭합니다.



MailPoet로 뉴스레터 만들기


MailPoet > 뉴스레터 메뉴를 클릭합니다.



뉴스레터 목록에 샘플러인 5 Minute User Guide라는 뉴스레터가 하나 등록된 것을 확인할 수 있습니다  5 Minute User Guide 를 클릭합니다.


뉴스레터를 만드는 첫번째 단계입니다. 뉴스레터 타입은 Standard newsletter로 선택합니다.
Subject line 항목은 생성하는 뉴스레터의 제목을 적으면 됩니다. 아래와 같이 자신이 만들 뉴스레터의 제목으로 수정합니다. 
Lists 항목에서 뉴스레터를 구독할 구독자 체크박스에 체크한 뒤에 Next Step 버튼을 클릭합니다



두번째 단계는 뉴스레터의 콘텐츠를 구성하고 디자인하는 단계입니다. 이 화면은 마우스 드래그로 콘텐츠 박스를 이동이 가능해서 일종의 화면 빌더와 같이 쉽게 뉴스레터를 구성할 수 있습니다.



화면을 구성하는 방법은 간단합니다.
단계1 부분의 가운데 위쪽에 마우스를 가져다 대면 아래 화면과 같이 상단바가 생성될 것입니다. 상단바의 가운데를 마우스로 클릭해서 아래쪽으로 드래그앤드롭 합니다.



아래 화면과 같이 단계1 콘텐츠 박스가 단계2 콘텐츠 박스 아래로 이동되었습니다. 다시 원래대로 단계1 콘텐츠 박스를 위로 올립니다.



이제 단계1 부분에 뉴스레터의 제목을 아래와 같이 '슈만 클래식 바이크 12월 이벤트' 라고 작성합니다. 단계2 부분에는 판매할 바이크 이미지를 업로드 할 것입니다.



뉴스레터 이미지 첨부하기


이미지를 첨부하기 위해서 오른쪽 상단의 Image 탭을 클릭한 뒤에 Add Images 버튼을 클릭합니다.



Selct Files 버튼을 클릭해서 이미지를 업로드 합니다. 업로드가 완료되면 오른쪽 상단에 X버튼을 클릭해서 창을 닫습니다.




오른쪽에 바이크 이미지가 첨부되었습니다. 이제 이미지를 단계2 콘텐츠 박스 부분으로 드래그 합니다.



판매할 바이크 이미지가 정상적으로 삽입되었습니다.



이제 단계2와 단계3의 컨텐츠 내용을 이벤트 방식에 맞게 아래와 같이 작성합니다.




워드프레스 포스팅 글을 뉴스레터에 넣기


MailPoet 뉴스레터는 포스팅 글을 찾아서 드래그해서 삽입해서 뉴스레터를 전송할 수 있습니다. Content 탭에서 WordPress post 라는 메뉴를 마우스 드래해서 뉴스레터에 붙여넣을 수가 있습니다. Content 탭에서는 뉴스레터 본문 내용을 만드는데 도움을 주는 도구들로 구성되어 있습니다. Styles 탭은 스타일을 적용할 수 있으며, Themes 탭을 통해서 뉴스레터 테마를 선택해서 적용할 수 도 있습니다.



아래와 같이 원하는 곳으로 드래그를 합니다. 드래그 하는 쪽으로 Insert block here 라는 박스가 자동으로 생성됩니다.




드래그가 완료되고 나면 뉴스레터에 첨부할 포스트를 선택하는 화면이 나타납니다. 이곳에서 원하는 포스팅 글을 넣을 수 있습니다. 여기에서는 포스팅 글을 넣지 않겠습니다. 오른쪽 상단의 X버튼을 클릭해서 창을 닫습니다.



작성한 뉴스레터를 이메일로 확인하기


지금까지 작성한 뉴스레터를 Save changes 버튼을 클릭해서 저장한 뒤에 Send preview 버튼을 클릭해서 이메일로 전송합니다.



뉴스레터 메일이 전송되었다는 알림창이 뜹니다.



뉴스레터 미리보기를 전송한 메일 계정으로 들어가서 실제 뉴스레터가 어떻게 보내지는지 확인합니다. 메일 계정으로 들어가니 뉴스레터가 정상적으로 메일링 된 것을 확인할 수 있습니다. 여기에서는 방법만 알아보기 위해서 간단하게 뉴스레터를 만들어보았지만 세부 기능으로 스타일을 적용할 수 도 있으므로 뉴스레터를 이쁘게 제작할 수 있습니다.





뉴스레터 발송하기


미리보기로 뉴스레터를 확인하였으면 Next step 버튼을 클릭해서 실제로 뉴스레터를 전송하면 됩니다. Next step 버튼을 클릭합니다.



이곳에서는 보내는 사람의 메일 주소와 답변을 받을 메일 주소를 입력하고 최종 설정을 확인합니다. 모든 설정이 완료되었으면 보내기 버튼을 클릭해서 뉴스레터를 발송합니다.



예약 발송을 하려면 예약 시간과 일자를 세팅하면 됩니다.


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

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



Category Order 플러그인 설치하기


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


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



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



Category Order 플러그인 사용하기


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


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



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



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



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



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



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


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


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


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



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



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 테이블을 엑서스 하지않아도 편리하게 세부 권한 조정이 가능한 유용한 시스템 플러그인입니다.



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

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


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

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

디스커스 플러그인 설치


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


플러그인 검색화면에 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이 아래 화면과 같이 정상적으로 디스플레이 되는 것을 확인할 수 있습니다.



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

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


워드프레스 사이트내에서 스팸을 막는 방법은 여러가지가 있지만 가장 간단한 방법은 워드프레스 설치시에 기본으로 제공하는 아키스밋(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 로 정상적으로 무료 구독이 된 것을 확인 할 수 있습니다. 그렇지만 아직 설정이 모두 끝난 것은 아닙니다.




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





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


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



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



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 게시판이 생성된 것을 확인할 수 있습니다. 게시판에 글을 쓰기 위해서 글쓰기 버튼을 클릭합니다.




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



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



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



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




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


성능을 저하시키는 콘텐츠 변경이력


워드프레스에서 콘텐츠를 만들다보면 과거에 삭제한 버전을 복구해야 할 때가 간혹 있습니다. 워드프레스의 강력한 기능 중의 하나는 작성한 모든 글에 대한 글의 리비전(Revision)이 보관된다는 점입니다. 리비전이 보관된다는 것은 자동으로 빽업본이 저장된다는 것을 의미합니다. 그렇지만 불필요하게 많은 리비전이 보관되면 글이 몇 개 없을 때는 상관없지만 작성한 콘텐츠가 많아지면 모든 글에 대한 변경이력을 보관하고 있는 것 자체만으로도 워드프레스 사이트 성능 저하에 영향을 미치게 됩니다.

따라서 최근 변경이력을 보관할 갯수를 지정해 주는 것이 성능 저하를 막는 좋은 방법입니다. Revision Control 플러그인은 이런 기능을 하는 플러그인입니다. 그럼 Revision Control 플러그인을 설치하고 설정하겠습니다.


Revision Control 플러그인 설치 및 옵션 설정


먼저 왼쪽 사이드바에서 플러그인 추가하기를 클릭합니다.



오른쪽 플러그인 검색창에서 Revision Control 을 입력하고 엔터키를 칩니다. Revision Control 플러그인은 최근 업데이트는 11개월 전에 있었지만 그래도 9만명 이상이 설치한 검증된 플러그인임을 확인할 수 있습니다.



지금 설치하기 버튼을 클릭해서 플러그인 설치를 진행합니다.



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



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



Revision Contorol 옵션 설정 화면이 나타납니다. 이곳에서 리비전의 갯수를 조정해서 사이트의 성능 저하를 막을 수 있습니다.
그렇다면 리비전의 갯수가 몇 개 정도가 적절할지 결정을 해야합니다. 리비전 갯수의 설정은 결국은 자신의 경험치가 될 것입니다.
일단 3개 ~ 5개 정도가 무난할 것 같습니다. 이곳에서는 전체적인 리비전 갯수를 설정할 수 있고, 개별 글이나 페이지에서도 개별적인 설정이 가능하기 때문에 변경이 많이 발생해서 리비전이 많이 필요한 글이나 페이지에서는 리비전 갯수를 증가 시키는 것도 좋은 방법입니다.



그럼 여기에서는 글과 페이지 가격 테이블의 리비전 갯수를 5개로 설정하도록 하겠습니다.
Posts와 Pages, Pricing Tables의 항목의 콤보 박스에서 Maximum 5 Revisions stored를 선택하고 Save Changes 버튼을 클릭합니다.



개별 글 리비전 옵션 설정


개별 글 화면에 들어갑니다. 개별 글에 대한 리비전 옵션을 설정하기 위해서는 화면 오른쪽에 화면 옵션 탭을 클릭한 뒤에 Post Revisions 체크박스에 체크를 해야합니다.



체크가 완료되면 글 본문 입력창 아래에 Post Revisions 라는 박스가 나타납니다. 이곳에서 개별 글에 대한 리비전 갯수를 설정하면 됩니다.






+ Recent posts