WordPress 사이트 태그라인 블록을 사용하는 방법

사이트 태그라인 블록은 WordPress를 사용하기 쉽게 만드는 많은 유용한 블록 중 하나입니다. 이를 통해 사이트의 태그라인을 사이트 어디에나 추가하고 내장된 스타일 옵션을 사용하여 사용자 정의할 수 있습니다. 이 기사에서는 사이트 태그라인 블록을 웹사이트에서 효과적으로 사용할 수 있도록 사이트 태그라인 블록에 대해 알아야 할 모든 사항에 대해 설명합니다.

사이트 태그라인 블록이란 무엇입니까?

사이트 태그라인(사이트 제목과 함께)은 일반적으로 WordPress를 처음 설치할 때 추가되며 대시보드의 일반 설정에서 찾을 수 있습니다. 슬로건은 귀하의 사이트가 무엇인지에 대한 보다 적절한 요약과 함께 기본 "Just another WordPress Site"에서 업데이트되어야 합니다. 백엔드에서 웹사이트의 태그라인을 변경하려면 설정 > 일반으로 이동할 수 있습니다.

사이트 태그라인 블록은 WordPress의 테마 블록으로 사이트의 어느 위치에나 동적 콘텐츠로 사이트 태그라인을 쉽게 추가할 수 있습니다. 블록을 페이지, 템플릿 또는 머리글로 드래그하고 원하는 대로 사용자 지정할 수 있습니다. 이것은 WordPress에서 전체 사이트 편집과 함께 도입된 많은 블록 중 하나입니다.

게시물 또는 페이지에 사이트 태그라인 블록을 추가하는 방법

이 예에서는 Twenty Twenty-Two 테마를 사용하여 템플릿의 헤더 영역에 사이트 태그라인을 추가합니다. WordPress 대시보드에서 모양 > 편집기로 이동합니다.

사이트 태그라인 블록을 추가하려면 페이지 템플릿을 편집할 때 블록 삽입기 아이콘을 클릭하여 시작하십시오.

여기에서 검색 표시줄에서 사이트 태그라인 을 검색할 수 있습니다.

그것을 클릭하거나 원하는 위치로 드래그하여 페이지에 블록을 추가하십시오.

/tagline 을 입력하여 사이트의 태그라인을 페이지에 빠르게 추가할 수도 있습니다.

사이트 태그라인 블록 설정 및 옵션

도구 모음 설정

블록 위로 마우스를 가져가면 다음 옵션이 포함된 서식 메뉴가 표시됩니다.

1. 블록을 다른 유형의 요소로 변환
2. 텍스트 정렬 변경
3. 추가 세팅.

다음은 각 옵션이 서식 지정 도구 모음 내에서 어디에 있는지 보여 주는 빠른 치트 시트입니다.

추가 세팅

도구 모음 오른쪽에 있는 세 개의 수직 점을 클릭하고 더 많은 설정 표시 또는 오른쪽 상단 모서리에 있는 톱니 를 선택하면 사이드바에 액세스하여 사용 가능한 추가 블록 설정을 볼 수 있습니다.

이 측면 패널에서 추가 설정을 볼 수 있습니다. 먼저 사용 가능한 색상 설정을 살펴보겠습니다.

1. 텍스트 색상을 변경합니다.
2. 텍스트의 배경색을 변경합니다.

색상 섹션 아래의 타이포그래피 옆에 있는 세 개의 세로 점을 클릭하여 글꼴, 모양(굵게, 기울임꼴 등), 줄 높이, 문자 간격, 장식(밑줄, 취소선) 및 문자 대소문자를 변경할 수도 있습니다.

글꼴 설정 섹션에서 글꼴 을 변경할 수 있습니다.

크기 설정에서 글꼴 크기 를 조정합니다.

글꼴 두께 (굵게, 얇게 등)는 모양 섹션에서 변경할 수 있습니다.

각 섹션에서 글자 간격과 줄 높이 를 조정할 수도 있습니다.

대소문자 설정에서는 사이트 태그라인 블록의 대소문자 를 조정할 수 있습니다.

장식 섹션에서 해당 옵션을 선택하여 사이트 태그라인에 밑줄 을 긋거나 취소선 을 그을 수 있습니다.

설정 섹션 아래에서 사이트 태그라인 블록의 여백과 여백을 조정할 수 있는 크기 탭을 찾을 수 있습니다.

WordPress에서 사이트 태그라인 블록의 전체 스타일 변경

앞에서 언급했듯이 실제 WordPress 사이트 태그라인(텍스트 콘텐츠)은 블록의 모든 상호 작용에 대해 사이트 태그라인 블록을 사용하여 동적으로 업데이트할 수 있습니다. 그러나 블록의 기본 전역 스타일을 변경하지 않는 한 블록의 스타일(배경색, 텍스트 색상 등)은 모든 상호 작용에 적용되지 않습니다.

예를 들어 아래에서 헤더에 있는 사이트 태그라인 블록의 배경색을 파란색으로 조정했습니다.

블로그 게시물을 열면 새 스타일(1)로 헤더가 변경되는 것을 볼 수 있지만 사이트 태그라인 블록을 페이지의 다른 위치에 배치하면(2) 스타일이 해제됩니다.

사이트 전체에서 WordPress 웹사이트의 모든 사이트 태그라인 블록의 스타일을 변경하려면 템플릿 편집기의 오른쪽 상단에 있는 반은 흰색, 반은 검은색 원 을 클릭하고 블록 을 선택하여 스타일 탭으로 이동할 수 있습니다.

여기에서 검색창에 "사이트 태그라인"을 검색하고 선택합니다.

여기에서 웹사이트에서 사이트 태그라인 블록의 모든 현재 및 향후 반복에 대한 기본 스타일을 변경하는 변경을 수행할 수 있습니다.

물론 필요에 따라 개별 블록에 대해 이러한 전역 스타일을 항상 재정의할 수 있습니다.

사이트 태그라인 블록에 대해 자주 묻는 질문

다음은 사이트 태그라인 블록을 더 잘 이해하는 데 도움이 되는 몇 가지 FAQ입니다.

내 웹사이트에 사이트 태그라인이 필요합니까?

전적으로! 사이트 제목과 마찬가지로 사이트 태그라인은 웹사이트의 정체성과 목적을 정의하는 데 도움이 됩니다. 가장 중요한 것은 슬로건이 SEO에 도움이 된다는 것입니다. 특히 SERP에 표시되는 경우 검색 엔진에서 사이트 순위를 매기는 데 사용됩니다. 머리글에 태그라인을 표시하지 않도록 선택하더라도 설정 > 일반 에서 태그라인을 만드는 것은 여전히 ​​SEO를 위한 좋은 방법입니다.

사이트 태그라인 블록을 어디에 사용해야 합니까?

일반적으로 사이트 태그라인은 주로 보이지 않는 곳에서 사용됩니다. 그러나 머리글이나 바닥글에 추가하는 것이 일반적입니다. 방문자가 사이트에 대한 정보를 알 수 있도록 사이트 로고 블록 또는 사이트 타일 블록 옆에 배치할 수 있습니다.

내 사이트 태그라인 블록에 사용자 정의 CSS를 추가할 수 있습니까?

추가 설정 사이드바의 차원 섹션에서 고급 섹션 을 볼 수 있습니다. 여기서 CSS 클래스를 블록에 추가하여 CSS 스타일시트의 블록을 대상으로 지정하거나 필요에 따라 테마의 추가 CSS 영역을 사용할 수 있습니다.

CSS 편집기에 액세스하려면 모양 > 추가 CSS 로 이동합니다.

Divi에서 동적 사이트 태그라인 추가

Divi Theme Builder를 사용하여 간단한 몇 단계만으로 전체 머리글에 사이트 태그라인을 추가할 수 있습니다. Divi Theme Builder 에서 Global Header 옆에 있는 편집 버튼을 클릭하여 시작할 수 있습니다. 이 자습서에서는 미리 만들어진 템플릿을 사용하고 있지만 이 단계는 모든 테마에서 작동합니다.

다음으로 헤더에 새로운 클릭 유도문안 모듈을 추가합니다.

그런 다음 신체 부위 위로 마우스를 이동하고 " 동적 콘텐츠 사용 " 아이콘을 선택합니다. 그런 다음 목록에서 " 사이트 태그라인 "을 선택합니다.

자세한 내용은 Divi에서 동적 제목 및 태그라인을 추가하는 방법에 대한 자습서를 확인하십시오.

결론

사이트 태그라인 블록을 사용하면 사이트 전체에서 표시할 위치를 완전히 제어할 수 있습니다. WordPress 편집기에서 사용할 수 있는 기본 제공 블록 설정을 사용하여 디자인에 맞게 블록을 쉽게 추가, 편집 또는 스타일 지정할 수 있습니다. 사이트의 머리글, 바닥글 또는 원하는 위치에 아름다운 태그라인을 추가하는 데 사용하십시오.

WooCommerce 블록 및 블록 패턴에 대한 자습서에 관심이 있을 수도 있습니다.

WordPress 사이트 태그라인 블록에 대해 궁금한 점이 있으면 댓글로 알려주세요!