워드프레스 Onepress 테마에서 페이지 타이틀 바를 없애는 방법 2가지

글자 크기

워드프레스 Onepress 테마를 적용하면 메인 페이지에 페이지 타이틀 바가 생기고 가장 최근에 포스팅한 글이 표시됩니다. 동일한 글이 최신 글에도 게시되기 때문에, 중복될 뿐만 아니라 공간의 낭비도 발생합니다. 이를 해결하기 위해 Onepress 테마에서 페이지 타이틀 바를 없애는 방법 2가지를 알아보겠습니다.


광고가 표시되면 저희에게 많은 도움이 됩니다.

워드프레스 Onepress 테마에서 페이지 타이틀 바를 없애는 방법 2가지

아래 그림은 워드프레스 Onepress 테마를 적용했을 때 페이지 타이틀 바가 보이는 화면입니다. 가장 최근에 포스팅한 글이 페이지 타이틀 바에 한 번, 바로 아래 한 번, 그리고 최신 글에 또 한 번, 이렇게 3번이나 표시되고 있습니다. 아무리 생각해도 이렇게 여러 번 보이게 할 필요가 없더군요. 그래서 페이지 타이틀 바에는 표시되지 않도록 제거를 했습니다. 저와 같은 필요를 느끼시는 분들을 위해, 이 글에서 페이지 타이틀 바를 없애는 방법 2가지에 대해 알아보겠습니다.

Onepress 테마에서 페이지 타이틀 바를 없애는 방법을 알아보겠습니다



1. Onepress 테마 설정 변경을 통한 페이지 타이틀 바 없애기

먼저 알아볼 방법은 Onepress 테마에서 제공하는 설정을 변경하는 방법입니다.

  • 워드프레스 관리자 화면에서 ‘외모’ → ‘사용자 정의하기’를 순서대로 클릭합니다.
  • 이후 왼쪽 사이드 메뉴에서 ‘테마 옵션’ → ‘Page Title Area’ 를 클릭합니다.

Onepress 사용자 정의 화면에서 Page Title Area를 선택해서 들어갑니다


‘Page Title Area’ 화면에서 ‘Disable Page Title bar?’ 옵션이 해제되어 있으면 페이지 타이틀 바가 보이게 됩니다. 반대로, 해당 옵션을 체크하면 페이지 타이틀 바를 숨기는 기능을 합니다. 저희는 페이지 타이틀 바를 없애야 하기 때문에, 해당 옵션을 체크하고 ‘공개’를 클릭하면 아래 화면과 같이 설정이 적용되어 페이지 타이틀 바가 보이지 않게 됩니다 (비활성화됩니다.)

Disable Page Title bar 옵션을 체크하면 페이지 타이틀 바가 보이지 않게 됩니다


2. CSS 를 사용하여 페이지 타이틀 바 없애기

이번에는 CSS를 사용하여 페이지 타이틀 바를 제거하는 방법을 알아보겠습니다. 이 방법도 어렵지 않으니 하나씩 따라해 보시기 바랍니다. 

먼저 워드프레스 관리자 화면에서 ‘외모’ → ‘추가 CSS’를 순서대로 클릭하여 CSS 를 수정할 수 있는 페이지로 들어갑니다.

페이지 타이틀 바를 없애기 위해 사용자 추가 CSS 화면으로 들어갑니다


‘추가 CSS’ 화면에서 다음의 코드를 아래 그림과 같이 삽입합니다. 삽입 위치는 정해져 있는 것이 아니기 때문에 어느 위치에 추가하셔도 됩니다. 

.home .page-header {
    display: none !important;
}


위의 코드를 추가한 후 ‘공개’를 클릭하면 추가된 CSS 코드가 적용되어 페이지 타이틀 바가 보이지 않게 됩니다.

페이지 타이틀 바를 없애는 CSS 코드를 추가하고 공개를 클릭하면 바로 적용됩니다



오늘은 워드프레스의 Onepress 테마를 적용한 뒤 홈페이지 상단에 보이는 페이지 타이틀 바를 제거하는 두 가지 방법에 대해 알아봤습니다. 가장 최근에 올린 글을 왜 페이지 타이틀 바에 중복으로 표시되도록 했는지 모르겠지만, 페이지 타이틀 바가 필요 없다면 이 글을 참고하여 비활성화해 보시길 바랍니다.