WordPress 게시물에 작성자 약력을 추가하는 방법

게시 됨: 2016-09-01

훌륭한 글쓰기에는 많은 시간과 노력과 기술이 필요하다고 주장하는 사람은 아무도 없을 것입니다. 따라서 새로운 독자가 블로그에 방문했을 때 누가 콘텐츠를 작성했는지 알고 싶습니까? 화면의 단어와 그 단어를 쓴 작가를 어떻게 연결할까요?

저자 약력은 이에 대한 완벽한 솔루션입니다. 그것은 기사에 약간의 개성을 추가할 수 있고 또한 블로그의 신뢰성을 높일 수 있습니다. 약력이 게시되는 위치에 관계없이(게시 전, 후 또는 게시물 중) 작성자 약력이 있는 것은 모든 블로그에 큰 자산입니다.

작가 약력은 어떻게 만들어지나요?

일부 테마에는 작성자 약력 기능이 자동으로 제공됩니다. 선택한 테마가 그렇지 않은 경우 걱정할 필요가 없습니다. 당신은 항상 그것을 추가할 수 있습니다!

사이트에 작성자 약력을 추가하는 방법에는 두 가지가 있습니다. 기존 플러그인을 사용할 수도 있고, DIY를 더 많이 하는 경우 처음부터 쉽게 플러그인을 만들 수 있습니다. 두 가지 방법(자신만의 플러그인 생성에 대한 자습서 포함)을 모두 다루겠지만 먼저 기존 플러그인부터 시작하겠습니다.

작성자 약력을 만드는 데 사용할 수 있는 플러그인

기존 플러그인을 사용하려는 사용자에게는 훌륭한 옵션이 많이 있습니다. 확인해야 할 몇 가지 사항은 다음과 같습니다.

  • 스타박스
  • 팬시 작가 상자
  • 단순 작성자 상자

플러그인을 선택할 때 일부 플러그인에는 다른 플러그인보다 고급 기능이 있다는 점에 유의해야 합니다. 기존 플러그인을 사용하기로 선택했다고 해서 스타일 지정에 제한이 있는 것은 아닙니다. 종종 CSS를 수정하고 브랜드와 일치하도록 만들 수 있습니다. 그것이 당신이 찾고 있는 것이라면, 당신의 연구를 확실히 하십시오.

WordPress 사용자 및 역할

기존 플러그인을 사용 중이든 직접 만들 계획이든 WordPress 사용자 및 역할을 활용하고 싶을 것입니다.

다음은 5가지 유형의 롤에 대한 간단한 복습입니다.

  • 구독자: 자신의 프로필을 보고 WordPress 사이트의 게시물을 읽을 수만 있으므로 가장 낮은 수준의 액세스 권한입니다.
  • 기고자: 게시물을 작성할 수는 있지만 게시할 수는 없습니다. 게스트 작가의 경우 이상적인 액세스 수준입니다.
  • 작성자: 게시물 작성 및 게시를 완전히 제어할 수 있는 기고자 위의 액세스 수준입니다.
  • 편집자: 그들은 자신의 게시물을 작성하고 자신의 게시물을 관리할 수 있을 뿐만 아니라 모든 작성자의 사이트에 있는 모든 게시물을 관리할 수 있습니다. 이는 콘텐츠 관리자의 일반적인 액세스 수준입니다.
  • 관리자: 이 사용자는 사이트를 완전히 제어할 수 있으므로 테마 변경, 플러그인 추가 및 삭제, 게시물 작성, 게시물 읽기, 게시물 삭제, 작성자 추가 및 제거 등을 수행할 수 있습니다. 수행해야 하는 모든 작업에는 액세스 권한이 있습니다. 하는 수준입니다.

이제 다양한 사용자 역할을 다루었으므로 액세스 수준에 관계없이 작성자 약력에 게시물 작성자가 표시된다는 점에 유의하는 것이 중요합니다. 개인 사이트에 작성자 약력을 추가하는 경우 관리자일 가능성이 높으므로 이에 대해 걱정할 필요가 없습니다. 다중 작성자 블로그를 구축하는 경우 작성자가 구독자로 설정되지 않았는지 확인하여 게시물 작성에 액세스할 수 있습니다.

바이오 추가

사용자를 설정한 후 약력을 작성하려면 사용자 설정을 수정하기만 하면 됩니다(또는 관리자가 사용자를 대신하여 이 작업을 수행할 수 있음). 사용자 > 귀하의 프로필로 이동하십시오. 약력, 웹사이트 등과 같이 채울 수 있는 필드가 표시됩니다. 추가 정보가 많을수록 웹사이트의 작성자 약력에서 더 많은 사용자가 볼 수 있습니다.

저자 바이오 워드 프레스 사용자 바이오 정보

나만의 작성자 바이오 플러그인 만들기

플러그인을 빌드하기 전에 언급해야 할 한 가지 – 이 모든 작업은 테스트 사이트에서 수행해야 합니다. 개발 환경을 설정하는 데 도움이 필요한 경우 MAMP를 시작하는 방법에 대한 단계별 지침을 따르십시오.

이제 시작하겠습니다!

1. 플러그인 디렉토리에 새 폴더를 만듭니다. 예: /wp-content/plugins/mysite-plugin/

저자 바이오 워드 프레스 플러그인 폴더 시작

2. 원하는 텍스트 편집기를 열고 빈 파일을 만들고 mysite-plugin.php 로 저장합니다.

작성자 바이오 워드프레스 플러그인 php 파일

3. mysite-plugin.php 파일(주석 및 PHP 태그 포함)에 다음 코드를 입력합니다.

<?php

/*

Plugin Name: Author Bio for mysite.com

Description: Site-specific functions for mysite.com

*/

/* Add Functions Here */

/* Keep Functions Above This */

?>

4. 플러그인 이름 및 설명에 대한 정보를 입력합니다.

저자 바이오 워드 프레스 플러그인 목록
플러그인 목록으로 이동하면 목록에 이 새 플러그인이 표시되어야 합니다.

다음으로 플러그인 파일에 몇 가지 정보를 추가합니다. 완료되면 게시물 아래에 바이오 상자가 나타납니다.

표시할 정보는 다음과 같습니다.

  • 저자 이름
  • 작가의 이미지
  • 저자의 약력
  • 작가의 글 링크
  • 작가의 웹사이트

플러그인에 스니펫 추가

1. 함수 생성

function mysite_author_bio( $content ) {

global $post;

}


전역 변수에 액세스하려면 변수를 "전역화"합니다. 이것이 우리가 $post 를 포함하는 이유입니다. 전역 변수를 선언하면 이 함수의 모든 부분에 액세스할 수 있습니다. "global"이라는 단어를 사용하여 $post 전역 변수에 액세스하고 싶다고 선언하는 것입니다. 이 변수는 현재 게시물 데이터에 대한 다양한 세부 정보를 보유합니다. 이것은 게시물 작성자의 정보를 표시하고 올바른 작성자 이름, 약력, 웹사이트 등을 표시해야 하기 때문에 중요합니다.

2. 전역 게시물 변수 아래에서 자신의 콘텐츠를 추가할 수 있습니다. 닫는 괄호 안에 있는지 확인하십시오. 논리가 포함되도록 작성자가 있는 단일 게시물에만 표시되도록 지정하는 것도 중요합니다.

function mysite_author_bio( $content ) {

global $post;

if ( is_single() && isset( $post->post_author ) ) {

}

}

3. 저자의 이름과 정보를 표시합니다.

function mysite_author_bio( $content ) {

global $post;

if ( is_single() && isset( $post->post_author ) ) {

}

if ( empty( $display_name ) )
$display_name = get_the_author_meta( 'nickname', $post->post_author );

$user_description = get_the_author_meta( 'user_description', $post->post_author );

$user_website = get_the_author_meta('url', $post->post_author);

$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));

if ( ! empty( $display_name ) )

$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';  

if ( ! empty( $user_website ) ) {

$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';
}
 else {
$author_details .= '</p>';
}

}

이 코드 덕분에 작성자가 있는 단일 게시물에 작성자의 이름이 표시됩니다. 우연히 이름을 지정하지 않은 경우 별명을 표시하는 옵션이 있습니다. 이전에 생체 정보를 입력했을 때를 기억하십니까? 여기에 해당 콘텐츠가 표시됩니다. 작성자의 게시물 링크도 포함됩니다. 작성자가 별도의 웹사이트를 가지고 있고 이를 프로필에 입력하면 링크로 표시됩니다.

4. 페이지에 표시되도록 약력 내용에 정보를 전달합니다.

function mysite_author_bio( $content ) {

global $post;

if ( is_single() && isset( $post->post_author ) ) {

	$display_name = get_the_author_meta( 'display_name', $post->post_author );

	if ( empty( $display_name ) )
	$display_name = get_the_author_meta( 'nickname', $post->post_author );

	$user_description = get_the_author_meta( 'user_description', $post->post_author );

	$user_website = get_the_author_meta('url', $post->post_author);

	$user_posts = get_author_posts_url( get_the_author_meta( 'ID' , $post->post_author));

	if ( ! empty( $display_name ) )

	$author_details = '<p class="author_name">' . $display_name . '</p>';

	if ( ! empty( $user_description ) )

	$author_details .= '<p class="author_details">' . get_avatar( get_the_author_meta('user_email') , 90 ) . nl2br( $user_description ). '</p>';

	$author_details .= '<p class="author_links"><a href="'. $user_posts .'">View all posts by ' . $display_name . '</a>';  

	if ( ! empty( $user_website ) ) {

		$author_details .= ' | <a href="' . $user_website .'" target="_blank" rel="nofollow">Website</a></p>';

		} else {
		$author_details .= '</p>';
		}

		$content = $content . '<footer class="author_bio" >' . $author_details . '</footer>';
	}
	return $content;
}

add_action( 'the_content', 'mysite_author_bio' );

remove_filter('pre_user_description', 'wp_filter_kses');

이것은 약력과 함께 아바타 이미지를 보여주는 로직입니다(저자가 프로필에 사진을 포함했다고 가정). 또한 링크와 함께 웹 사이트 URL이 표시됩니다. 이 정보는 게시물 콘텐츠로 전달된 다음 함수와 함께 호출되어 게시물 콘텐츠 아래에 표시됩니다.

5. 아직 수행하지 않았다면 플러그인을 활성화하십시오.

저자 바이오 워드 프레스 활성화 플러그인

여기에서 자체 플러그인을 만들었지만 약간 수정하면 이 튜토리얼의 코드 조각이 functions.php 파일에도 들어갈 수 있다는 점에 유의하는 것이 중요합니다. 테마를 전환할 때 재사용할 수 있도록 플러그인 경로를 선택했습니다.

사용자 정의는 어디로 가야합니까? 테마 또는 플러그인? 여기에서 이에 대한 우리의 생각을 읽어보십시오.

저자 약력 스타일링

이 간단한 코드 스니펫만 있으면 상황이 꽤 괜찮아 보이지만 몇 가지 사용자 지정 스타일을 사용할 수 있습니다. CSS를 조정하면 사물을 완벽하고 세련되게 보이게 할 수 있습니다.

저자 바이오 워드 프레스 시작

먼저 새로운 스타일을 살펴보겠습니다. Chrome 검사기는 현재 상황을 확인할 수 있는 좋은 방법입니다. 마우스 오른쪽 버튼을 클릭하고 검사를 선택하여 Chrome Inspector를 엽니다.

저자 바이오 워드 프레스 검사
저자 바이오 워드 프레스 검사 세부 사항

다음은 스타일시트에 추가할 수 있는 몇 가지 스타일입니다. 이것을 시작점으로 사용한 다음 디자인에 대한 스타일을 조정할 수 있습니다.

.author_bio {
font-family: 'Montserrat', sans-serif;
padding: 15px;
border: 1px solid #ccc;
}

.author_bio .author_name {
font-size: 2.5rem;
font-weight: bold;
text-align: center;
border-bottom: 1px solid #CCC;
}

.author-details {
border: 1px solid #D8D8D8;
}

.author_details img {
border: 6px solid #e85555;
border-radius: 50%;
float: none;
margin: 20px auto;
display: block;
clear: both;
}

.author_bio .author_links {
text-align: center;
}

.author_bio .author_links a {
text-decoration: none;
color: #e85555;
}
저자 바이오 워드 프레스 완성
몇 가지 사용자 정의 스타일로 이 작성자 약력이 수정되었으며 원본과 상당히 다르게 보입니다.

기존 플러그인을 선택했든 직접 만들든 상관없이 콘텐츠 작성자를 표시하는 이 방법에는 많은 유연성이 있습니다. 몇 가지 코드 변경이나 플러그인만 있으면 사이트 게시물에 간단한 작성자 약력을 추가할 수 있습니다. 몇 가지 간단한 단계와 몇 가지 사용자 정의 CSS를 추가하여 작성자를 사이트의 모양과 느낌에 맞게 만들 수 있습니다.

WordPress에 대해 계속 배우기

워드프레스가 처음이신가요? 어서 오십시오! 배울 것이 많지만 곧 WordPress 전문가가 될 수 있도록 천천히 꾸준히 해볼 것입니다. 이 eBook을 마치면 WordPress가 무엇인지, 사용에 대한 기본 사항, 다음에 더 배우기 위해 어디로 가야 하는지 알게 될 것입니다! WordPress의 모든 것을 배울 준비가 되셨습니까?