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

토미집 워드프레스 블로그에 사용 중인 테마와 플러그인에 대한 정보를 기록하기 위해 ‘토미집 워드프레스 블로그 테마 및 플러그인’을 작성했다.

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

목차

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

워드프레스 GeneratePress 테마

○ GeneratePress 테마

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

1. 기본 정보

– 개발자: Tom Usborne
– 최근 업데이트: 2022년 11월 22일에 GeneratePress 3.2.4 버전으로 업데이트되었다.

2. 특징

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

3. 설치

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

4. 대형 업데이트

(1) GeneratePress 2.0 출시

2017년 12월에 GeneratePress 2.0을 출시했다. 12,459 줄의 코드가 추가되었고 11,673 줄의 코드가 삭제되었다.

– 모든 자바스크립트 코드를 처음부터 다시 작성해서 더이상 jQuery를 로드하지 않는다.
– Open Sans를 기본 폰트에서 제거하고 시스템 폰트를 우선 적용하도록 변경했다.
– Font Awesome에서 필수 아이콘만 로드한다.
– 다이내믹 CSS 캐싱을 지원한다.
– PHP 성능 병목 현상을 제거했다.
– 워드프레스 및 PHP 표문 코딩에 따라 코드를 상당히 정리했다.

(2) GeneratePress 3.0 출시

2020년 9월에 GeneratePress 3.0을 출시했다. 총 182개의 파일이 변경되었고 17,846 줄의 코드가 추가되었고 5,166 줄의 코드가 삭제되었다.

– 기본 디자인 템플릿이 현대적으로 업그레이드했다.
– 레이아웃의 float 속성을 flexbox 속성으로 변경했다.
– CSS 파일을 분할해서 페이지에 연관된 CSS만 결합/최소화하고 로드한다.
– Font Awesome 아이콘을 SVG 아이콘으로 변경했다.

○ GP Premium 플러그인

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

1. 기본 정보

– 개발자: Tom Usborne
– 최근 업데이트: 2022년 12월 6일에 GP Premium 2.2.2 버전으로 업데이트되었다.

2. 특징

– 최적의 성능을 유지하기 위해 필요한 기능만 활성화할 수 있다.
– 주요 컬러를 간단하게 변경할 수 있다.
– 인기있는 구글 웹 폰트를 간단하게 연결하고 스타일을 설정할 수 있다.
– 패딩, 마진, 사이드바 레이아웃을 간단하게 제어할 수 있다.
– 블록 기반 테마 빌더인 Dynamic Block Elements에 최적화되어 있다.
– 워드프레스 표준 코딩을 준수하는 플러그인에 최적화되어 있다.
– 워드프레스 구텐베르크와 완벽하게 호환된다.
– 광범위한 Hooks와 Filters로 테마의 기능을 사용자에 알맞게 조정할 수 있다.

3. 기능

(1) Modules

(1-1) Backgrounds

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

(1-2) Blog

사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭의 블로그 탭이 노출된다. 블로그 탭 내 Archives 탭에서 콘텐츠의 전체를 보여줄지 아니면 일부만 보여줄 지 선택할 수 있고 일부만 보여줄 경우 몇 글짜까지 보여줄지 설정할 수 있다. 그리고 자세히 보기 버튼 노출 여부와 버튼을 노출할 경우 버튼에 들어갈 텍스트를 설정할 수 있다. 그리고 날짜 표시, 글쓴이, 카테고리, 태그, 댓글 수의 노출 여부를 선택할 수 있다. 그리고 무한 스크롤과 페이지 번호 중 한 가지 나열 방식을 선택할 수 있다.

블로그 탭 내 Single 탭에서 글 내용, 글쓴이, 카테고리, 태그, 다음 글과 이전글의 노출 여부를 선택할 수 있다. 그리고 글 목록, 글 내용, 페이지에서 이미지를 노출할 경우 글 제목의 위치, 이미지 정렬 방식을 선택할 수 있고 로드 이미지 사이즈, 노출 이미지 사이즈를 설정할 수 있다. 그리고 페이지의 열을 몇 개로 구분할지 설정할 수 있다.

(1-3) Copyright

사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭의 Footer 탭에 Copyright 항목이 노출된다. 사이트 하단의 카피라이트를 임의로 변경할 수 있고 현재 연도를 자동으로 업데이트하도록 설정할 수 있다.

(1-4) Disable Elements

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

(1-5) Elements

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

(1-6) Menu Plus

사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭에 Primary Navigation, Sticky Navigation 탭이 노출되고 모바일 메뉴 아이콘 옆에 노출되는 ‘Menu’라는 텍스트를 제거하거나 변경할 수 있다.

(1-7) Secondary Nav

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

(1-8) Site Library

사용 중인 모듈이다. 모듈을 활성화하면 GeneratePress 테마의 사이트 라이브러리에서 원하는 사이트 디자인을 선택해서 적용할 수 있다. 디자인은 BUSINESS, E-COMMERCE, BLOG 세 가지 카테고리로 분류되며, BUSINESS는 디자인 컨셉에 따라 포트폴리오, 클라우드, 앱, 헬스 등 32개의 디자인을 제공하고, E-COMMERCE는 디자인 컨셉에 따라 타겟, 셀러, 프라임 등 11개의 디자인을 제공하고, BLOG는 디자인 컨셉에 따라 마케터, 리드, 아티클, 디스패치, 클래식 등 19개의 디자인을 제공한다. 토미집 블로그는 Blog 카테고리의 Marketer 디자인을 선택했다.

사이트 디자인을 선택하면 해당 디자인을 구성하는데 필요한 GeneratePress 테마의 모듈이 보여지고 외부 플러그인의 설치가 필요하다면 외부 플러그인 설치 목록이 보여진다. 그리고 사용자가 모든 내용을 확인하고 설치 버튼을 누르면 사이트 디자인 구성이 완료된다. 참고로 GeneratePress 테마는 바닐라 자바스크립트로 개발했지만, 사이트 디자인을 구성하는 외부 플러그인에서 제이쿼리를 사용하면 사이트에 접속할 때마다 제이쿼리를 로드하므로 사이트 속도가 느려진다.

(1-9) Spacing

사용 중인 모듈이다. 모듈을 활성화하면 레이아웃 탭의 Container, Sidebars, Footer의 간격과 여백을 설정할 수 있다.

(1-10) Typography

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

(1-11) WooCommerce

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

(2) Start Customizing

(2-1) Site Identity

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

(2-2) Color Options

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

(2-3) Typography System

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

(2-4) Layout Options

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

(3) Import / Export

전체 설정, 컬러 설정, 타이포 그래피 설정을 내보내거나 업로드할 수 있다.

4. 가격

(1) 최초 1년 결제

1년에 59달러이다. 2020년에는 49.95달러였지만, 2021년에 들어서 9.05달러가 높아졌다.

(2) 1년 연장 결제

1년 연장에 29.97달러이다. 2020년에는 27.47달러였지만, 2021년에 들어서 2.5달러가 높아졌다.

(3) 평생 한 번 결제

249달러이다. 한 번만 지불하면 평생 업데이트와 프리미임 지원 서비스를 받을 수 있다. 2021년에 처음부터 7년 이상 사용할 예정이거나 최초 1년 결제 이후 9년 이상 사용할 예정이라면 ‘평생 한번 결제’를 이용하는 게 낫다.

5. 설치

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

워드프레스 보안 플러그인

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

사이트에 작성되는 스팸 댓글을 자동으로 필터링하는 보안 플러그인이다. 토미집은 다양한 안티 스팸 플러그인 중 가장 많은 사람이 사용 중인 ‘Akismet Anti-Spam’ 플러그인을 설치했다. 2021년에 토미집 블로그는 구글 애드센스(광고)를 적용하면서 ‘Akismet Anti-Spam’ 플러그인을 삭제했다.

1. 기본 정보

– 개발사: Automattic Inc.

2. 특징

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

3. 가격

비상업적 용도로 사이트를 운영하는 개인 사용자는 무료이다.

제품이나 서비스를 판매하는 것뿐만 아니라 광고 링크를 걸거나 기부나 후원을 요청하거나 기업이나 단체와 어떤 식으로든 관련되어 있다면 상업적인 사이트로 간주하므로 유료 플랜을 구매해야 한다. 아키스밋을 최초 활성화할 때 상업적인 사이트 여부를 체크하며 이후 정기적으로 사용자가 올바른 플랜을 선택했는지 검사한다.

4. 설치

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

○ BBQ Pro

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

1. 기본 정보

– 개발자: Jeff Starr
– 최근 업데이트: 2022년 11월에 BBQ Pro 3.5.1 버전으로 업데이트되었다.

2. 특징

(1) BBQ 특징

– 강력한 방화벽 보안을 지원한다.
– 광범위한 악성 URL 요청을 차단한다.
– 모든 트래픽을 검사하고 잘못된 요청을 차단한다.
– GET, POST, PUT, DELETE 등 모든 유형의 요청을 검색한다.
– 복잡한 추가 구성이 필요 없다.
– 다른 보안 플러그인과 호환된다.
– 사용자 데이터를 수집하거나 저장하지 않는다.
– 쿠키 설정을 하지 않으며 제 3자에게 연결하지 않는다.
– .htaccess를 변경하지 않는다.
– 워드프레스를 지원하는 모든 서버(Apache, Nginx, Windows)에서 작동한다.

(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자보다 긴 요청을 차단한다. 기본값은 비활성화이다.
– Empty Agents: 사용 중인 옵션이다. 사용자 에이전트가 비어있는 트래픽을 차단한다. 기본값은 비활성화이다.
– 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: BBQ 유료 버전에서 지원하는 보호 패턴 목록으로 실체 차단 횟수가 카운트된다.
– Custom: BBQ Pro에서 사용자 지정 패턴을 추가할 수 있다.

(3) 툴

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

4. 가격

한 번만 결제하면 모든 기능을 사용할 수 있고 평생 업데이트를 지원한다.

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
– 최근 업데이트: 2023년 2월에 SG Optimizer 7.3.0 버전으로 업데이트되었다.

2. 특징

– 데이터베이스 부하를 줄이고 웹 페이지 로딩 속도를 개선하는 Memcached를 지원한다.
– Gzip 압축을 지원한다.
– 브라우저 캐싱을 지원한다.
– HTML, CSS, Javascript 축소를 지원한다.
– 구글 웹 폰트 최적화를 지원한다.
– 새로 업로드하거나 기존어 업로드된 이미지에 대한 Webp 이미지 생성을 지원한다.
– 이미지 지연 로딩을 지원한다.
– Google PageSpeed 속도 테스트를 지원한다.
– Coludflare를 통한 전체 페이지 캐싱을 지원한다.

3. 기능

(1) Caching

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

(2) Environment

– Enable HTTPS: 사용 중인 옵션이다. 사이트 그라운드 공식 사이트의 사이트 툴의 SECURITY 탭에서 SSL Manager 항목의 Let’s Encrypt를 활성화하면 Enable 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 테이블에 대한 데이터베이스 최적화를 수행하고, 자동으로 생성된 모든 게시글 및 페이지의 초안을 삭제하고, 모든 게시글 및 페이지의 수정 사항을 삭제하고, 휴지통에 들어 있는 모든 게시글 및 페이지를 삭제하고, 스팸으로 표시된 모든 댓글을 삭제한다.

(3) Frontend

– Minify CSS Files: 사용 중인 옵션이다. 사이트에 사용되는 CSS 문서의 주석과 공백을 제거해서 문서의 용량을 줄이고 전송 속도를 높인다. 특정 문서에 대한 압축을 예외로 설정할 수 있다.
– Combine CSS Files: 사용하지 않는 옵션이다. 사이트에 사용되는 CSS 문서를 하나로 결합해서 서버에 대한 요청 수를 줄인다. 사이트에서 사용하는 CSS 파일들의 개수가 적고, CSS 파일들의 용량이 아주 작고, 사이트의 렌더링을 더 빨리 시작하는 것보다 더 빨리 끝나는 것을 우선하고, CSS 파일의 로딩 시점을 별도로 지정해두지 않았고, CSS 파일 간에 충돌 문제가 발생할 가능성이 없다면 CSS 파일을 결합하는게 좋지만, CSS 파일들의 개수가 많고, CSS 파일들의 용량이 작지 않고, 사이트의 렌더링을 더 빨리 끝내는 것보다 더 빨리 시작하는 것을 우선하고, CSS 파일 간에 충돌이 발생할 가능성을 최대한 낮추고 싶다면 CSS 파일을 결합하지 않는 게 좋다. 그리고 HTTP/2 사이트는 하나의 파일을 다운로드하기 전에 다른 파일을 다운로드할 수 없는 HTTP/1 사이트와 다르게 여러 개의 파일을 동시에 다운로드할 수 있어서 CSS 파일을 결합하지 않았을 때 첫 페이지의 렌더링 시작 속도를 더 앞당길 수 있다.
– Preload Combined CSS: 사용하지 않는 옵션이다. Combine CSS Files 옵션을 사용한 후 사이트가 제대로 표시되지 않을 때 사용하는 옵션이다.
– Minify JavaScript Files: 사용 중인 옵션이다. JavaScript 문서의 주석과 공백을 제거해서 문서의 용량을 줄이고 전송 속도를 높인다. 특정 문서에 대한 압축을 예외로 설정할 수 있다.
– Combine JavaScript Files: 사용하지 않는 옵션이다. 사이트에 사용되는 JavaScript 문서를 하나로 결합해서 서버에 대한 요청 수를 줄인다. 사이트에서 사용하는 JavaScript 파일들의 개수가 적고, JavaScript 파일들의 용량이 아주 작고, 사이트의 렌더링을 더 빨리 시작하는 것보다 더 빨리 끝나는 것을 우선하고, JavaScript 파일의 로딩 시점을 별도로 지정해두지 않았고, JavaScript 파일 간에 충돌 문제가 발생할 가능성이 없다면 JavaScript 파일을 결합하는게 좋지만, JavaScript 파일들의 개수가 많고, JavaScript 파일들의 용량이 작지 않고, 사이트의 렌더링을 더 빨리 끝내는 것보다 더 빨리 시작하는 것을 우선하고, JavaScript 파일 간에 충돌이 발생할 가능성을 최대한 낮추고 싶다면 JavaScript 파일을 결합하지 않는 게 좋다. 그리고 HTTP/2 사이트는 하나의 파일을 다운로드하기 전에 다른 파일을 다운로드할 수 없는 HTTP/1 사이트와 다르게 여러 개의 파일을 동시에 다운로드할 수 있어서 JavaScript 파일을 결합하지 않았을 때 첫 페이지의 렌더링 시작 속도를 더 앞당길 수 있다.
– Defer Render-blocking JavaScript: 사용 중인 옵션이다. 사이트의 로딩 속도를 높이기 위해 초기 페이지 렌더링을 지연 시키는 JavaScript의 로딩을 연기한다. 사이트에서 특정 순서에 맞춰 실행해야 하는 JavaScript 파일이 있다면 옵션을 사용하지 않거나 예외 설정을 해야 한다.
– Minify the HTML Output: 사용 중인 옵션이다. HTML 문서의 주석과 공백을 제거해서 문서의 용량을 줄이고 전송 속도를 높인다. 특정 문서에 대한 압축을 예외로 설정할 수 있다.
– Web Fonts Optimization: 사용 중인 옵션이다. 구글 웹 폰트를 로드하는 경우 구글 웹 폰트를 로드하는 코드를 하나로 결합해서 서버에 대한 요청 수를 줄인다.
– Fonts Preloading: 사용 중인 옵션이다. 사이트에서 사용 중인 폰트를 미리 로드해서 브라우저 렌더링 속도를 높인다.
– Remove Query Strings From Static Resources: 사용 중인 옵션이다. 정적인 리소스에서 버전 쿼리 문자열을 제거해서 해당 리소스의 캐싱 속도를 높인다.
– Disable Emojis: 사용 중인 옵션이다. 워드프레스가 이모지를 생성하는 스크립트를 로드하지 않는다.

(4) Media

– Image Compression: 사용하지 않는 옵션이다. 이미지를 로드하는데 필요한 시간을 줄이기 위해 이미지의 용량을 조정한다. 옵션을 사용하기 전에 편집 버튼을 눌려서 압축 수준과 원본 백업 여부를 설정할 수 있다. 최적화된 이미지는 원본 이미지를 대체한다.
– Use WebP Images: 사용하지 않는 옵션이다. JPEG, PNG, GIF 이미지를 WebP로 대체한다. WebP는 구글에서 제작한 이미지 포맷으로 손실 압축을 통해 이미지의 용량을 대폭 줄일 수 있다. WebP 확장자를 지원하는 브라우저에서는 WebP 이미지를 먼저 로드하기 때문에 사이트 로딩 속도가 높아지지만, 사본을 생성하는 만큼 서버 공간을 더 차지하게 된다.
– Lazy Load Media: 사용하지 않는 옵션이다. 옵션을 활성화하면 페이지에 노출되는 이미지가 많더라도 화면에 보이는 부분에 대한 이미지만 로드하기 때문에 사이트의 최초 로딩 속도가 대폭 높아진다. 2020년 8월까지는 사용한 옵션이지만, 2020년 8월에 출시한 워드프레스 5.5 버전에 ‘지연 로드’ 기능이 탑재되어 SG Optimizer 플러그인에서는 해당 기능을 비활성화했다.
– Exclude CSS Classes from Lazy Load: 지연 로드에서 특정 CSS 클래스를 제외한다.
– Exclude Media Types from Lazy Load: 지연 로드에서 특정 미디어 유형을 제외한다.
– Maximum Image Width: 사용하지 않는 옵션이다. 웹 사이트에 너비 값이 2560 픽셀을 초과하는 이미지를 자주 업로드하는 경우 옵션을 사용해서 사이트의 최대 너비에 맞게 이미지의 크기를 조정할 수 있다.

(5) SPEED Test

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

4. 가격

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

5. 설치

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

○ Converter for Media

JPEG, PNG, GIF 이미지 원본을 유지한 채 WEBP 이미지를 추가 생성하고, 브라우저에서 WEBP 이미지를 지원하는 경우 WEBP 이미지를 노출한다.

1. 기본 정보

– 개발사: Mateusz Gbiorczyk Outsourcing
– 최근 업데이트: 2023년 2월에 Converter for Media 5.7.1 버전으로 업데이트되었다.

2. 특징

– 미디어에 저장된 JPEG, PNG, GIF 이미지를 WEBP 이미지로 추가 생성할 수 있다.
– WEBP 이미지의 품질을 최대 손실 압축(Lossy), 중간 손실 압축 균형 손실 압축(Optimal), 최소 손실 압축, 무손실 압축(Lossless) 중에서 선택할 수 있다.
– 미디어에 저장된 원본 이미지를 대체하지 않는다.
– 미디어에 저장된 이미지를 한번에 WEBP 이미지로 추가 생성할 수 있다.
– 미디어에 업로드하는 이미지를 매번 WEBP 이미지로 추가 생성할 수 있다.
– 미디어 라이브러리에서 이미지마다 이미지 최적화로 줄어든 용량을 확인할 수 있다.
– 프로 버전에서 미디어에 저장된 이미지를 AVIF 이미지로 추가 생성할 수 있다.
– 브라우저가 AVIF를 지원하면 AVIF 이미지를 노출하고, AVIF를 지원하지 않으면 WEBP 이미지를 노출하고, WEBP를 노출하지 않으면 원본 이미지를 노출한다.
– 미디어에 있는 이미지를 AVIF 이미지 또는 WEBP이미지 로 추가 생성했으나 만약에 원본 이미지의 용량이 더 적다면 원본 이미지를 노출한다.

3. 가격

1년 결제 기준 할인 가격이다.

○ Rank Math SEO

 PHP-FIG 표준 코딩을 준수하고, 간단한 설정 마법사, Breadcrumbs, 고급 SEO 분석 도구를 지원하고 필요한 기능만 활성화할 수 있는 검색엔진 최적화 플러그인이다.

1. 기본 정보

– 개발사: Rank Math
– 최근 업데이트: 2023년 2월에 Rank Math 1.0.108 버전으로 업데이트되었다.

2. 특징

– 주요 기능이 17개의 모듈로 분리되어 있어 필요한 기능만 활성화할 수 있다.
– 워드프레스 SEO를 완벽하게 설정하는 단계별 설치 마법사를 제공한다.
– 사용자 정의된 XML Sitemap을 자동으로 생성하고 검색엔진에 알려준다.
– RSS 최적화를 지원한다.
– 사용자 정의된 Breadcrumbs(콘텐츠 내비게이션)를 지원한다.
– 워드프레스 URL에서 기본적으로 노출되는 /category/를 제거할 수 있다.
– 검색 엔진의 검색 결과에 표시되는 다양한 스키마 유형을 지원한다.
– 워드프레스의 기본 편집기인 ‘구텐베르크’에 통합되어 다양한 정보를 설정할 수 있다.
– 게시글 작성 시 게시물에 대한 중요 정보를 강조 표시해서 SEO를 즉시 개선할 수 있다.
– 게시글 작성 시 검색 엔진의 검색 결과에서 어떻게 표시되는지 미리 확인할 수 있다.
– 모든 게시물과 페이지의 로봇 메타데이터를 한번에 설정하거나 개별로 설정할 수 있다.
– 지역 비즈니스 정보 이용 시 세부적인 메타데이터를 추가할 수 있다.
– 모든 이미지에 ALT 및 Title 속성을 자동으로 추가한다.
– 대시보드에서 즉시 구글 서치 콘솔의 주요 정보를 볼 수 있다.
– 대시보드에서 즉시 구글 애널리틱스 주요 정보를 볼 수 있다.
– 사이트에서 발생하는 모든 404 오류를 탐지하고 리디렉션 설정을 할 수 있다.
– robots.txt 편집기를 지원한다.
– .htaccess 편집기를 지원한다.

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) Analytics

사용하지 않는 모듈이다. 대시보드에서 Google Search Console의 통계 정보를 볼 수 있다. 구글 서치 콘솔 페이지에 들어가지 않고 정보를 볼 수 있어서 좋지만, 편의 기능을 사용하는 개수가 증가할수록 사이트 성능에 악영향을 미치므로 꼭 필요한 기능이 아니라면 사용하지 않는 게 좋다.

(5) bbPress

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

(6) BuddyPress

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

(7) Image SEO

사용하지 않는 모듈이다. 이미지의 alt 및 title 태그 정보를 자동으로 추가한다. 토미집은 워드프레스의 미디어 라이브러리에 이미지를 등록할 때 직접 alt 및 title를 작성하기 때문에 해당 모듈을 사용하지 않는다.

(8) Instant Indexing

사용하지 않는 모듈이다. 사이트에 페이지가 추가되거나 게시글이 업데이트되면 검색 엔진에 변경 사항을 알려준다. 토미집은 변경 사항에 대한 빠른 업데이트가 필요없기 때문에 사용하지 않는다.

(9) Link Counter

사용하지 않는 모듈이다. 게시글의 내부 링크 개수와 외부 링크 개수를 계산한다.

(10) Local SEO & Knowledge Graph

사용하지 않는 모듈이다. 사이트를 지역 비즈니스 SEO에 최적화해서 해당 지역에서 사이트가 잘 노출되도록 지원한다. 일반적으로 오프라인 매장을 운영할 때 유용하게 사용할 수 있는 모듈이다.

(11) Redirections

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

(12) Schema (Structured Data)

사용 중인 모듈이다. 사이트의 데이터베이스 구조와 제약 조건에 대한 명세를 기사, 제품, 이벤트, 레시피 등 다양한 유형에 맞춰 기술해서 더 풍부한 검색 결과를 노출하고 검색 순위를 높일 수 있다. 무료 플랜에서는 기사 스키마만 지원한다.

(13) Role Manager

사용하지 않는 모듈이다. Rank Math SEO 플러그인에서 지원하는 설정을 사용자가 세부적으로 제어할 수 있다.

(14) SEO Analysis

사용하지 않는 모듈이다. Rank Math SEO 플러그인에서 전문적인 테스트를 통해 사이트를 분석하고 맞춤 솔루션을 제공한다. 사이트를 처음 개설했을 때는 옵션을 사용해서 사이트에 문제점이 있는지 모니터링을 해야 한다. 토미집도 사이트 오픈 초기에는 해당 모듈을 사용했었다.

(15) Sitemap

사용 중인 모듈이다. 사용자 정의된 사이트 맵을 생성해서 검색 엔진이 콘텐츠를 효율적으로 찾고 색인을 생성할 수 있도록 지원한다.

(16) Google Web Stories

사용하지 않는 모듈이다. Web Stories WordPress 플러그인에 필요한 스키마 및 메타대그가 자동으로 생성된다.

(17) WooCommerce

사용하지 않는 모듈이다. 검색 엔진의 검색 결과에 표시되는 메타데이터와 제품 스키마를 추가해서 제품을 더욱 돋보이게 할 수 있다.

4. 가격

모든 사용자가 무료로 이용할 수 있고, 유료 플랜 이용 시 연간 결제를 통해 보다 강력한 기능을 사용할 수 있다.

5. 설치

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

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

○ Code Snippets

워드프레스 테마의 functions.php 파일을 직접 변경하지 않고 PHP 코드를 추가할 수 있다. 워드프레스 사이트를 개설한 초기에는 사이트의 기능을 추가 및 변경하는 일이 잦기 때문에 자식 테마를 생성했더라도 코드 스니펫을 이용하다가 더이상 코드를 변경할 일이 없다면 자식 테마의 function.php에 코드 스피넷에 작성한 코드를 옮기고 코드 스니펫 플러그인을 비활성화하면 된다.

1. 기본 설정

– 개발자/개발사: Code Snippets Pro
– 최근 업데이트: 2022년 11월에 Code Snippets 3.2.2 버전으로 업데이트되었다.

2. 특징

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

3. 가격

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

○ Simple Custom CSS and JS

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

1. 기본 정보

– 개발사: SilkyPress.com
– 최근 업데이트: 2023년 1월에 Simple Custom CSS and JS 4.31 버전으로 업데이트되었다.

2. 특징

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

3. 가격

(1) 최초 1년 결제

무료 플랜은 프로 플랜 기능을 제외한 모든 기능을 제한 없이 사용할 수 있다. 유료 플랜 이용 시 1년 간 모든 기능을 제한 없이 이용할 수 있다.

(2) 1년 연장 결제

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

○ WP Show Posts

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

1. 기본 정보

– 개발자: Tom Usborne
– 최근 업데이트: 2018년 6월에 WP Show Posts 1.1.3 버전으로 업데이트되었다. 장기간 업데이트가 중단된 상태로 최신 워드프레스 또는 최신 플러그인과 호환성 문제가 발생할 수 있기 때문에 대체 플러그인이 있다면 사용하지 않는 편이 좋다. 2023년 1월에 WP Show Posts 1.1.3 버전으로 업데이트되었다.

2. 특징

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

3. 가격

(1) 최초 1년 결제

(2) 1년 연장 결제

워드프레스 관리 플러그인

○ Reveal IDs

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

1. 기본 정보

– 개발자: Oliver Schlobe
– 최근 업데이트: 2019년 10월 말에 Reveal IDs 1.5.4 버전으로 업데이트되었다. 장기간 업데이트가 중단된 상태로  최신 플러그인과 호환성 문제가 발생할 수 있기 때문에 대체 플러그인이 있다면 사용하지 않는 편이 좋다.

2. 사용

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

3. 가격

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

워드프레스 위젯 플러그인

○ Content Aware Sidebars

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

1. 기능 정보

– 개발자/개발사: Joachim Jensen – DEV Institute
-최근 업데이트: 2022년 12월에 Content Aware Sidebars 3.18.1 버전으로 업데이트되었다.

2. 특징

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

3. 사용

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

4. 가격

무료 플랜 이용 시 프로 버전 기능을 제외한 모든 기능을 제한 없이 사용할 수 있고 유료 플랜 이용 시 1년간 모든 기능을 제한 없이 사용할 수 있다.

○ WordPress Popular Posts

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

1. 기본 정보

– 개발자: Hector Cabrera
– 최근 업데이트: 2022년 11월에 WordPress Popular Posts 6.1.1 버전으로 업데이트되었다.

2. 특징

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

3. 기능

(1) Thumbnails

(1-1) Default thumbnail

사용하지 않는 옵션이다. 이미지가 없는 게시글에 대한 기본 이미지를 지정한다.

(1-2) Pick image from

Featured image 옵션을 선택했다. 썸네일 이미지로 어떤 이미지를 불러올지 설정한다.

(1-3 Lazy load

사용하지 않는 옵션이다. 지연 로드 설정을 할 수 있다. 워드프레스 5.5 버전부터 지연 로드가 자동으로 적용되어서 해당 옵션을 비활성화했다.

(2) Data

(2-1) Log views from

Visitors only 옵션을 선택했다. 집계 대상을 비로그인 방문자, 로그인한 방문자, 모든 방문자 중에서 선택할 수 있다.

(2-2) Log limit

Keep data for 옵션을 선택하고 180일을 설정했다. Keep data for로 설정하면 지정한 기간의 집계 데이터만 데이터베이스에 저장하고 해당 기간을 초과한 데이터는 매일 자정 무렵에 삭제된다. WPP는 집계 데이터를 데이터베이스에 저장하는데 방문자 수가 많으면 집계 데이터의 용량이 과도하게 커질 수 있어서 방문자 수가 많거나 데이터베이스 용량을 제어하고 싶다면 옵션을 활성화해야 한다. 단 시간, 기간 등의 집계 데이터만 영구적으로 삭제되고 총 집계 데이터는 삭제되지 않는다.

(2-3) Ajaxify widget

사용하지 않는 옵션이다. 캐싱 플러그인이 하루에 한 번 이상 캐시를 비우지 않으면 데이터가 정상적으로 집계되지 않을 수 있는데, Ajaxify widget 옵션을 활성화하면 인기 게시글 위젯에 대한 캐싱이 금지되어 데이터가 정상적으로 집계된다. 데이터 집계에 문제가 있을 때 활성화하면 된다.

(2-4) Data Caching

사용 중인 옵션이다. 집계 데이터를 캐시하고 180초마다 데이터베이스에 일괄 업데이트하므로 데이터베이스 이용 빈도를 낮출 수 있다. 방문자 수가 많은 경우 사이트 성능을 개선할 수 있다. 단 Refresh cache every 옵션에서 일주일을 선택할 경우 일주일간 인기 게시글 목록이 업데이트되지 않는다. (참고로 집계 통계 관리자 페이지는 실시간 집계를 보여주기 때문에 데이터 캐시 저장 유무에 영향을 받지 않는다.)

(2-5) Refresh cache every

3시간으로 설정했다. 데이터 캐시의 새로고침 간격을 설정할 수 있다. 이 옵션을 활성화하고 기간을 설정하면 매 설정된 기간마다 메모리에 저장된 집계 데이터를 초기화한다.

(2-6) Data Sampling

사용하지 않는 옵션이다. 방문자 수가 아주 많을 경우 데이터베이스의 성능 저하로 사이트의 속도가 느려질 수 있기 때문에 하위 집합에 대한 트래픽만 추적한다. 초기에는 정확도가 낮지만 일일 방문 수가 125,000 – 250,000번을 유지한다면 정확도가 상당히 높아진다. 어디까지나 임시 대책이므로 서버에서 Redis 또는 Memcached를 지원하고 서버 연결 권한이 있다면 Data Sampling 옵션보다 Data Caching을 사용하는 게 좋다.

(3) Miscellaneous

(3-1) Open links in

새 탭 열기 옵션을 선택했다. 인기 게시글을 클릭했을 때 현재 탭에서 열지 새 탭에서 열지 설정한다.

(3-2) 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. 기본 정보

– 개발사: Kybernetik Services
– 최근 업데이트: 2021년 9월에 Recent Posts Widget With Thumbnails 7.1.1 버전으로 업데이트되었다.

2. 특징

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

3. 가격

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

워드프레스 소셜 플러그인

○ Korea SNS Pro Analytics

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

1. 기본 정보

– 개발자/개발사: icansoft.com
– 최근 업데이트: 2022년 9월에 Korea SNS Pro Analytics 1.0.22 버전으로 업데이트되었다.

2. 특징

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

3. 가격

유료 플랜을 한 번 구매하면 각 유료 플랜에 맞는 기능을 영구적으로 사용할 수 있지만, 업데이트는 1년간 지원한다. 해당 기간 이후 업데이트를 지원받으려면 재구매를 해야 한다.

출처

• GP Premium 모듈 설명서
• BBQ Pro 설명서
• BBQ Pro 설정 설명서
• SG Optimizer 설명서

관련 글

• 워드프레스 블로그 개설 준비
• 워드프레스 블로그 초기 설정