WordPress 블로그 개선: 사용자 정의 작성자 페이지 만들기 – Gravatar 블로그의 번역입니다.
작성자 페이지에는 게시물을 작성, 편집 또는 기여한 사람에 대한 정보가 포함되어 있습니다. 여기에는 일반적으로 이름, 사진, 짧은 약력, 소셜 미디어 링크 및 동일한 도메인에 게시된 모든 게시물 목록과 같은 항목이 포함됩니다.
블로그가 있는 경우 일반적으로 항상 전담 작성자와 함께 할 페이지를 두는 것이 좋습니다. 이것은 여러 가지 이유로 중요하지만 주요 이유 중 하나는 콘텐츠의 신뢰성을 즉시 향상시킨다는 점입니다. 이름이 없는 익명의 사용자보다 신뢰할 수 있는 소프트웨어 엔지니어가 작성한 기술 문서를 읽는 것이 더 낫습니다!
작성 페이지는 사용자가 콘텐츠를 읽고 상호 작용하도록 장려할 뿐만 아니라(콘텐츠 뒤에 실제 사람이 있다는 것을 알기 때문에) E-E-A-T(Expertise/전문지식, Experience/경험, Authoritativeness/권위, Trustworthiness/신뢰성)와 함께 검색 엔진 순위를 향상시키는 데에도 큰 도움이 됩니다.
이제 작성자 페이지가 얼마나 중요한지 확신하게 되었으니 궁금한 점이 있을 것입니다: “작성자 페이지를 더 보기 좋고 매력적으로 보이게 하기 위해 사용자 정의할 수 있는 방법이 있을까요?”
물론이죠!
이를 돕기 위해 WordPress에서 작성자 템플릿을 사용자 정의하는 다양한 방법을 살펴보고, 사용자 정의 페이지를 만들고, 템플릿 태그를 사용하며, Gravatar와 같은 도구를 활용하여 작성자 페이지를 한 단계 끌어올리는 방법을 보여주는 이 유용한 가이드를 만들었습니다.
기본 작성자 템플릿 사용자 지정 vs. 사용자 지정 페이지 만들기
작성자 페이지를 개선하는 방법에는 두 가지 주요 접근 방식이 있습니다: 기본 작성자 페이지 템플릿을 사용자 정의하는 것과 사용자 정의 작성자 페이지를 처음부터 만드는 것입니다.
두 가지 방법을 모두 살펴보겠습니다.
기본 작성자 템플릿 사용자 정의
이에 대해 자세히 알아보기 전에 게시물 작성자와 WordPress에 존재하는 ‘작성자’ 사용자 역할 사이에는 차이가 있다는 점을 언급하는 것이 중요합니다. 엄밀히 말하면, 블로그 게시물의 작성자는 관리자, 편집자, 기여자 및 작성자가 될 수도 있습니다. 따라서 우리가 작성자를 언급할 때는 특정 콘텐츠를 작성한 모든 사람을 의미한다는 점을 고려하세요.
이제 기본 작성자 페이지로 들어가 보겠습니다. 여기에 포함된 정보는 특정 사용자 프로필의 데이터로, 다음과 같습니다:
이름, 웹사이트, 자기소개(약력, 바이오)와 같은 정보를 추가할 수 있으며, 특정 Gravatar 프로필에 연결된 프로필 사진도 추가할 수 있습니다. Gravatar 프로필이 없는 경우 프로필 사진은 미스터리 인물로 표시됩니다.
프론트 엔드(앞면)에서 작성자 페이지는 당신이 선택한 테마에 따라 다르게 표시됩니다. 예를 들어, Bloghash WordPress 테마를 사용하면 이렇게 표시됩니다:
기본 작성자 템플릿을 사용자 정의하는 것은 사소한 변경사항에 적합하며 WordPress 사이트 전체에서 일관된 디자인을 유지하는 데 적합합니다. 템플릿 태그를 활용하면 추가 플러그인이나 커스텀 코드 없이도 사용 중인 테마와 관계없이 기본 템플릿을 수정할 수 있습니다.
기본 템플릿을 사용자 정의하면 다음과 같은 이점이 있습니다.
- 구현의 용이성: 기존 템플릿을 변경하는 것은 비교적 간단하며 광범위한 기술 지식이 필요하지 않습니다.
- 통일된 디자인 유지: 기본 템플릿으로 작업하면 작성자 페이지가 사이트 디자인의 나머지 부분과 매끄럽게 조화를 이루도록 할 수 있습니다.
그러나 이 접근방식에는 몇 가지 제한 사항이 있습니다:
- 유연성이 떨어집니다: 기본 템플릿을 사용자 정의하는 것은 사용자 정의 작성자 페이지를 처음부터 만드는 것만큼 유연하지 않을 수 있습니다. 템플릿에 이미 있는 구조와 요소로 제한됩니다.
- 테마 업데이트와 충돌할 가능성이 있습니다: 테마가 작성자 템플릿을 수정하는 업데이트를 받으면 사용자 정의 내용을 덮어쓰게 되어 다시 적용해야 할 수 있습니다.
이러한 제한 사항에도 불구하고 기본 작성자 템플릿을 사용자 정의하는 것은 WordPress 사이트 전체에서 일관된 디자인을 유지하면서 그들의 작성자 페이지를 약간 개선하려는 사용자에게 빠르고 효과적인 솔루션이 될 수 있습니다.
사용자 정의 작성자 페이지 만들기
사용자 정의 작성자 페이지를 사용하면 디자인, 정보의 양 및 표시 방법을 완전히 제어할 수 있으며 사용자 참여를 위한 추가 기회도 제공됩니다. 이 페이지에는 특정 사용자에게 연결되는 별도의 페이지가 생성되며 해당 사용자의 이름을 클릭하면 해당 페이지가 표시됩니다.
기본 작성자 페이지와 달리 백엔드의 정보 필드에 제한을 받지 않고 거의 모든 것을 추가할 수 있습니다. 예를 들어 게스트 글 기여, 고객 추천글, 서비스에 대한 추가 정보, 기부 블록, 공유 버튼 등에 대한 사용자 정의 링크를 포함할 수 있습니다.
이러한 페이지의 유일한 단점은 설정 및 유지 관리에 더 많은 노력이 필요하며, 목표에 따라 기술 지식이나 외부 도구 및 플러그인이 필요할 수 있다는 것입니다. 하지만 그만한 가치가 있습니다.
템플릿 태그를 사용하여 작성자 템플릿을 사용자 정의하는 방법
WordPress 블로그의 디자인은 사용 중인 테마에 의해 정의되며, 테마는 다양한 템플릿으로 구성됩니다. 동적 콘텐츠를 가져오고 표시하기 위해 WordPress에 내장된 템플릿 태그 PHP 함수(기능)를 사용하여 블로그를 사용자 정의하고 페이지를 원하는 대로 정확하게 표시할 수 있습니다.
다음 섹션에서는 코드 스니펫(조각)을 포함하여 작성자 페이지 사용자 정의를 위해 템플릿 태그를 사용하는 프로세스를 안내합니다.
author.php 파일 만들기
첫 번째 단계는 테마 디렉토리에 author.php 파일이 있는지 확인하고 그렇지 않은 경우 파일을 만드는 것입니다. 이 파일은 작성자 페이지의 레이아웃과 내용을 사용자 지정하는 데 사용할 파일입니다.
작성자 정보에 대한 기본 템플릿 태그
작성자 정보에 액세스하는 데 사용할 수 있는 몇 가지 태그는 다음과 같습니다.
the_author_meta(): 작성자 정보를 간단히 표시하려면 이 함수를 사용합니다.get_the_author_meta(): 값을 반환하고 변수에 저장하려는 경우 사용합니다. 요청할 수 있는 값에는admin_color, first_name, last_name, user_url,그리고nickname이 포함됩니.get_the_author_posts(): 현재 작성자의 총 게시물 수를 검색하려면 이 함수를 사용합니다.
템플릿 태그를 HTML 및 CSS와 결합
아래 예시와 같이 echo 명령을 사용하여 웹사이트의 프론트엔드에 이 데이터를 표시할 수 있습니다.
<div class="author-info">
<h2>About the Author</h2>
<p><strong>Name:</strong> <?php echo get_the_author_meta ('display_name'); ?></p>
<p><strong>Email:</strong> <?php echo get_the_author_meta ('user_email'); ?></p>
<p><strong>Bio:</strong> <?php echo get_the_author_meta ('description'); ?></p>
</div>조건문 사용
is_author 함수는 조건부 논리를 도입하여 페이지에 작성자가 있는지 확인하고 작성자가 있는 경우 해당 정보를 표시할 수 있습니다. 다음 형식을 사용합니다:
<?php if ( is_author() ) : ?>
// Your code here if it returns true
<?php endif; ?>이 방법은 랜딩 페이지와 블로그 게시물이 동일한 구조를 갖는 매우 간단한 URL 구조를 가진 사이트에 이상적입니다.
이를 get_the_author_meta() 명령과 함께 페어링하여 사용하면 위와 같이 작성자의 ID를 검색하여 프론트엔드에 해당 정보를 표시할 수 있습니다.
Gravatar 통합을 통해 WordPress에서 사용자 정의 작성자 페이지 구축하기
Automattic에서 구축한 서비스인 Gravatar는 최소한의 노력으로 웹사이트에서 기능이 풍부하고 동적인 작성자 페이지를 만들 수 있는 강력한 솔루션을 제공합니다. WordPress는 이미 동일한 이메일로 로그인한 사용자의 Gravatar 프로필 사진을 사용하고 있지만 Gravatar의 Profiles-As-a-Service REST API를 활용하여 전체 사용자 프로필을 가져오고 완전히 사용자 정의된 작성자 페이지를 생성함으로써 이러 통합을 한 단계 더 발전시킬 수 있습니다.
예를 들어, 저(로니)가 작성한 모든 블로그 게시물에는 제 Gravatar 페이지로 연결되는 링크가 있습니다.
이것은 사람들이 내 이름을 클릭하면 나에 대한 모든 중요한 정보를 입력한 내 그라바타 프로필로 리디렉션 되도록 하기 위한 것입니다.
그러나 Gravatar 통합의 이점은 단순히 작성자의 Gravatar 페이지에 링크하는 것 이상의 의미가 있습니다. Profiles-As-A-Service REST API를 활용하면 웹사이트에 Gravatar에서 직접 가져온 정보를 표시하는 사용자 지정 작성자 페이지를 만들 수 있습니다. 여기에는 몇 가지 장점이 있습니다:
- 자동으로 동기화된 작성자 데이터: 새로운 작성자 또는 기여자가 Gravatar 프로필로 사이트에 가입하면 모든 데이터를 자동으로 가져옵니다. 여기에는 이름, 위치, 직책, 대명사, 약력, 다른 작업에 대한 중요한 링크, 검증된 소셜 미디어 계정 및 연락처 정보가 포함됩니다. 이렇게 하면 모든 사람, 특히 작성자가 전체 정보를 처음부터 입력할 필요가 없기 때문에 프로세스를 간소화할 수 있습니다.
- 간소화된 작성자 페이지 생성: Gravatar의 API를 사용하면 미리 채워진 데이터에 액세스할 수 있으므로 수동으로 정보를 수집할 필요 없이 사용자 정의 작성자 페이지를 빠르게 구축할 수 있습니다. 모든 것이 원활하게 진행됩니다.
- 데이터 일관성: 사용자 정의 작성자 페이지는 Gravatar 프로필에 연결되어 있으므로 Gravatar에서 작성자 정보를 변경하면 웹사이트에 자동으로 반영됩니다. 따라서 관리자와 IT 지원팀이 작성자 정보를 지속적으로 수동으로 업데이트할 필요가 없습니다.
- 사전 검증된 작성자 정보: Gravatar는 연결된 소셜 미디어 계정 및 결제 링크와 같은 특정 사용자 데이터를 검증하고 심사합니다. 이렇게 하면 작성자가 자신이 주장하는 사람임을 보장할 수 있으므로 독자가 작성자와 더 쉽게 연결할 수 있고 기사의 신뢰성과 정확성이 향상됩니다.
따라서 Gravatar를 활용하여 사용자 정의 작성자 페이지를 구축하려면 개발자용 설명서를 확인하세요.
Jetpack 및 Gravatar로 WordPress Author Box 사용자 정의
작성자 프로필의 가장 중요한 부분 중 하나는 bio(약력)입니다 – 이는 기사에 신뢰성을 부여하고 독자가 더 많은 게시물을 확인하거나 저자와 연결되도록 유도하는 것입니다. 잘 작성되었는지 확인하는 것 외에도 Jetpack 플러그인과 Gravatar 호버카드 통합을 통해 바이오의 디자인을 더욱 향상시킬 수 있습니다.
Jetpack으로 작성자 정보 사용자 정의하기
Jetpack에는 작성자 페이지에 새로운 기능을 사용자 정의하고 추가할 수 있는 많은 추가 기능이 포함되어 있습니다.
먼저, Gravatar와 완전히 통합되어 작성자 정보를 가져와 자동으로 업데이트합니다. 또한, WordPress 프로필에서 직접 가져온 모든 정보와 함께 단일 게시물 페이지에 작성자의 이름과 약력 또는 Gravatar 프로필을 표시할 수 있습니다.
이 예에서는 블로그 게시물 옆의 사이드바에 Gravatar 프로필 위젯을 추가했습니다.
Gravatar 호버 카드를 활성화하면 사람들이 마우스로 프로필을 가리키면 프로필의 미니 버전이 호버 카드로 표시됩니다.
이 예에서는 다음과 같이 표시됩니다.
Jetpack > 설정 > 토론으로 이동한 다음 “댓글 작성자의 Gravatars를 통해 팝업 명함 사용“이라는 옵션을 활성화하여 쉽게 활성화할 수 있습니다.
특히 Jetpack 위젯과 함께 다른 많은 사용자 지정 옵션이 있습니다. 그래도 독자에게 부담을 줄 수 있으므로 단순하게 유지하고 너무 많은 요소로 페이지를 어지럽히지 않는 것이 좋습니다. 언제나 그렇듯이 균형이 핵심입니다.
멋진 사용자 정의 작성자 페이지로 WordPress 사이트를 변환하십시오.
사용자 정의 작성자 페이지는 작성자의 전문성을 보여주고, 독자와의 연결을 촉진하며, 사용자 경험을 향상시키는 데 필수적입니다. WordPress에서 사용자 정의 작성자 페이지를 만드는 방법에는 다양한 접근 방식이 있지만, Gravatar의 Profiles-As-a-Service REST API와 통합하는 것이 가장 효율적이고 효과적인 솔루션입니다.
Gravatar의 API를 활용하면 시간과 노력을 절약하고, 데이터 정확성과 일관성을 보장하며, 원활한 사용자 경험을 제공하고, 블로그의 SEO 및 E-E-A-T를 향상시킬 수 있습니다. Gravatar를 WordPress 웹사이트와 통합하여 보다 연결되고 개인화된 사용자 경험을 향한 여정을 시작하는 방법에 대해 자세히 알아보세요.
