일부 수익형 블로그에서는 헤더, 푸터, 사이드바 등 불필요한 요소를 제거하고 애드센스 전면 광고가 표시되도록 방문자들의 클릭을 유도하기 위해 콘텐츠 내에 버튼이나 링크를 적절히 배치하는 방법을 사용합니다.
또한, 헤더나 푸터를 제거하여 방문자들이 사이트의 다른 콘텐츠에 접근하지 못하도록 하는 사이트들도 종종 접하게 됩니다.
워드프레스 GeneratePress 테마에서 헤더, 푸터, 사이드바를 제거하여 콘텐츠만 표시되도록 하는 방법에 대하여 살펴보겠습니다.
GeneratePress 테마: 헤더, 푸터, 사이드바 제거하기
Layout 엘리먼트 사용하기
GeneratePress 유료 버전이 설치된 경우 Layout 엘리먼트를 사용하여 헤더, 푸터, 사이드바 등 사이트의 각 요소를 표시하거나 제거하도록 설정할 수 있습니다. 또한, 전면 페이지, 블로그 글, 특정 카테고리 글, 특정 페이지 등에 대하여 레이아웃을 다르게 지정하는 것도 가능합니다.
1 헤더, 푸터 등의 요소를 제거하려면 먼저 Disable Elements 모듈을 활성화해야 합니다. 모양 » GeneratePress로 이동한 다음, Modules 섹션에서 Disable Elements 모듈을 활성화합니다. 아래 그림에서 활성화되면 Deactivate 버튼이 표시되고, 비활성 상태이면 Activate 버튼이 표시됩니다.
2 모양 » Elements 페이지로 이동하여 Add New Element 버튼을 클릭합니다. 엘리먼트 유형 선택(Choose Element Type) 팝업이 표시되면 Layout을 선택하고 Create 버튼을 누릅니다.
3 Add New Layout 화면이 표시되면 레이아웃의 이름을 지정합니다.
사이드바를 표시하고 싶지 않으면 Sidebar 탭에서 Content (no sidebars)를 선택합니다.
푸터에 위젯을 표시하지 않으려는 경우 Footer 탭에서 0 Widgets를 선택합니다.
Disable Elements 탭에서 표시하지 않을 요소를 선택합니다.
4 Display Rules에서 이 레이아웃이 적용될 위치를 지정합니다. Entire Site를 선택하면 전체 사이트에 적용됩니다. 사이트의 일부(예: 특정 카테고리 글)에만 적용되도록 규칙을 지정할 수 있고, Exclude에서 적용하지 않을 위치를 지정하는 것도 가능합니다.
설정을 모두 완료하였다면 공개 버튼을 눌러 공개합니다.
이제 사이트를 살펴보면 헤더, 푸터, 사이드바 등 비활성화한 요소들이 표시되지 않고 콘텐츠만 표시될 것입니다.
무료 GeneratePress 버전에서 헤더, 푸터, 사이드바 제거하기
무료 GP 테마를 사용하는 경우 헤더와 푸터를 CSS로 숨기는 것을 고려할 수 있습니다. CSS를 사용하여 숨기면, 실제로는 해당 요소들이 로드되지만 브라우저에 표시가 되지 않습니다.
사이드바는 사용자 정의하기에서 표시되지 않도록 설정할 수 있습니다.
- 헤더와 푸터: CSS를 사용하여 숨김
- 사이드바: 사용자 정의하기에서 사이드바 설정
사이드바를 비활성화하려면 모양 » 사용자 정의하기 » Layout » Sidebars로 이동하여 사이드바 레이아웃 설정을 모두 Content (no sidebars)로 선택합니다.
헤더와 푸터는 CSS로 숨기는 방법을 고려할 수 있습니다. 위에서 언급했지만 실제로는 제거되지 않고 로드되지만 사용자 브라우저에는 표시되지 않습니다.
모양 » 사용자 정의하기 » 추가 CSS에 다음과 같은 커스텀 CSS 코드를 입력합니다.
/* 헤더와 푸터 숨기기 */
/* Hide Header and Footer in GeneratePress */
.site-header, .site-footer {display:none; }위의 CSS 코드가 잘 작동하는지 테스트해 보시기 바랍니다.
마치며
이상으로 워드프레스 인기 테마 중 하나인 GeneratePress 테마에서 헤더, 푸터, 사이드바 등을 제거하는 방법에 대하여 살펴보았습니다.
애드센스 광고 수익을 높이고 싶은 경우:
- 사이드바를 제거하고
- 버튼 등을 이용하여 링크를 삽입하고,
- 링크를 현재 창으로 열도록 설정하면
전면광고가 표출되는 기회가 늘어나서 애드센스 수익이 증가할 수 있습니다. 실제로 블로그로 고수익을 버는 분들은 이런 방법을 이용하는 경우가 많습니다.
이 글 본문에 소개한 방법은 다른 테마를 사용하는 경우에도 비슷하게 응용이 가능합니다.
엘리멘터 프로를 사용하거나 아바다, Divi 테마를 사용하는 경우에는 테마 빌더(Theme Builder)에서 헤더, 푸터 등 각 섹션에 대하여 템플릿을 만들 수 있습니다.
댓글 남기기