WordPress에서 페이지 제목을 숨기는 방법 – 절대 그렇게 하지 않는 이유
게시 됨: 2023-12-28이 기사는 WordPress에서 페이지 제목 숨기기에 관한 것입니다.
웹 사이트를 디자인할 때 페이지 제목이 프런트 엔드에 표시되지 않도록 숨기는 것이 유용한 경우가 있습니다. 이는 더욱 깔끔한 디자인을 만드는 데 유용할 수 있습니다. 특히 페이지 제목이 길거나 웹 사이트의 전체적인 미적 측면에 맞지 않는 경우 더욱 그렇습니다.
WordPress를 사용하는 경우 페이지 제목을 숨기는 몇 가지 방법이 있습니다. 이 종합 가이드에서는 WordPress에서 페이지 제목을 숨기는 가장 널리 사용되는 방법 중 일부를 안내합니다.
내장된 WordPress 기능 사용부터 플러그인 설치까지, 페이지 제목 숨기기 기술을 익히고 원하는 대로 정확하게 웹사이트를 만드는 데 필요한 모든 것을 다룹니다.
WordPress에서는 기본적으로 페이지 제목을 표시합니다. 페이지 제목이 표시됩니다. 내장된 스위치가 없기 때문에 제목을 간단하게 숨길 수 없습니다.
페이지 제목을 가리려는 경우 WordPress에서 두 가지 선택 사항을 사용할 수 있습니다.
- 간단한 복사 및 붙여넣기를 사용하면 WordPress 웹사이트에 사용자 정의 CSS를 추가할 수 있습니다.
- 플러그인 설치는 버튼 클릭만큼 간단합니다.
어떤 방법을 선택하든 새로운 사용자라도 WordPress에서 제목을 숨기는 것은 어렵지 않습니다. 길을 따라 어느 정도 지식을 얻게 되더라도 HTML, CSS 또는 백엔드 메커니즘을 잘 이해할 필요는 없습니다.
이 글에서는 WordPress에서 페이지 제목을 숨기는 데 사용할 수 있는 두 가지 방법과 각 방법의 장점과 단점에 대해 설명합니다.
페이지 제목을 숨기는 것이 WordPress 웹사이트에 도움이 되는 이유
웹 디자인 및 웹 개발 세계에서는 사용자 정의가 핵심입니다. 모든 웹사이트 소유자는 자신의 사이트가 다른 사이트보다 눈에 띄고 독특한 모양과 느낌을 갖기를 원합니다. 이를 달성하는 한 가지 방법은 WordPress에서 페이지 제목을 숨기는 것입니다.
페이지 제목은 SEO 및 탐색 목적에 중요하지만 특정 유형의 웹사이트에서는 시각적으로 방해가 되거나 불필요할 수 있습니다. 예를 들어, 포트폴리오 웹사이트나 단일 초점의 랜딩 페이지가 있는 경우 페이지 제목을 표시하는 것이 필요하지 않을 수 있으며 전체적인 디자인과 사용자 경험을 방해할 수 있습니다.
페이지 제목을 숨기면 콘텐츠의 가독성과 흐름을 향상시키는 데에도 도움이 될 수 있습니다. 페이지 제목을 제거하면 방문자는 방해받지 않고 콘텐츠 자체에만 집중할 수 있습니다. 이는 콘텐츠가 주요 하이라이트인 블로그 게시물이나 기사에 특히 유용할 수 있습니다.
또한, 페이지 제목을 숨기면 웹사이트가 더욱 미니멀하고 세련된 모습으로 보일 수 있습니다. 이는 웹사이트에 현대적이고 깔끔한 미학을 만들고자 하는 기업이나 개인에게 특히 매력적일 수 있습니다.
WordPress에서 페이지 제목이 절대 숨겨지지 않는 이유
블로그 트래픽의 99% 이상이 자연 검색 결과에서 발생합니다. 누군가가 특정 주제에 대한 정보를 검색할 때, 검색 결과에서 해당 블로그 기사의 헤드라인을 보고 클릭합니다.
블로그 게시물의 헤드라인은 방문자가 올바른 위치에 왔으며 웹사이트에 원하는 정보가 있음을 확신시켜 줍니다.
제목 없이 홈페이지에 접속하면 오해가 생길 수 밖에 없습니다.
누군가가 동시에 여러 검색결과 탭을 본 다음 가장 관련성이 높은 정보가 있는 탭으로 되돌아가는 것과 유사합니다. 방문자가 제목이 없는 페이지를 보았을 때 왜 우리 웹사이트를 처음 클릭했는지 기억하는 것은 훨씬 더 어려울 것입니다.
페이지 제목은 헤드라인 역할을 하여 당사의 자료를 경쟁사와 차별화합니다. 청중이 검색하는 내용과 일치한다고 해도 반드시 매력적인 헤드라인이 되는 것은 아닙니다.
독자의 관심을 끌고 첫인상을 넘어 웹사이트에 머물게 하려면 제목이 중요한 역할을 합니다.
WordPress를 사용하여 페이지 제목을 숨기는 것이 합리적입니다.
개인이 WordPress에서 페이지 이름을 숨기려고 하는 데에는 몇 가지 이유가 있습니다. 비록 그렇게 하지 않더라도 말이죠.
가장 일반적인 원인은 다음과 같습니다.
모든 픽셀이 중요한 랜딩 페이지에는 헤드라인이 많은 공간을 차지합니다.
페이지의 내용과 목적을 고려할 때 제목은 필수가 아닙니다.
탐색경로 탐색, 탐색 메뉴 및 웹사이트의 다른 위치에 있는 정보를 반복하기 때문에 제목이 불필요합니다.
디자이너는 제목이 옳지 않은 것 같아서 묻기를 원했습니다.
마지막 요점. 또한 매우 중요합니다.
제목이 '없는' 것처럼 보이는 웹페이지는 숨겨져 있을 뿐인 경우가 많습니다.
이 페이지에서는 제목이 거의 제거되지 않습니다.
숨기기와 페이지 제목 제거 비교
이상하게도 WordPress에서는 페이지 제목을 완전히 삭제하는 것이 간단합니다. 이는 사실상 결코 현명한 결정이 아닙니다.
WordPress를 사용하여 페이지 제목을 삭제하는 경우:
검색 엔진은 페이지의 목적이나 검색 결과에서 웹 사이트의 제목을 무엇으로 지정할지 결정할 수 없습니다. 더 나쁜 것은 검색 엔진이 자료를 잘못 해석하여 잘못된 사용자에게 표시할 수 있다는 것입니다.
사람이 읽을 수 있는 제목을 페이지 URL에 할당하는 대신 WordPress는 임의의 정수를 사용합니다. 이를 변경할 수 있지만 더 많은 노력이 필요하며 페이지 수가 많은 경우 WordPress 관리자에서 제목 없이 페이지를 유지 관리하는 것이 빠르게 지루해질 수 있습니다.
화면 판독기는 제목을 표시하지 않으므로 이에 의존하는 사람들이 자료에 대한 접근성이 떨어집니다.
WordPress를 사용하여 제목을 숨기는 경우:
제목은 검색 엔진에 계속 표시됩니다. 그들은 자료의 주제를 이해하고, 검색 결과에 제목을 표시하고, 적절한 청중을 귀하의 콘텐츠로 안내합니다.
WordPress에서는 여전히 제목을 볼 수 있으므로 게시물에 일반적이고 읽을 수 있는 제목이 제공됩니다. 각 기사마다 고유한 제목이 있으므로 구성을 유지하는 것이 훨씬 더 간단합니다.
스크린 리더를 사용하는 사람들은 여전히 제목을 볼 수 있기 때문에 귀하의 정보에 더 쉽게 접근할 수 있습니다.
WordPress에서 제목을 숨기면 제목을 삭제하는 것과 동일한 목적을 달성하지만 많은 번거로움을 덜 수 있습니다.
그렇다면 왜 타이틀을 빼야 할까요?
솔직히 말해서, 우리는 이 일을 하는 타당한 근거를 찾기가 어렵습니다.
제목을 제거하는 것이 숨기는 것보다 쉽지만 둘 다 가치가 있습니다.
WordPress 페이지 제목 숨기기를 위한 가장 간단한 방법 웹 사이트에 약간의 사용자 정의 코드를 추가하는 것이 불가능하다고 생각되면 단 한 번의 클릭으로 페이지 이름을 숨길 수 있는 플러그인을 설치할 수 있습니다.
WordPress 사용자가 많은 페이지에서 제목을 숨기려는 경우 이것이 우리가 제안하는 솔루션입니다.
숨겨야 할 제목이 많으면 노련한 웹 개발자라도 플러그인을 활용하기로 선택할 것입니다.
조직을 유지하는 것이 훨씬 간단합니다. 게다가 특정 헤드라인을 표시하거나 숨기기 위해 CSS 스타일시트를 자주 변경해야 하는 경우 "간단한" 코드 수정이 번거로워집니다. 이 경우 플러그인이 최선의 선택이 됩니다.
60,000개가 넘는 활성 설치를 통해 페이지 및 게시물 제목 숨기기를 제안합니다. 사용할 수 있는 다른 대안이 있지만 이 대안은 한동안 사용되어 왔으며 높이 평가됩니다.
플러그인을 사용하지 않고 WordPress 페이지 제목 숨기기
이 전략을 사용하려면 웹사이트에 약간의 코드를 추가해야 합니다.
웹사이트를 개발한 적이 없거나 HTML이나 CSS로 작업한 적이 없더라도 걱정하지 마세요.
이 작업을 수행하는 것은 매우 간단합니다.
우리는 매우 기본적인 코드 몇 줄을 복사하여 웹페이지에 붙여넣는 방법에 대해 논의하고 있습니다.
또한 WordPress 대시보드에서 바로 모든 작업을 수행할 수 있으므로 이러한 사소한 변경으로 인해 웹 사이트의 내용이 손상될 가능성은 없습니다.
변경하기 전에 WordPress 사이트의 백업을 생성하세요. 일반적으로 웹사이트의 백엔드를 조작하기 전에 이 작업을 수행하는 것이 좋습니다.
모든 페이지 제목을 숨기는 방법
모든 페이지 제목을 숨기려면 테마를 수정해야 합니다.
1. WordPress 대시보드를 엽니다.
2. 대시보드 왼쪽 탐색 메뉴에서 모양 위로 마우스를 가져갑니다. 사용자 정의가 표시되면 이를 선택합니다.
3. WordPress Theme Customizer를 사용하여 추가 CSS 옵션을 선택합니다.
4. CSS 편집기에서 다음 코드를 추가합니다.
.page .entry-title { 디스플레이: 없음; }
5. 게시를 클릭합니다.
제목을 숨기는 것이 가장 좋습니다.
본질적으로 이 코드 수정은 브라우저가 웹 사이트의 모든 페이지에 있는 제목에 대해 아무 것도 표시하지 않도록 지시합니다.
제목은 WordPress 대시보드에 계속 표시되며 CSS “display: none”으로 표시된 텍스트는 Google과 같은 검색 엔진에서 계속 읽을 수 있습니다. 검색 엔진이 귀하에게 불이익을 주는 것에 대해 걱정할 필요가 없습니다.
제목은 아직 그대로입니다. 웹 사이트에는 표시되지 않습니다.
이 CSS 조각으로 제목을 숨길 수 없다면 WordPress 테마가 일반적인 "항목 제목"과 다른 페이지 제목 이름을 사용하기 때문일 수 있습니다.
이는 적용한 사용자 정의 코드가 페이지 제목 요소를 숨기지 않고 잘못된 "클래스"를 목표로 하고 있음을 나타냅니다.
제공한 CSS 코드는 페이지 제목과 관련된 "클래스"를 결정한 후 적절한 콘텐츠를 숨깁니다.
브라우저에 내장된 검사 도구를 사용하면 클래스가 무엇인지 확인할 수 있습니다.
1. 제목을 숨기려면 제목을 마우스 오른쪽 버튼으로 클릭하세요.
2. 드롭다운 옵션에서 검사를 선택합니다.
3. 페이지 제목을 나타내는 요소를 찾습니다(
…
).
모든 블로그 제목을 눈에 띄게 만드는 방법
약간 수정된 코드 조각을 사용하여 모든 웹사이트 페이지가 아닌 블로그 게시물의 제목을 숨기고 이전과 동일한 방법을 따르기만 하면 됩니다.
1. WordPress 대시보드를 엽니다.
2. 대시보드 왼쪽 탐색 메뉴에서 모양 위로 마우스를 가져갑니다. 사용자 정의가 표시되면 이를 선택합니다.
3. WordPress Theme Customizer를 사용하여 추가 CSS 옵션을 선택합니다.
.post .entry-title { 디스플레이: 없음; }
4. 게시를 선택하세요
이렇게 하면 모든 블로그 게시물 제목이 블로그에서는 숨겨지지만 다른 페이지 유형에서는 계속 액세스할 수 있습니다.
작동하지 않으면 테마가 제목에 "entry-title" 이외의 클래스를 사용하고 있을 수 있습니다. 브라우저의 검사 도구를 사용하여 올바른 클래스를 찾았으면 이를 사용자 정의된 CSS로 바꾸세요.
단일 페이지를 숨길 수 있는 방법
이전과 동일한 단계를 사용하되 페이지 ID를 포함하도록 코드 조각을 변경합니다. 이런 방식으로 한 페이지의 제목만 가려집니다.
1. WordPress Theme Customizer에서 추가 CSS 옵션을 선택합니다.
2. CSS 편집기에 다음 코드를 추가합니다.
.page-id-0123 .entry-title { 디스플레이: 없음; }
3. 게시를 선택합니다.
해당 코드를 추가하되 샘플 '0123' 페이지 ID 대신 웹사이트의 실제 페이지 ID를 사용하세요.
WordPress 대시보드에서 페이지 제목 위로 커서를 가져가면 ID 번호가 표시됩니다.
페이지 ID는 화면 하단에 링크 URL의 일부로 표시됩니다.