워드프레스 블로그 테마 및 플러그인

해외 호스팅 서비스를 이용 중이어서 속도에 중점을 둔 테마를 선택했고, 메인 페이지에 각 카테고리의 글을 모아서 보여주고, 각 카테고리별 사이드바를 구성하기 위한 플러그인을 선택했다. 토미집 워드프레스 블로그에 사용 중인 테마와 플러그인에 대한 정보를 기록하기 위해 ‘토미집 워드프레스 블로그 테마 및 플러그인’을 작성했다.

주의사항
1. 모든 정보는 사이트 그라운드 호스팅을 사용하는 토미집 블로그를 기준으로 작성했다.
2. 서버 및 호스팅 전문지식이 없어서 기재된 내용 외의 정보는 모른다.
3. 웹상의 정보를 종합해서 작성했기 때문에 사실과 다른 정보가 있을 수도 있다.

목차

  1. GeneratePress theme
  2. GP Premium plugin
  3. Akismet Anti-Spam plugin
  4. BBQ Pro plugin
  5. SG Optimizer plugin
  6. Rank Math SEO plugin
  7. Code Snippets plugin
  8. Simple Custom CSS and JS plugin
  9. WP Show Posts plugin
  10. Reveal IDs plugin
  11. Content Aware Sidebars plugin
  12. WordPress Popular Posts plugin
  13. Recent Posts Widget With Thumbnails plugin
  14. Korea SNS Pro Analytics plugin
Quick Menu

워드프레스 GeneratePress 테마

○ GeneratePress 테마

사이트 그라운드 호스팅을 사용하면 서버가 해외에 있기 때문에 사이트의 속도가 중요하다. 사이트 속도에 최적화된 테마 중에서 토미집이 활용할 수 있는 템플릿을 제공하면서 바닐라 자바스크립트로 제작된 테마를 찾고자 했고 GeneratePress 테마를 선택했다. GeneratePress 테마는 사이트 라이브러리를 통해 이미 만들어진 디자인 템플릿을 간단하게 적용할 수 있고 로고, 폰트, 컬러, 레이아웃 등 필수 요소들도 간단하게 조정할 수 있다. 단 테마의 용량이 작은 만큼 기능에 제약이 있어서 정형화된 템플릿 디자인을 벗어나고 싶다면 HTML과 CSS를 사용해야 한다. 테마의 기본 사용 방법과 PHP를 추가해서 사이트의 구조를 변경하는 방법은 GeneratePress 공식 사이트의 문서를 확인하면 된다.

1. 기본 정보

– 개발자: Tom Usborne
– 최근 업데이트: 2020년 3월 중순에 GeneratePress 2.4.2 버전으로 업데이트된 이후 2020년 9월까지 업데이트가 없다. 2020년 3월 말부터 2020년 8월까지 워드프레스 5.4 버전, 5.4.1 버전, 5.4.2 버전, 5.5 버전이 연이어 출시되었음에도 아무런 업데이트가 없다.
– 폴더 용량: GeneratePress 2.4.2 버전 기준 1.98MB이다. (폴더 안에 GeneratePress 테마 외에 다양한 데이터가 들어있기 때문에 GeneratePress 테마의 용량이라고 봐서는 안 된다.)

2. 특징

– 최신의 표준 코딩을 사용해서 안정적이다.
– 설치 용량이 30KB 미만으로 아주 작다.
– 사이트 속도가 아주 빠르다.
– jQuery를 사용하지 않고, 바닐라 자바스크립트를 사용한다.
– SEO에 최적화되었다.
– WCAG 2.0 표준을 준수해서 접근성이 뛰어나다.
– 공식 사이트에 광범위한 옵션에 대한 상세한 설명이 있다.

3. 설치

GeneratePress 테마 공식 사이트에서 Install 버튼을 누르고 Download 버튼을 눌려서 GeneratePress 테마 파일을 다운로드받고, 압축을 해제한 후 압축이 해제된 폴더 안에 있는 ‘generatepress’ 폴더를 FTP로 /wp-content/themes/ 안에 옮기면 설치가 완료된다. 그리고 워드프레스 관리자 페이지에서 테마 디자인 – 테마를 선택하고 GeneratePress 테마를 활성화하면 된다. 자세한 설치 방법은 GeneratePress 공식 사이트의 설치 가이드에서 확인하면 된다.

4. 대형 업데이트 예고

2020년 9월에 GeneratePress 3.0 베타 버전이 출시되었다. 총 179개의 파일이 변경되었고, 17,169개의 코드가 추가되었고, 4,969개의 코드가 제거되었다. 베타 버전이기 때문에 수동으로 다운로드하고 설치해야 한다. 지금 GeneratePress 테마를 사용하고자 한다면 GeneratePress 2.4.2 버전보다 GeneratePress 3.0 베타 버전을 설치하고 사용하는 게 좋다.
– 기본 디자인 템플릿이 현대적으로 업그레이드되었다.
– 레이아웃에 사용되는 float 속성이 flexbox 속성으로 변경되었다.
– CSS 파일이 분할되어 페이지에 연관된 CSS만 로드된다. 일반적으로 CSS 파일이 분할될수록 그만큼 요청 횟수가 증가하지만, 최적화와 캐싱으로 문제를 최소화했다.
– 사이트 구성 요소를 더욱 자유롭게 배치할 수 있는 필터 두 개가 추가되었다.
– Font Awesome이 더 활성화되지 않는다.
– CSS 다이내믹 캐시가 기본적으로 활성화된다.
– 기본 글꼴이 System Stack으로 설정된다.
– 자식 테마를 생성했다면 GeneratePress 3.0의 새로운 파일로 변경해야 한다.

○ GP Premium 플러그인

GeneratePress 테마의 프리미엄 모듈 컬렉션 플러그인으로 GeneratePress 테마의 유료 버전이다. 플러그인 형태이므로 GeneratePress 테마가 설치된 상태에서 GeneratePress Premium 플러그인을 설치하고 활성화해야 한다. 토미집은 사이트 라이브러리를 사용하고 테마의 기능을 제어하기 위해 ‘GP Premium 플러그인’을 구매하고 설치했다.

1. 기본 정보

– 개발자: Tom Usborne
– 최근 업데이트: 2020년 9월 중순에 GP Premium 1.12.0 버전으로 업데이트되었다. 2020년에 들어서 2020년 9월까지 총 여섯 번 업데이트되었고 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: GP Premium 1.12.0 버전 기준 3.08MB이다.

2. 기능 요약

– 주요 컬러를 간단하게 설정할 수 있다.
– 인기있는 구글 웹 폰트를 간단하게 연결하고 스타일을 설정할 수 있다.
– 패딩, 마진, 사이드바 레이아웃을 간단하게 제어할 수 있다.
– 다양한 페이지 빌더에 최적화되어 있다.
– 워드프레스 표준 코딩을 준수하는 플러그인에 최적화되어 있다.
– 광범위한 Hooks와 Filters로 테마의 기능을 사용자에 알맞게 조정할 수 있다.
– 테마가 20개 이상의 다양한 언어로 번역되어 있다.

3. GP Premium 모듈

(1) 기본 옵션

– Upload Logo
사용 중인 옵션이다. 사이트 아이덴티티 탭으로 접속되며 사이트 로고, 사이트 아이콘, 사이트 제목, 사이트 태그 라인을 설정할 수 있다.

– Customize Fonts
사용 중인 옵션이다. 타이포그래피 탭으로 접속되며 Font, Font Family, Font Weight, Font Size, Line Height, Paragraph Margin, Text Transform(Capitalize, Uppercase, Lowercase)를 설정할 수 있고, H1, H2, H3 태그에 대한 폰트 속성을 개별로 설정할 수 있다.

– Customize Colors
사용 중인 옵션이다. 컬러 탭으로 접속되며, Body, Header, Primary Navigation, Off Canvas Panel, Buttons, Content, Sidebar Widgets, Forms, Footer에 대한 상세한 컬러를 설정할 수 있다.

– Layout Options
사용 중인 옵션이다. 레이아웃 탭으로 접속되며, Container, Header, Primary Navigation, Sticky Navigation, Off Canvas Panel, Sidebars, Blog, Footer에 대한 설정을 할 수 있다.

– All Options
사용 중인 옵션이다. 사이트 아이덴티티, Layout, Colors, Typography, General, 메뉴, 위젯, 홈페이지 설정, 추가 CSS에 대한 설정을 할 수 있다. General 항목에서는 사이트 내 아이콘 타입을 폰트와 SVG 중에서 선택할 수 있고, CSS 압축 여부와 CSS 동적 캐시 여부 등을 설정할 수 있다.

(2) 모듈

– Backgrounds
사용하지 않는 모듈이다. Body, Top Bar, Header, Primary Navigation, Primary Sub-navigation, Secondary Navigation, Secondary Sub-navigation, Content, Sidebar, Footer에 대한 배경 이미지 여부, 배경 반복 여부, 배경 사이즈, 배경 정렬, 배경 위치에 대한 설정을 할 수 있다.

– Blog
사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭에 블로그 항목이 노출된다. 블로그 항목 내 Archives 항목에서는 글 목록에 나열되는 콘텐츠의 내용 전체를 보여줄지 또는 일부만 보여줄지와 일부만 보여줄 경우 몇 글자까지 보여줄지 설정할 수 있다. 그리고 자세히 보기 버튼을 넣을지 여부와 자세히 보기 버튼을 넣을 경우 버튼에 임의의 텍스트를 입력할 수 있다. 그리고 날짜 표시 여부, 글쓴이 노출 여부, 카테고리 노출 여부, 태그 노출 여부, 댓글 수 노출 여부를 설정할 수 있고, 무한 스크롤과 페이지 번호 중 한 가지 나열 방식을 선택할 수 있다.
그리고 블로그 항목 내 Single 항목에서는 글 내용에 날짜 노출 여부, 글쓴이 노출 여부, 카테고리 노출 여부, 태그 노출 여부, 다음 글과 이전 글 노출 여부를 설정할 수 있다.
그리고 글 목록, 글 내용, 페이지에서 이미지를 노출할 경우 제목을 이미지 전후 어디에 배치할지, 이미지 정렬 방식, 이미지 로드 사이즈, 이미지 노출 사이즈를 설정할 수 있다. 그리고 페이지를 몇 개의 열로 구분할지 설정할 수 있다.

– Colors
사용 중인 모듈이다. 모듈을 활성화하면 컬러 탭이 노출된다. Body, Header, Primary Navigation, Off Canvas Panel, Buttons, Content, Sidebar Widgets, Forms, Footer에 대한 세부 컬러를 설정할 수 있다. 예를 들어 Body 항목에서는 Background Color, Text Color, Link Color, Link Color Hover, Link Color Visited를 설정할 수 있고, Footer 항목에서는 Footer Widgets, Footer Bar, Back to Top Button 각각에 대한 Background, Text, Link, Link Hover 등의 컬러를 설정할 수 있다.

– Copyright
사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭에 Copyright 항목이 노출된다. 사이트 하단의 카피라이트를 임의로 변경할 수 있고 현재 연도를 자동으로 표시할 수 있다. GP Premium을 사용하지 않으면 필터를 사용해서 카피라이트를 변경할 수 있지만, 현재 연도를 자동으로 표시할 수 없기 때문에 매년 연도를 업데이트해줘야 한다.

– Disable Elements
사용하지 않는 모듈이다. 모듈을 활성화하면 워드프레스 페이지와 GeneratePress 테마의 레이아웃 탭에서 Disable Elements 항목이 노출되고, Top Bar, Header, Mobile Header, Primary Navigation, Secondary Navigation, Featured Image / Page Header, Content Title, Footer 중에서 제거하고 싶은 항목을 체크하면 체크한 항목이 노출되지 않는다.

– Elements
사용하지 않는 모듈이다. 모듈을 활성화하면 다양한 기능을 가진 요소를 생성할 수 있고, 해당 요소의 기능을 변경하고 원하는 위치에 배치할 수 있다.

– Menu Plus
사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭에 Primary Navigation, Sticky Navigation이 노출되고, header에서 더 다양한 옵션과 기능을 선택할 수 있다. 그리고 모바일 화면에서 메뉴 아이콘 옆에 노출되는 ‘Menu’라는 텍스트를 제거하거나 변경할 수 있다.

– Secondary Nav
사용하지 않는 모듈이다. 모듈을 활성화하면 내비게이션의 두 번째 분류에 대한 라벨, 기능, 크기 등을 설정할 수 있다.

– Sections
사용하지 않는 모듈이다. 모듈을 활성화하면 페이지를 생성할 때 GP Premium에서 지원하는 페이지 빌더를 사용할 수 있다.

– Site Library
사용 중인 모듈이다. 모듈을 활성화하면 사이트 라이브러리에서 원하는 사이트 디자인을 적용할 수 있다. 기업 사이트, 블로그, 쇼핑몰, 매거진, 포트폴리오에 최적화된 사이트 디자인을 지원하는데, 워드프레스 표준 편집기를 사용하는 사이트 디자인은 39개이고 Beaver Builder 플러그인이 필요한 사이트 디자인은 6개이다.
토미집 블로그는 워드프레스 표준 편집기를 사용하는 사이트 디자인 중 Marketer 디자인을 선택했다. 사이트 라이브러리에서 사이트 디자인을 선택하면 해당 사이트 디자인을 구성할 때 활성화되는 모듈과 설치가 필요한 추가 플러그인 목록이 보여지고 설치를 진행하면 모든 설정이 자동으로 진행된 후 사이트 디자인 구성이 완료된다. 참고로 GeneratePress 테마는 바닐라 자바스크립트를 사용하지만, 사이트 라이브러리에서 사이트 디자인을 선택하고 추가 플러그인이 설치될 때 jQuery를 사용하는 플러그인이 설치될 수 있다.

– Spacing
사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭의 각 항목에서 다양한 영역에 대한 간격과 여백을 설정할 수 있다.

– Typography
사용하지 않는 모듈이다. 모듈을 활성화하면 타이포그래피 탭에서 Body, Top Bar, Header, Primary Navigation, Secondary Navigation, Off Canvas Panel, Buttons, Headings, Widgets, Footer, WooCommerce에 대해 서로 다른 타이포그래피를 설정할 수 있다.

– WooCommerce
사용하지 않는 모듈이다. WooCommerce 플러그인이 설치된 상태에서 모듈을 활성화할 수 있다. 모듈을 활성화하면 WooCommerce 요소에 대한 다양한 설정을 추가하고 변경할 수 있다.

4. 가격

1년에 49.95 달러이다. 공식 사이트 소개 페이지에서 십 퍼센트 할인 코드를 얻을 수 있다. 가격 결제 페이지에도 할인 코드에 대한 언급이 없는데, 소개 페이지까지 찾아본 사람들에 대한 고마움으로 할인 코드를 지급해주는 것 같다. 한번 결제한 이후에는 재결시 사십 퍼센트를 할인해준다.

5. 설치

GeneratePress 테마 공식 사이트에서 로그인하고 십 퍼센트 할인 코드로 결제를 한 후 테마 파일을 다운로드받는다. 그리고 워드프레스 관리자 페이지에서 플러그인 – 새로 추가 – 플러그인 업로드를 누르고 GP Premium 파일을 선택하면 자동으로 설치가 된다.

워드프레스 보안 플러그인

○ Akismet Anti-Spam (아키스밋 스팸 방지)

사이트에 작성되는 스팸 댓글을 자동으로 필터링하는 보안 플러그인이다. 토미집은 다양한 안티 스팸 플러그인 중 가장 많은 사람이 사용 중인 ‘ Akismet Anti-Spam’ 플러그인을 설치했다. 토미집은 영리 목적이 없기 때문에 무료 버전을 사용하고 있다.

1. 기본 정보

– 개발사: Automattic Inc.
– 최근 업데이트: 2020년 6월 초에 Akismet Anti-Spam 4.1.6 버전으로 업데이트되었다. 2020년에 들어서 2020년 6월까지 총 일곱 번 업데이트되었고, 2020년 8월에 워드프레스 5.5 버전에 대한 호환성 테스트가 진행되었다.
– 폴더 용량: Akismet Anti-Spam 4.1.6 버전 기준 231KB이다.

2. 특징

– 사이트의 신뢰성을 저하시키는 스팸 댓글을 자동으로 필터링한다.
– 2005년 이후 5,040억개의 스팸 댓글을 차단했고, 시간당 약 75만 개의 스팸 댓글을 차단했다.

3. 가격

개인 사용자는 무료이고, 제휴 링크 광고를 하거나 제품이나 서비스를 판매하거나 기부나 후원을 요청하거나 기업이나 교육단체 등과 어떤 식으로든 관련되어 있다면 상업적인 사이트로 간주되기 때문에 유로 플랜을 구매해야 한다. 기본적으로 아키스밋은 고객이 스스로 플랜을 선택하도록 하지만 정기적으로 고객이 올바른 플랜을 선택했는지 검사한다. 유료 플랜은 월 또는 연 단위로 구매할 수 있고 연 단위로 구매 시 할인된다.
– Personal: 개인 사용자는 무료로 스팸 댓글 방지 기능을 이용할 수 있다.
– Plus: 일반적인 상업 블로그 및 사이트를 운영한다면 월 결제 시 매달 10달러, 연 결제 시 매달 8.33달러를 지불하고 한 개의 사이트에 대해 스팸 댓글 방지 기능을 이용할 수 있고 매달 10,000회까지 API 호출을 할 수 있다. 그리고 지원이 필요한 경우 개인 사용자보다 먼저 지원을 받을 수 있다.
– Enterprise: 대규모 네트워크 및 다중 사이트를 사용하는 기업 사이트를 운영한다면 월 결제 시 매달 50달러, 연 결제 시 매달 41.67달러를 지불하고 사이트 개수에 제한 없이 스팸 댓글 방지 기능을 이용할 수 있고 매달 60,000회까지 API 호출을 할 수 있다. 그리고 지원이 필요한 경우 Plus 구매자보다 먼저 지원을 받을 수 있다.
– Enterprise Plus: 대기업 사이트를 운영한다면 맞춤형 솔루션을 구축하기 위해 별도의 가격 문의를 해야 하고 사이트 개수에 제한 없이 스팸 댓글 방지 기능을 이용할 수 있고 매달 무제한으로 API 호출을 할 수 있다. 그리고 지원이 필요한 경우 전담팀의 지원을 받을 수 있다.

4. 설치

워드프레스 관리자 페이지 – 플러그인 – 새로 추가에서 Akismet을 검색해서 설치하고 활성화한 후 관리자 페이지 – 설정에서 ‘아키스밋 스팸 방지’을 선택하고(젯팩 플러그인이 설치되어 있다면 젯팩 플러그인에 ‘아키스밋 스팸 방지’가 추가된다.) ‘Set up your Akismet account’ 버튼을 눌려서 API 인증 키를 받으면 된다. 자세한 설치 방법은 아키스밋 공식 사이트의 설치 가이드에서 확인할 수 있다.

○ BBQ Pro

잘못된 요청을 감지하고 차단하는 보안 플러그인이다. 토미집 블로그 세팅 초기에 워드프레스 최적화와 보안에 대한 자료를 다수 찾아보았고 ‘Jeff Starr’가 운영 중인 사이트를 통해 몇 가지 보안 코드에 대한 도움을 받았다. 그리고 ‘Jeff Starr’가 제작한 BBQ 방화벽 플러그인 설치해보니 용량도 작고 설정도 간편해서 프로 버전을 구매하고 설치했다.

1. 기본 정보

– 개발자: Jeff Starr
– 최근 업데이트: 2020년 8월 중순에 BBQ Pro 2.8 버전으로 업데이트되었다. 2020년에 들어서 2020년 8월까지 총 다섯 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: BBQ Pro 2.8 버전 기준 383KB이다.

2. 특징

(1) BBQ 특징

– 강력한 방화벽 보안을 지원한다.
– 플러그 앤 플레이 기능을 지원한다.
– 복잡한 추가 구성이 필요 없다.
– SSL/HTTPS에서 작동한다.
– 워드프레스를 지원하는 모든 서버(Apache, Nginx, Windows)에서 작동한다.
– .htaccess를 수정할 필요가 없다.

(2) BBQ Pro 특징

– 완전 맞춤형 방화벽을 지원한다.
– 강화된 방화벽 보안을 지원한다.
– 차단된 요청에 대해 이메일 알림 설정을 할 수 있다.
– 신속하게 규칙을 활성화하거나 비활성화 할 수 있다.
– 로그인한 사용자에 대해 BBQ를 비활성화 할 수 있다.
– 지나치게 긴 요청을 차단한다.
– xml-rpc 공격으로부터 보호한다.
– 모든 형태의 IP주소 또는 IP 범위를 차단할 수 있다.
– 사용자 ID를 파싱으로부터 보호한다.
– 차단된 모든 요청을 리디렉션한다.
– 차단된 요청에 대한 통계를 지원한다.
– 옵션 및 패턴 재설정 도구를 지원한다.
– 15년 이상 축적된 블랙리스트를 차단한다.
– 모든 규칙을 추가하고 편집하고 제거하고 비활성화 할 수 있다.
– 원 클릭으로 패턴 테스트를 할 수 있다.
– IP 화이트 리스트를 설정할 수 있다.
– BBQ 기본 광고가 제거된다.

3. 기능

(1) 설정

– Basic Rules: 사용 중인 옵션이다. 기본 보안 규칙을 활성화한다. BBQ 무료 버전의 규칙과 거의 동일하다. 기본값은 활성화이다.
– Advanced Rules: 사용 중인 옵션이다. 고급 보안 규칙을 활성화한다. Basic Rules처럼 광범위하게 테스트 되지 않았기 때문에 활성화 시 사이트 내 모든 페이지가 정상 작동하는지 철저하게 테스트해야 한다. 기본값은 비활성화이다.
– Custom Rules: 사용하지 않는 옵션이다. 사용자 지정 규칙을 활성화한다. 기본값은 비활성화이다.
– Logged-in Users: 사용 중인 옵션이다. 워드프레스에 로그인한 사용자에 대해 BBQ 보안 설정을 비활성화한다. 기본값은 비활성화이다.
– Limit Requests: 사용 중인 옵션이다. URL 길이가 255자보다 긴 요청을 차단한다. 기본값은 비활성화이다.
– Strict Mode: 사용하지 않는 옵션이다. 엄격한 모드를 활성화한다. 고급 사용자를 위한 옵션으로 확실하지 않으면 비활성화 상태로 둬야 한다. 기본값은 비활성화이다.
– Email Alerts: 사용하지 않는 옵션이다. 차단된 요청에 대해 이메일 알람을 보낸다. 기본값은 비활성화이다.
– Email Address: 사용하지 않는 옵션이다. 이메일 알람을 받을 이메일 주소를 입력해야 한다. 기본값은 빈값이다.
– Email Exclude: 사용하지 않는 옵션이다. 이메일 알람을 받지 않을 패턴을 입력해야 한다. 기본값은 빈값이다.
– Redirect URL: 사용하지 않는 옵션이다. 차단된 요청을 보낼 URL을 지정한다. 기본값은 빈값이다.
– Custom Message: 기본값을 사용 중이다. 차단된 요청이 리디렉션될 때 표시할 사용자 지정 메시지를 설정한다. 기본값은 ‘403 Forbidden’이다.
– Status Code: 기본값을 사용 중이다. 차단된 요청에 대한 HTTP 상태 코드를 지정한다. 차단된 요청을 리디렉션할 경우 반드시 ‘301 Moved Permanently’ 또는 ‘302 Found’를 선택해야 한다. 기본값은 ‘403 Forbidden’이다.
– Remove Disabled: 사용하지 않는 옵션이다. 비활성화된 BBQ 패턴을 제거한다. 고급 사용자를 위한 옵션으로 확실하지 않으면 비활성화 상태로 둬야 한다. 기본값은 비활성화이다.
– Whitelist IPs: 기본값을 사용 중이다. 작성된 IP 주소에 대한 접속을 항상 허용한다. 기본값은 서버 및 로컬 컴퓨터의 IP 주소가 자동으로 추가된다.

(2) 방화벽

– Basic: BBQ 무료 버전에서 사용되는 패턴과 같다.
– Advanced: 주로 5G 블랙리스트에서 파생된 패턴으로 다양한 악의적인 요청으로부터 사이트를 보호한다.
– Custom: BBQ Pro에서 사용자 지정 패턴을 추가할 수 있다.

(3) 툴

– Reset Setting: 모든 설정을 기본값으로 변경한다.
– Reset Patterns: 각 항목의 패턴을 기본값으로 변경한다.
– Reset Counts: 모든 통계를 기본값으로 변경한다.

4. 가격

– PERSONAL: 20달러를 지불하고 한 개의 사이트에 대해 모든 기능을 사용할 수 있고 평생 업데이트를 지원받는다.
– BUSINESS: 달러를 지불하고 세 가지 사이트에 대해 모든 기능을 사용할 수 있고 평생 업데이트를 지원받는다.
– ADVANCED: 80달러를 지불하고 열 가지 사이트에 대해 모든 기능을 사용할 수 있고 평생 업데이트를 지원받는다.
– DEVELOPER: 180달러를 지불하고 사이트 개수에 제한 없이 모든 기능을 사용할 수 있고 평생 업데이트를 지원받는다.

5. 설치

BBQ Pro 플러그인을 설치하기 전에 BBQ 무료 버전 플러그인을 제거해야 한다. BBQ Pro 파일을 다운로드받으면 압축을 해제하고 압축이 해제된 폴더 안에 있는 ‘bbq-pro’ 폴더를 FTP(/report/wordpress-blog-initial-settings#using-ftp)로 /wp-content/plugins/ 안에 옮기면 설치가 완료된다. 그리고 워드프레스 관리자 페이지의 플러그인 항목에서 BBQ Pro를 활성화하면 즉시 작동한다.

워드프레스 최적화 플러그인

○ SG Optimizer

Dynamic Caching, Memcached, Minify the HTML Output, Minify JavaScript Files, Combine JavaScript Files, Minify CSS Files, Combine CSS Files, Optimize Loading of Google Fonts, Disable Emojis, Media Optimization 등 사이트의 접속 속도를 높여주는 최적화 플러그인이다. 사이트 그라운드 호스팅에서 개발했고 사이트 그라운드 호스팅과 직접 연계되어 작동되므로 다른 호스팅에서는 정상적으로 작동하지 않는다. 토미집은 다수의 최적화 플러그인 중 사이트 그라운드 호스팅에 최적화된 SG Optimizer를 설치했다.

1. 기본 정보

– 개발사: SiteGround
– 최근 업데이트: 2020년 9월 중순에 SG Optimizer 5.6.7 버전으로 업데이트되었다. 2020년에 들어서 2020년 9월까지 총 스물여섯 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: SG Optimizer 5.6.6 버전 기준 4.89MB이다.

2. 특징

– SUPERCACHER 설정으로 사이트 접속 속도를 높인다.
– 사이트 접속 환경을 최적화해서 사이트 접속 속도를 높인다.
– 프론트엔드 코드를 최적화해서 사이트 접속 속도를 높인다.
– 이미지를 최적화해서 사이트 접속 속도를 높인다.
– 성능 테스트를 제공한다.

3. 기능

(1) SuperCacher Settings

– Dynamic Caching: 사용 중인 옵션이다. 더 빠른 접속을 위해 콘텐츠를 NGINX 서버의 메모리에 저장한다.
– Manual Cache Purge: 필요할 때 버튼을 누르면 작동한다. 동적 캐시를 수동으로 초기화한다.
– Automatic Cache Purge: 사용 중인 옵션이다. 워드프레스 코어, 테마, 플러그인, 콘텐츠의 동작 변경 시 동적 캐시를 자동으로 초기화한다.
– Browser-Specific Caching: 사용하지 않는 옵션이다. 브라우저별 캐싱을 활성화하는데, 비효율적인 방식이므로 플러그인 등에 문제가 있는 경우에만 사용해야 한다.
– Excluding URLs: 사용하지 않는 옵션이다. 상대 경로를 입력하면 해당 URL을 캐싱하지 않는다. ‘*’(와일드카드 기호)를 지원하기 때문에 ‘https://blog.tommyzip.co.kr/report/*’을 입력하면 리포트 카테고리 내 모든 게시글에 대해 캐싱을 하지 않고, ‘*report*’라고 입력하면 URL에 ‘report’가 포함된 모든 URL에 대한 캐싱을 하지 않는다.
– Test URLs for Cache Status: 사이트 내 특정 URL에 대한 동적 캐시 작동 여부를 확인할 수 있다.
– Memcached: 사용 중인 옵션이다. 애플리케이션과 데이터베이스 간의 연결을 개선해서 동적 캐싱으로 개선할 수 없는 사이트 내 모든 동적 페이지에 대한 로드 속도가 향상된다. SG Optimizer 플러그인에서 Memcached 항목이 보이지만, 사이트 그라운드의 사이트 툴 내 캐싱 항목에서 활성화해야 한다.

(2) Environment Optimization

– Enable HTTPS: 사용 중인 옵션이다. 사이트 그라운드 호스팅에서 지원하는 무료 SSL을 적용하면 HTTPS를 활성화할 수 있다.
– Fix Insecure Content: 사용하지 않는 옵션이다. HTTPS를 적용했음에도 일부 URL에서 콘텐츠 경고가 발생할 경우에만 사용해야 한다.
– WordPress Heartbeat Optimization: 사용 중인 옵션이다. WordPress Heartbeat API는 편집 페이지에서 15초마다, 대시 보드와 프론트엔드에서 60초마다 실행할 작업을 확인하므로 워드프레스에 로그인한 브라우저 탭을 오랫동안 열어둘 경우 CPU 사용량이 많아진다. 이 옵션을 활성화하면 WordPress Heartbeat API의 검사 주기 15초에서 300초 사이에서 변경하거나 완전히 비활성화할 수 있다. SG Optimizer 플러그인의 권장 사항은 워드프레스 관리자 페이지 자동 갱신 끄기, 포스트 및 페이지 에디터에서 갱신 주기를 180초로 변경, 사이트 프론트엔드의 자동 갱신 끄기이다.
– DNS Pre-fetch for External Domains: 사용하지 않는 옵션이다. 옵션을 활성화하면 외부 도메인에서 리소스를 로드해야 하는 경우 DNS 주소를 미리 로딩해서 리소스의 로딩 속도를 높일 수 있다. 예를 들어 사이트 도메인으로 연결된 이미지를 사용하는 게 아니라 외부 서버에서 이미지를 로드해야 하는 경우 해당 도메인에 DNS 프리 페치를 적용하면 브라우저가 해당 DNS 주소를 미리 로딩해서 이미지의 로딩 속도가 높아진다. 단 DNS 프리 페치를 과도하게 적용할 경우 DNS 프리 페치가 적용된 작업끼리 경합을 벌이게 되고 결과적으로 사이트의 성능이 저하되는 문제가 발생한다. 일반적으로 DNS 프리 페치 작업은 9회 이하로 유지해야 한다. 고급 사용자를 위한 옵션이므로 확실하지 않다면 사용하지 않는 것이 좋다.
– Scheduled Database Maintenance: 사용 중인 옵션이다. 일주일에 한 번씩 MyISAM 테이블에 대한 데이터베이스 최적화를 수행하고, 자동으로 생성된 모든 게시글 및 페이지의 초안이 삭제되고, 모든 게시글 및 페이지의 수정 사항이 삭제되고, 휴지통에 들어 있는 모든 게시글 및 페이지가 삭제되고, 스팸으로 표시된 모든 댓글이 삭제된다.
– PHP Version Manager: 현재 사용 중인 PHP 버전을 확인할 수 있다. PHP 버전은 사이트 그라운드의 사이트 툴 내 PHP 매니저로 변경할 수 있다. 2020년 9월 중순 기준 권장 PHP 버전은 ‘PHP 7.3.20’ 버전이고, 최신 PHP 버전은 ‘PHP 7.4.8’ 버전이다.
– GZIP Compression: 사용 중인 옵션이다. 서버에서 사용자의 브라우저에 콘텐츠를 보낼 때 콘텐츠를 압축하므로 네트워킹 트래픽을 줄하고 사이트 로딩 속도를 높인다. SG Optimizer 플러그인에서 GZIP Compression 항목이 보이지만, 사이트 그라운드의 사이트 툴 내 캐싱 항목에서 활성화해야 한다.
– Browser Caching: 사용하지 않는 옵션이다. 사이트 그라운드의 사이트 툴 내 NGINX Direct Delivery 항목에서 활성화할 수 있다. 토미집은 “이미지 무단 불펌 금지” 설정을 사용하기 때문에 사이트 그라운드에서 제공하는 NGINX Direct Delivery를 비활성화하고, .htaccess 파일 최하단에 브라우저 캐싱 코드를 직접 입력해서 브라우저 캐싱을 사용하고 있다.

(3) Frontend Optimization

– Minify the HTML Output: 사용 중인 옵션이다. HTML 문서의 주석과 공백을 제거해서 문서의 용량을 줄이고 전송 속도를 높인다. 특정 문서에 대해 압축을 제외할 수도 있다.
– Minify JavaScript Files: 사용 중인 옵션이다. JavaScript 문서의 주석과 공백을 제거해서 문서의 용량을 줄이고 전송 속도를 높인다. 특정 문서에 대해 압축을 제외할 수도 있다.
– Combine JavaScript Files: 사용 중인 옵션이다. 사이트에 사용되는 JavaScript 문서를 하나로 결합해서 서버에 대한 요청 수를 줄인다. 특정 문서에 대해 결합을 제외할 수도 있다. 테마, 플러그인, 사용자가 JavaScript 문서 로딩 시점을 별도로 지정해둔 경우 사이트에 문제가 발생할 수 있기 때문에 옵션을 활성화하면 사이트가 정상적으로 작동하는지 철저하게 테스트를 해야 한다.
– Defer Render-blocking JS: 사용 중인 옵션이다. 사이트의 로딩 속도를 높이기 위해 초기 페이지 렌더링에 필요 없는 JavaScript 문서에 대한 로딩을 연기한다.
– Minify CSS Files: 사용 중인 옵션이다. 사이트에 사용되는 CSS 문서를 하나로 결합해서 서버에 대한 요청 수를 줄인다. 특정 문서에 대해 결합을 제외할 수도 있다.
– Combine CSS Files: 사용 중인 옵션이다. 사이트에 사용되는 CSS 문서를 하나로 결합해서 서버에 대한 요청 수를 줄인다. 특정 문서에 대해 결합을 제외할 수도 있다. 테마, 플러그인, 사용자가 CSS 문서 로딩 시점을 별도로 지정해둔 경우 사이트에 문제가 발생할 수 있기 때문에 옵션을 활성화하면 사이트가 정상적으로 작동하는지 철저하게 테스트를 해야 한다.
– Optimize Loading of Google Fonts: 사용 중인 옵션이다. 여러 개의 구글 글꼴을 로드해야 하는 경우 구글 글꼴을 로드하는 코드를 하나로 결합해서 서버에 대한 요청 수를 줄인다.
– Remove Query Strings From Static Resources: 사용 중인 옵션이다. 정적인 리소스에서 버전 쿼리 문자열을 제거해서 해당 리소스의 캐싱 속도를 높인다.
– Disable Emojis: 사용 중인 옵션이다. 워드프레스가 이모지를 생성하는 스크립트를 로드하지 않는다.

(4) Media Optimization

– New Images Optimization: 사용하지 않는 옵션이다. 옵션을 활성화하면 미디어 라이브러리에 업로드하는 모든 이미지를 자동으로 최적화한다. 직접 사용해보니 화질 저하가 많이 발생해서 사용하지 않는다. 이미지 품질이 중요하지 않은 사람들만 사용할 수 있는 수준이다.
– Existing Images Optimization: 사용하지 않는 옵션이다. 옵션 활성화 버튼을 누르면 미디어 라이브러리에 등록된 기존 이미지들을 자동으로 최적화한다. 최적화된 이미지는 원본 이미지를 대체한다.
– Generate WebP Copies of New Images: 사용하지 않는 옵션이다. 옵션을 활성화하면 미디어 라이브러리에 업로드하는 이미지에 대한 WebP 사본을 생성한다. WebP는 구글에서 제작한 이미지 포맷으로 손실 압축을 통해 이미지의 용량을 대폭 줄일 수 있고, JPEG, PNG, GIF를 대체한다. WebP 확장자를 지원하는 브라우저에서는 WebP 이미지를 먼저 로드하기 때문에 사이트 로딩 속도가 높아진다. 단 사본을 생성하는 만큼 서버 공간을 더 차지하게 된다. 토미집은 현재 사용하지 않지만, 사용을 고려 중인 옵션이다.
– Manage WebP Copies for Existing Images: 사용하지 않는 옵션이다. 옵션을 활성화하면 미디어 라이브러리에 등록된 기존 이미지들에 대한 WebP 사본을 자동으로 생성한다. 그리고 버튼 원클릭으로 모든 WebP 사본 이미지를 삭제할 수도 있다.
– Lazy Load Media: 사용하지 않는 옵션이다. 옵션을 활성화하면 페이지에 노출되는 이미지가 많더라도 화면에 보이는 부분에 대한 이미지만 로드하기 때문에 사이트의 최초 로딩 속도가 대폭 높아진다. 2020년 8월초까지 잘 사용한 옵션이지만 2020년 8월 중순에 출시한 워드프레스 5.5 버전에 ‘지연 로드’ 기능이 탑재되어 SG Optimizer 플러그인에서는 해당 기능을 비활성화했다.

(5) Performance Test

Google PageSpeed를 통한 최적화 성능 테스트를 제공한다.

4. 가격

사이트 그라운드 호스팅 사용자는 무료로 사용할 수 있다.

5. 설치

사이트 그라운드의 사이트 툴에서 워드프레스 자동 설치를 진행하면 SG Optimizer 플러그인도 자동 설치된다.

○ Rank Math SEO

사이트 그라운드의 사이트 툴에서사이트의 콘텐츠가 포털 사이트에 잘 노출될 수 있도록 다양한 기능을 제공하는 검색엔진 최적화 플러그인이다. 토미집은 다수의 검색엔진 최적화 플러그인 중에서 PHP-FIG 표준 코딩을 준수하고, 간단한 설정 마법사, Breadcrumbs, 고급 SEO 분석 도구를 지원하고 이 모든 기능을 무료로 제공하는 ‘Rank Math SEO’ 플러그인을 설치했다. 워드프레스 자동 설치를 진행하면 SG Optimizer 플러그인도 자동 설치된다.

1. 기본 정보

– 개발사: Rank Math
– 최근 업데이트: 2020년 8월 중순에 Rank Math 1.0.47.1 버전으로 업데이트되었다. 2020년에 들어서 2020년 8월까지 총 오십아홉 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: Rank Math 1.0.47.1 버전 기준 6.88MB이다.

2. 특징

– 주요 기능이 16개의 모듈로 분할되어 있어 필요한 기능만 활성화 할 수 있다.
– 현재 사이트의 SEO 상태 정보를 제공한다.
– 워드프레스에 대한 SEO를 완벽하게 설정하는 단계별 설치 마법사를 제공한다.
– 깨끗하고 간단한 인터페이스를 통해 중요한 정보를 강조하고 SEO 개선 사항을 즉시 알려준다.
– 사용자 정의된 XML Sitemap을 자동으로 생성하고 검색엔진에 알려준다.
– 사용자 정의된 Breadcrumbs(콘텐츠 내비게이션)를 지원한다.
– 다른 유형의 검색엔진 최적화 플러그인에서 Rank Math SEO 플러그인으로 간단하게 이전할 수 있다.
– 사이트에서 발생하는 모든 404 오류를 탐지하고 리디렉션 설정을 할 수 있다.
– 게시글에 대한 다양한 메타 정보를 자동으로 생성한다.
– Google, Bing, Alexa, Yandex, Pinterset 등에 대한 분석 통계를 한 번에 보여준다.
– RSS 최적화를 지원한다.
– 검색엔진의 크롤링을 제어하는 로못 메타의 전역 설정과 개별 설정을 지원한다.
– robots.txt 편집기를 지원한다.
– .htaccess 편집기를 지원한다.
– 원클릭으로 모든 설정을 내보내거나 가져올 수 있다.
– 워드프레스 URL에서 기본적으로 노출되는 /category/를 제거한다.
– 워드프레스의 기본 편집기인 ‘구텐베르크’에 통합되어 다양한 정보를 설정할 수 있다.
– 우수한 품질의 코드로 제작되어 기능보다 용량이 작고 속도가 빠르다.

3. 모듈

(1) 404 Monitor
사용하지 않는 옵션이다. 방문자와 검색엔진에서 404 오류가 발생한 URL을 기록한다. 사이트를 처음 개설했을 때는 옵션을 사용해서 사이트에 문제점이 있는지 모니터링을 하는 게 좋다. 토미집은 사이트를 오픈 한지 수개월이 지났고 그동안 별다른 문제점이 발견되지 않아서 옵션을 비활성화했다.

(2) ACF(Advanced Custom Fields)
사용하지 않는 옵션이다. 테마에 ACF가 포함되어 있거나 ACF 플러그인을 별도로 설치해서 사용 중인 경우 Rank Math 플러그인이 ACF를 정상적으로 인식할 수 있도록 ACF 옵션을 활성화해야 한다.

(3) AMP(Accelerated Mobile Pages)
사용하지 않는 옵션이다. AMP는 모바일에 최적화된 웹페이지로 AMP 플러그인을 설치해서 AMP 페이지를 구성할 경우 구글의 AMP 캐시 시스템이 AMP 페이지를 크롤링해서 AMP 페이지를 우선 노출한다. Rank Math SEO 플러그인에서 AMP 모듈을 활성화하면 AMP 페이지에 필요한 메타 태그가 자동으로 추가된다.

(4) bbPress
사용하지 않는 옵션이다. bbPress는 커뮤니티 게시판을 생성하는 플러그인이다. Rank Math SEO 플러그인에서 bbPress 모듈을 활성화하면 bbPress 게시판에 필요한 메타 태그가 자동으로 추가된다.

(5) BuddyPress
사용하지 않는 옵션이다. BuddyPress 소셜 네트워크를 생성하는 플러그인이다. Rank Math SEO 플러그인에서 BuddyPress 모듈을 활성화하면 BuddyPress 페이지에 필요한 메타 태그가 자동으로 추가된다.

(6) Image SEO
사용하지 않는 옵션이다. 이미지에 alt 및 title 태그를 자동으로 추가한다. 토미집은 워드프레스의 미디어 라이브러리에 이미지를 등록할 때 직접 alt 및 title 태그를 작성하기 때문에 자동화 옵션은 필요 없다.

(7) Link Counter
사용하지 않는 옵션이다. 게시글의 내부 링크 개수와 외부 링크 개수를 계산한다.

(8) Local SEO & Knowledge Graph
사용하지 않는 옵션이다. 사이트를 지역 SEO에 최적화해서 해당 지역에서 사이트가 잘 노출될 수 있도록 지원한다. 일반적으로 오프라인 매장을 운영할 때 유용하게 사용할 수 있는 옵션이다.

(9) Redirections
사용하지 않는 옵션이다. 이전 URL을 새로운 URL로 쉽고 효율적으로 리디렉션 할 수 있다.

(10) Schema (Structured Data)
사용 중인 옵션이다. 사이트의 데이터베이스 구조와 제약 조건에 대한 명세를 기술해서 더 풍부한 검색 결과를 노출하고 검색 순위를 높일 수 있다.

(11) Role Manager
사용하지 않는 옵션이다. Rank Math SEO 플러그인에서 지원하는 설정을 사용자가 세부적으로 제어할 수 있다.

(12) Search Console
사용하지 않는 옵션이다. 워드프레스 관리자 페이지에서 Google Search Console의 통계 정보를 볼 수 있다. 편의 기능을 사용할수록 사이트 성능에 영향을 미칠 수 있기 때문에 있어도 되고 없어도 되는 기능을 사용하지 않는 게 좋다.

(13) SEO Analysis
사용하지 않는 옵션이다. Rank Math SEO 플러그인에서 전문적인 테스트를 통해 사이트를 분석하고 맞춤 솔루션을 제공한다. 사이트를 처음 개설했을 때는 옵션을 사용해서 사이트에 문제점이 있는지 모니터링을 해야 한다. 토미집은 사이트를 오픈 한지 수개월이 지났고 그동안 큰 문제점이 발견되지 않아서 옵션을 비활성화했다.

(14) Sitemap
사용 중인 옵션이다. 사용자 정의된 사이트 맵을 생성해서 검색 엔진이 콘텐츠를 효율적으로 찾고 색인을 생성할 수 있도록 도와준다.

4. 가격

모든 기능이 무료로 제공된다.

5. 설치

Rank Math 공식 사이트에서 플러그인 파일을 다운로드 하고 압축을 해제한 후 압축이 해제된 폴더 안에 있는 ‘seo-by-rank-math’ 폴더를 FTP로 /wp-content/plugins/ 안에 옮기면 설치가 완료된다. 그리고 워드프레스 관리자 페이지의 플러그인 항목에서 Rank Math SEO 를 활성화하면 즉시 작동한다.

워드프레스 코드 관리 플러그인

○ Code Snippets

1. 기본 설정

– 개발자/개발사: Code Snippets Pro
– 최근 업데이트: 2020년 1월 말에 Code Snippets 2.14.0 버전으로 업데이트되었다. 2020년에 들어서 총 한 번 업데이트되었고, 2020년 8월에 워드프레스 5.5 버전에 대한 호환성 테스트가 진행되었다.
– 폴더 용량: Code Snippets 2.14.0 버전 기준 1.48MB이다.

2. 특징

– 코드를 추가하고 삭제할 수 있다.
– 코드 묶음을 활성화하고 비활성화 할 수 있다.
– 코드 묶음을 항상 실행할지 특정 상황에서만 실행할지 조정할 수 있다.

3. 가격

모든 기능이 무료로 제공된다.

○ Simple Custom CSS and JS

HTML, CSS, JavaScript 코드를 추가해서 테마 또는 플러그인 파일을 수정하지 않고 사이트의 디자인을 변경할 수 있는 코드 관리 플러그인이다. 토미집은 GP Premium 플러그인에서 제공하는 사이트 라이브러리의 사이트 디자인을 수정하고 포스트 내 자바스크립트 기능을 추가하기 위해서 ‘Simple Custom CSS and JS’ 플러그인을 설치했다. 토미집 블로그 세팅 초기에는 GeneratePress 테마의 개발자가 직접 제작한 Simple CSS 플러그인을 사용했지만, 자바스크립트가 필요하게 되어 해당 플러그인을 삭제하고 Simple Custom CSS and JS 플러그인을 설치했다. 토미집은 무료 버전을 사용하고 있다.

1. 기본 정보

– 개발사: SilkyPress.com
– 최근 업데이트: 2020년 8월 중순에 Simple Custom CSS and JS 3.33 버전으로 업데이트되었다. 2020년에 들어서 2020년 8월까지 총 여덟 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: Simple Custom CSS and JS 3.33 버전 기준 530KB이다.

2. 특징

– 구문 강조 기능이 있어서 사용자가 작성한 코드의 가독성이 높다.
– 코드 문서의 이름을 간단하게 변경할 수 있다.
– 코드를 HTML 문서의 header 또는 Footer에 배치할 수 있다.
– 코드를 배치할 때 외부 문서 또는 인라인으로 배치할 수 있다.
– 코드를 프론트엔드 또는 관리자 또는 로그인 페이지에만 적용할 수 있다.
– 프로 버전에서는 특정 URL에만 코드를 적용할 수 있다.
– 프로 버전에서는 멀티 워드프레스 구축 시 하위 워드프레스 사이트 전체에 같은 코드를 적용할 수 있다.
– 프로 버전에서는 코드를 저장하고 변경 사항을 적용하기 전에 사이트 미리 보기를 할 수 있다.
– 프로 버전에서는 코드를 수정하면 리버전이 저장되고 이전 버전과 현재 버전의 어느 부분이 수정되었는지 확인할 수 있다.
– 프로 버전에서는 LESS와 SASS 전처리기를 사용할 수 있다.
– 프로 버전에서는 코드 축소 기능을 지원한다.

3. 가격

– 무료 버전: 프로 버전 기능을 제외한 모든 기능을 제한 없이 사용할 수 있다.
– Personal: 48.5달러를 지불하고 한 개의 사이트에 대해 모든 기능을 사용할 수 있고 1년 동안 프로 버전 업데이트가 지원된다. 기간 만료 전에 갱신하면 40% 할인된 가격으로 기간을 연장할 수 있다.
– Developer: 68.5달러를 지불하고 열 개의 사이트에 대해 모든 기능을 사용할 수 있고 1년 동안 프로 버전 업데이트가 지원된다. 기간 만료 전에 갱신하면 40% 할인된 가격으로 기간을 연장할 수 있다.
– Big Agency: 148.5달러를 지불하고 오십 개의 사이트에 대해 모든 기능을 사용할 수 있고 1년 동안 프로 버전 업데이트가 지원된다. 기간 만료 전에 갱신하면 40% 할인된 가격으로 기간을 연장할 수 있다.

워드프레스 레이아웃 플러그인

○ WP Show Posts

숏코드를 사용해서 웹 사이트의 모든 위치에 특정 게시글을 표시할 수 있는 플러그인이다. 토미집은 메인 페이지에 각 카테고리의 글 일부를 나열해서 보여주고자 했고, GeneratePress 테마의 개발자가에게 문의하니 GeneratePress 테마의 개발자가 직접 개발한 WP Show Posts 플러그인을 추천해서 ‘WP Show Posts’ 플러그인을 설치했다. 토미집은 무료 버전을 사용하고 있다.

1. 기본 정보

– 개발자: Tom Usborne
– 최근 업데이트: 2018년 6월 중순에 WP Show Posts 1.1.3 버전으로 업데이트되었다. 2018년 6월 이후 아무런 업데이트가 없고, 2020년 8월에 워드프레스 5.5 버전에 대한 호환성 테스트가 진행되었다.
– 폴더 용량: WP Show Posts 1.1.3 버전 기준 325KB이다.

2. 특징

– 사용자 정의 게시글에 대한 숏코드 또는 PHP 태그를 생성한다.
– 포스트 유형은 단일/복수 카테고리의 글을 몇 개 노출할지 정할 수 있다.
– 글이 나열되는 열 개수와 열 간격을 설정할 수 있다.
– 이미지 노출 여부와 이미지의 크기, 정렬, 위치를 설정할 수 있다.
– 콘텐츠 노출 여부와 배치 형태, 단어 길이, 타이틀 태그 종류, 더 보기 버튼 노출 여부 및 텍스트, 더 보기 버튼 클래스명을 설정할 수 있다.
– 글쓴이, 날짜 등 메타 정보의 노출 여부와 노출 위치를 설정할 수 있다.
– 포스트가 없을 때의 텍스트를 설정할 수 있다.
– 프로 버전에서는 Masonry 레이아웃을 지원한다.
– 프로 버전에서는 Magazine 레이아웃을 지원한다.
– 프로 버전에서는 AJAX 페이지 매김 기능으로 새 페이지를 로드하지 않고 새 게시글을 로드한다.
– 프로 버전에서는 소셜 공유 기능을 제공한다.
– 프로 버전에서는 다양한 스타일 변경 옵션을 제공한다.
– 프로 버전에서는 라이트 박스 및 갤러리 레이아웃을 제공한다.

3. 가격

– 무료 버전: 프로 버전 기능을 제외한 모든 기능을 제한 없이 사용할 수 있다.
– PRO: 25달러를 지불하고 1년 동안 세 개의 사이트에 대해 모든 기능을 사용할 수 있고 지원 포럼을 이용할 수 있다. 기간 만료 전에 갱신하면 50% 할인된 가격으로 기간을 연장할 수 있다.
– DEVELOPER: 50달러를 지불하고 1년 동안 무제한 사이트에 대해 모든 기능을 사용할 수 있고 지원 포럼을 이용할 수 있다. 기간 만료 전에 갱신하면 50% 할인된 가격으로 기간을 연장할 수 있다.

워드프레스 관리 플러그인

○ Reveal IDs

워드프레스 관리자 페이지의 각 포스트, 페이지, 카테고리에 고유의 ID를 부여하는 관리 플러그인이다. 인기 게시글 목록을 노출하는 ‘WordPress Popular Posts’ 플러그인을 사용할 때 특정 카테고리를 노출하거나 특정 게시글을 제외할 때 ID가 필요해서 ‘Reveal IDs’ 플러그인을 설치했다.

1. 기본 정보

– 개발자: Oliver Schlobe
– 최근 업데이트: 2019년 10월 말에 Reveal IDs 1.5.4 버전으로 업데이트되었다. 2019년 10월 이후 아무런 업데이트가 없고, 2020년 8월에 워드프레스 5.5 버전에 대한 호환성 테스트가 진행되었다.
– 폴더 용량: Reveal IDs 1.5.4 버전 기준 248KB이다.

2. 사용

Reveal IDs 플러그인을 설치하고 활성화하면 자동으로 각 포스트, 페이지, 카테고리에 ID가 부여되고, 워드프레스 관리자 페이지에서 즉시 확인할 수 있다.

3. 가격

모든 기능이 무료로 제공된다.

워드프레스 위젯 플러그인

○ Content Aware Sidebars

사이트 내 모든 페이지에 사용자 정의 사이드바를 생성하고 기존의 사이드바를 대체할 수 있다. 토미집은 각 카테고리별로 해당 카테고리의 인기 글, 해당 카테고리의 최근 글, 전체 카테고리에 대한 공지사항을 보여주기 위해서 ‘Content Aware Sidebars’ 플러그인을 설치했다. 토미집은 무료 버전을 사용하고 있다.

1. 기능 정보

– 개발자/개발사: Joachim Jensen – DEV Institute
-최근 업데이트: 2020년 8월 중순에 Content Aware Sidebars 3.13 버전으로 업데이트되었다. 2020년에 들어서 2020년 8월까지 총 다섯 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: Content Aware Sidebars 3.13 버전 기준 3.70MB이다.

2. 특징

– 특정 게시글, 페이지, 카테고리에 사용자 정의 사이드바를 노출할 수 있다.
– 워드프레스 기본 사이드바의 위아래로 합치거나 완전히 대체할 수 있다.
– 모든 위젯 영역에 대해 사용자 정의 사이드바를 배치할 수 있다.
– 사이드바, 위젯, 위젯 타이틀에 사용자 정의 클래스 명을 추가할 수 있다.
– 사용자 정의 사이드바의 생성 개수에 제한이 없다.
– 사용자 친화적인 인터페이스로 단 한 줄의 코드도 작성할 필요가 없다.
– 사용자 정의 사이드바에 대한 노출 기간을 설정할 수 있다.
– 프로 버전에서는 각 요일과 특정 시간대를 지정해서 사이드바의 노출을 제어할 수 있다.
– 프로 버전에서는 스티키, 열, 크기, 컬러 등 사이드바에 대한 다양한 추가 옵션을 지원한다.

3. 사용

워드프레스 관리자 페이지의 Content Aware 플러그인 탭에서 사용자 정의 사이드바를 생성하고, 테마 탭의 위젯에서 사용자 정의 사이드바에 원하는 위젯을 추가하고 저장하면 된다.

4. 가격

– 무료 버전: 프로 버전 기능을 제외한 모든 기능을 제한 없이 사용할 수 있다.
– Personal: 49달러를 지불하고 1년 동안 한 개의 사이트에 대해 모든 기능을 사용할 수 있고 이메일 지원을 제공한다.
– Business: 99달러를 지불하고 1년 동안 세 개의 사이트에 대해 모든 기능을 사용할 수 있고 이메일 지원을 제공한다.
– Agency: 199달러를 지불하고 1년 동안 백 개의 사이트에 대해 모든 기능을 사용할 수 있고 이메일 지원을 제공한다.

인기 게시글을 노출하는 위젯 플러그인이다. 토미집 블로그의 사이드바에 인기 게시글 순위를 노출하고자 ‘WordPress Popular Posts’ 플러그인을 설치했다.

1. 기본 정보

– 개발자: Hector Cabrera
– 최근 업데이트: 2020년 8월 중순에 WordPress Popular Posts 5.2.4 버전으로 업데이트되었다. 2020년에 들어서 2020년 8월까지 총 일곱 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: WordPress Popular Posts 5.2.4 버전 기준 787KB이다.

2. 특징

– 24시간, 7일, 30일, 전체 기간 동안 집계된 인기 게시글 목록을 노출한다.
– 개별로 설정된 사용자 정의 인기 게시글 목록 여러 개를 동시에 노출할 수 있다.
– 단일/복수 카테고리에 대한 인기 게시글 목록을 생성할 수 있다.
– 인기 게시글 목록에 노출되는 게시글 수를 조정할 수 있다.
– 인기 게시글 목록에서 특정 게시글을 제외할 수 있다.
– 인기 게시글 목록 ID를 지정할 수 있다.
– 타이틀 노출 여부 및 글자 수를 설정할 수 있다.
– 썸네일 이미지 노출 여부 및 크기를 설정할 수 있다.
– 날짜, 클릭 수 등 다양한 메타 정보의 노출 여부를 설정할 수 있다.
– 사용자 정의 HTML 마크업 설정을 지원한다.
– 오늘, 24시간, 7일, 30일, 사용자 지정 실시간 통계에서 게시글 접속 수, 게시글 댓글 수, 현재 이슈, 전체 기간에 대한 인기 게시글 순위를 확인할 수 있다.

3. 기능

(1) Thumbnails

– Default thumbnail: 사용하지 않는 옵션이다. 이미지가 없는 게시글에 대한 기본 이미지를 지정한다.
– Pick image from: Featured image 옵션을 선택했다. 썸네일 이미지로 어떤 이미지를 불러올지 설정한다.
– Lazy load: 사용하지 않는 옵션이다. 지연 로드 설정을 할 수 있다. 단 워드프레스 5.5 버전부터 지연 로드가 자동으로 적용되므로 테마 및 플러그인에서 지원하는 지연 로드 기능은 사용하지 않는 게 좋다.

(2) Data

– Log views from: Visitors only 옵션을 선택했다. 집계 대상을 비로그인 방문자, 로그인한 방문자, 모든 방문자 중에서 선택할 수 있다.
– Log limit: Keep data for 옵션을 선택하고 180일을 설정했다. Keep data for로 활성화하면 지정한 기간의 집계 데이터만 데이터베이스에 저장하고, 해당 기간을 초과한 데이터는 매일 자정 무렵에 삭제된다. WPP는 집계 데이터를 데이터베이스에 저장하는데, 방문자 수가 많을 경우 집계 데이터가 데이터베이스를 과도하게 차지할 수 있기 때문에 방문자 수가 많거나 데이터베이스 용량을 제어하고 싶다면 옵션을 활성화해야 한다. 단 시간, 기간 등의 집계 데이터만 영구적으로 삭제되고 총 집계 데이터는 삭제되지 않는다.
– Ajaxify widget: 사용하지 않는 옵션이다. 캐싱 플러그인이 하루에 한 번 이상 캐시를 비우지 않으면 데이터가 정상적으로 집계되지 않을 수 있는데, Ajaxify widget 옵션을 활성화하면 캐싱 플러그인이 인기 게시글 위젯을 캐싱하지 못하게 되어 데이터가 정상적으로 집계된다. 데이터 집계에 문제가 있을 때 활성화하면 된다.
– Data Caching: 사용 중인 옵션이다. 집계 데이터를 캐시하고 180초마다 데이터베이스에 일괄 업데이트하므로 데이터베이스 이용 빈도를 낮출 수 있다. 방문자 수가 많은 경우 사이트 성능을 개선할 수 있다. 단 Refresh cache every 옵션에서 일주일을 선택할 경우 일주일간 인기 게시글 목록이 업데이트되지 않는다. (참고로 집계 통계 관리자 페이지에서는 실시간 집계를 보여주기 때문에 데이터 캐시 저장 유무에 영향을 받지 않는다.)
– Refresh cache every: 3시간으로 설정했다. 데이터 캐시의 새로고침 간격을 설정할 수 있다. 이 옵션을 활성화하고 기간을 설정하면 매 설정된 기간마다 메모리에 저장된 집계 데이터를 초기화한다.
– Data Sampling: 사용하지 않는 옵션이다. 방문자 수가 아주 많을 경우 데이터베이스의 성능 저하로 사이트의 속도가 느려질 수 있기 때문에 하위 집합에 대한 트래픽만 추적한다. 초기에는 정확도가 낮지만 일일 방문 수가 125,000 – 250,000번을 유지한다면 정확도가 상당히 높아진다. 어디까지나 임시 대책이므로 서버에서 Redis 또는 Memcached를 지원하고 연결 권한이 있다면 Data Sampling 옵션보다 Data Caching 옵션을 사용하는 게 좋다.

(3) Miscellaneous

– Open links in: 새 탭 열기 옵션을 선택했다. 인기 게시글을 클릭했을 때 현재 탭에서 열지 새 탭에서 열지 설정한다.
– Use plugin’s stylesheet: 사용 중인 옵션이다. WPP의 기본 스타일 시트의 사용 여부를 설정한다.

4. 사용

워드프레스 관리자 페이지 – 설정 – WordPress Popular Posts 탭의 Tool 항목 기본 설정을 마치고, 워드프레스 관리자 페이지 – 테마 디자인 – 위젯에서 인기 게시글 위젯을 추가하고 위젯 설정을 하면 된다. 특정 카테고리를 추가하거나 특정 게시글을 제외하려면 카테고리 및 게시글에 대한 개별 ID가 필요한데, 워드프레스에서 지원하지 않는 기능이므로 ‘Reveal IDs’ 플러그인처럼 콘텐츠 ID를 생성하는 플러그인을 추가로 설치해야 한다.

5. 주의

– 일반적으로 대부분의 캐싱 플러그인에서 잘 작동하지만 올바르게 집계되지 않으면 캐싱 플러그인의 작동을 의심해봐야 한다. WPP는 집계 오용을 방지하기 위해 24시간마다 보안 토큰을 갱신하므로 캐싱 플러그인이 하루에 한 번 이상 캐시를 비워줘야 접속 데이터가 정확하게 집계된다. 이 문제를 해결하려면 툴 항목에서 Ajaxify widget 옵션을 활성화해야 한다.
– 일반적으로 대부분의 보안 플러그인에서 잘 작동하지만 올바르게 작동하지 않으면 보안 플러그인 제작자에게 해결 방법을 요청해야 한다.
– 일부 JavaScript 축소 또는 압축 플러그인이 WPP의 작동에 영향을 미쳐서 집계 및 표시 기능을 손상시킬 수 있다. 이 경우 JavaScript 축소 또는 압축 플러그인의 캐시를 비우고, JavaScript 축소 또는 압축 플러그인에서 WWP의 Javascript 파일을 제외해야 한다.
– WP Optimize 플러그인을 사용한다면 자바스크립트 제외 항목에 ‘/wordpress-popular-posts/assets/js/’를 추가해야 한다.
– Fast Velocity Minify 플러그인을 사용한다면 Ignore List에 ‘/wordpress-popular-posts/assets/js/’를 추가해야 한다.
– Merge + Minify + Refresh 플러그인을 사용한다면 Ignore these files (one per line) 항목에 ‘https://www.my-domain.com/wp-content/plugins/wordpress-popular-posts/assets/js/wpp-5.2.1.min.jsand https://www.my-domain.com/wp-content/plugins/wordpress-popular-posts/assets/js/wpp.min.js(replace www.my-domain.comwith your actual domain name)’을 추가해야 한다.
– 사용자가 설정한 시간 범위 내에 게시글을 보거나 댓글을 단 사람이 없다면 집계 데이터가 없다는 메시지가 뜬다.
– 누군가가 게시글이나 페이지를 방문할 때마다 WPP가 데이터베이스에 정보를 저장한다. 트래픽이 낮은 사이트에서는 문제가 없지만, 트래픽이 높은 사이트에서는 성능 저하 문제가 발생할 수 있다. 일부 극단적인 경우 데이터베이스에 데이터를 저장할 수 없게 될 수도 있다. 그래서 WPP는 메모리에 조회수 데이터를 캐시하고, 180초마다 데이터베이스에 데이터를 일괄 업데이트하므로 데이터베이스 이용 빈도를 획기적으로 낮췄다. 이 기능을 사용하려면 툴 항목에서 Data Caching 옵션을 활성화해야 한다. 만약에 서버가 Memcached 또는 Redis를 지원해서 영구 객체 캐시 플러그인 (예 : Till Kruss의 Redis Object Cache 또는 Automattic의 Memcached Object Cache )을 설치하면 성능을 보다 개선할 수 있다.

6. 가격

모든 기능이 무료로 제공된다.

○ Recent Posts Widget With Thumbnails

최신 게시글을 노출하는 위젯 플러그인이다. 워드프레스 기본 위젯 중 최신 글 위젯이 있지만, 전체 게시글에 대한 최신 글이기 때문에 사이드바에 카테고리별 최신 게시글 순위를 노출하고자 ‘Recent Posts Widget With Thumbnails’ 플러그인을 설치했다.

1. 기본 정보

– 개발자
– 최근 업데이트: 2020년 9월 중순에 Recent Posts Widget With Thumbnails 6.9.0 버전으로 업데이트되었다. 2020년에 들어서 2020년 9월까지 총 네 번 업데이트되었고, 워드프레스 5.5 버전에 대한 최적화도 진행되었다.
– 폴더 용량: Recent Posts Widget With Thumbnails 6.9.0 버전 기준 312KB이다.

2. 특징

– 모든 게시글 또는 특정 카테고리의 게시글에 대한 최신 게시글 목록을 노출한다.
– 개별로 설정된 사용자 정의 최신 게시글 목록 여러 개를 동시에 노출할 수 있다.
– 위젯의 이름에 텍스트를 작성하면 해당 최신 게시글 목록의 타이틀이 된다.
– 보여줄 글의 수에 최신 게시글 목록에서 보여줄 글 수를 설정한다.
– 새 탭에서 게시물 열기 여부를 선택할 수 있다.
– 나열되는 게시글을 랜덤으로 나열할지 선택할 수 있다.
– 각 게시글의 내용 노출 여부를 선택할 수 있다.
– 위젯에 스티키 설정을 할 수 있다.
– 게시글 제목 노출 여부를 선택할 수 있고, 게시글 제목 길이를 제한할 수 있다.-
– 게시글 작성자 노출 여부를 선택할 수 있고, 작성자 앞에 붙는 라벨 텍스트를 설정할 수 있다.
– 게시글 카테고리 노출 여부를 선택할 수 있고, 카테고리 앞에 붙는 라벨 텍스트를 설정할 수 있다.
– 게시글 작성 날짜 노출 여부를 선택할 수 있다.
– 게시글 요약 노출 여부를 선택할 수 있고, 요약의 최대 길이 등 다양한 기능을 설정할 수 있다.
– 게시글의 댓글 수 노출 여부를 선택할 수 있다.
– 썸네일 노출 여부를 선택할 수 있고, 이미지 크기 등 다양한 기능을 설정할 수 있다.

3. 가격

모든 기능이 무료로 제공된다.

워드프레스 소셜 플러그인

○ Korea SNS Pro Analytics

게시글에 소셜 네트워크 공유 버튼을 노출하는 플러그인이다. 토미집 블로그의 각 게시글에 소셜 공유 버튼을 노출하고자 ‘Korea SNS Pro Analytics’ 플러그인을 구매하고 설치했다.

1. 기본 정보

– 개발자/개발사: icansoft.com
– 최근 업데이트: 비공개이다.
– 폴더 용량: 2020년 9월 버전 기준 107KB이다.

2. 특징

– 페이스북, 트위터, 카카오스토리, 네이버 라인, 네이버 밴드, 네이버 블로그, 네이버 카페, 텔레그램 공유 버튼을 노출할 수 있다.
– 프로 버전에서 카카오톡 모바일, 카카오톡 PC 버튼을 노출할 수 있다.
– 프로 버전에서 글, 페이지, 홈, 태그, 카테고리, 일자, 글쓴이, 검색에서의 버튼 노출 여부를 선택할 수 있다.
– 프로 버전에서 소셜 공유 버튼의 순서를 변경할 수 있다.
– 프로 버전에서 소셜 공유 시 URL 단축 코드 사용 여부를 선택할 수 있다.
– 프로 애널리틱스 버전에서 소셜 공유 버튼 이용에 대한 통계 분석을 지원한다.
– 프로 애널리틱스 버전에서 KBoard 플러그인에 대한 소셜 공유 버튼을 지원한다.

3. 가격

– Korea SNS: 프로 버전과 프로 애널리틱스 버전 기능을 제외한 모든 기능을 제한 없이 사용할 수 있다.
– Korea SNS Pro: 10,000원을 지불하고 1년 동안 한 개의 사이트에 대해 프로 버전 기능을 사용할 수 있다.
– Korea SNS Pro Analytics: 30,000원을 지불하고 1년 동안 한 개의 사이트에 대해 프로 애널리틱스 버전 기능을 사용할 수 있다.

출처

관련 글

댓글쓰기