WordPress 게시물에 작성자 정보 상자를 추가하는 방법

WordPress 게시물에 작성자 바이오 박스를 추가 하시겠습니까? 작성자 바이오 상자는 블로그 작성자에 대한 정보를 표시하고 소셜 미디어 프로필 등을 표시 할 수있는 작은 섹션입니다..


많은 WordPress 테마를 사용하면 기본 WordPress 기능을 사용하여 작성자 바이오를 쉽게 표시 할 수 있습니다. 그러나 일부 테마에는이 기능이 내장되어 있지 않거나 작성자 바이오 섹션을 표시하는 방법을 변경하고자 할 수 있습니다.

이 기사에서는 WordPress 게시물에 작성자 정보 상자를 쉽게 표시하는 여러 가지 방법을 보여줍니다. 또한 저자 바이오를 커스터마이즈하고 더 유용하게 만드는 방법을 보여줄 것입니다.

WordPress 게시물에 작성자 정보 섹션을 쉽게 추가

WordPress에 작성자 정보 상자가 필요한 이유와시기

콘텐츠의 배후에있는 사람을 보면 신뢰도를 높이고 사용자 간의 사이트 권한을 강화할 수 있습니다..

단일 작성자 WordPress 블로그의 경우 내 정보 페이지 만 추가 할 수 있지만 여러 저자 WordPress 사이트의 경우 각 게시물 아래에 작성자 정보 상자를 추가해야합니다..

이를 통해 사용자는 웹 사이트에서 개별 저자에 대해 더 많이 배울 수 있습니다. 또한 더 자주 기여하고 독자와 교류 할 수있는 추가 인센티브를 제공합니다..

더 많은 사용자가 귀하의 웹 사이트에 콘텐츠를 제출하도록하려면 작성자 정보 상자를 통해 노출 및 새로운 잠재 고객을 찾고있는 작가를 유치 할 수 있습니다..

말씀하신대로 WordPress 게시물에 작성자 정보 상자를 쉽게 추가하는 방법을 살펴 보겠습니다..

WordPress 게시물에 작성자 정보 상자 추가

WordPress는 제공하는 유연성 및 사용자 정의 옵션으로 인해 세계 최고의 웹 사이트 빌더입니다..

저자 정보 섹션을 추가하는 데 사용할 수있는 다양한 저자 바이오 플러그인이 있습니다. 기본 WordPress 방법, 두 가지 다른 플러그인 및 코드 방법을 보여줍니다. 이렇게하면 사이트에 가장 적합한 방법을 선택할 수 있습니다.

    방법 1 : WordPress 테마를 사용하여 Author Bio 추가

    WordPress 테마에 각 기사 아래에 작성자 정보 상자가 포함되어 있으면이를 사용하여 저자 정보를 표시 할 수 있습니다..

    그것을 사용하려면 방문해야합니다. 사용자»모든 사용자 페이지. 여기에서 변경하려는 사용자를 편집해야합니다.

    사용자 프로필 편집

    프로필 수정 화면에서 ‘전기 정보’섹션으로 스크롤하여 저자의 바이오 정보를 추가하십시오. 이 필드에서 HTML을 사용하여 작성자의 소셜 미디어 프로필에 대한 링크를 수동으로 추가 할 수도 있습니다..

    사용자 프로필에 author bio 추가

    작성자 프로필 이미지는 Gravatar를 사용하여 가져옵니다. 작성자가 Gravatar 사진을 설정하지 않은 경우 WordPress에서 Gravatar 사진 설정을위한 가이드를 따르도록 요청할 수 있습니다..

    또는 웹 사이트 사용자가 자신의 프로필을 편집하여 사용자 정의 작성자 프로필 사진을 업로드하도록 허용 할 수도 있습니다.

    ‘사용자 업데이트’버튼을 클릭하여 변경 사항을 저장하십시오..

    이제 웹 사이트의 기사를 방문하여 컨텐츠 아래에 WordPress 테마 표시 작성자 바이오 상자를 볼 수 있습니다.

    기본 작성자 정보 상자 미리보기

    방법 2. 플러그인을 사용하여 WordPress에 작성자 정보 상자 추가

    테마에 작성자 정보 상자가 표시되지 않거나 사용자 정의하려는 경우이 방법이 적합합니다..

    이 방법에서는 WordPress 플러그인을 사용하여 WordPress 게시물에 작성자 정보 상자를 추가합니다..

    먼저, Author Bio Box 플러그인을 설치하고 활성화해야합니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

    활성화되면 방문해야합니다 설정»저자 바이오 박스 플러그인 설정을 구성하는 페이지.

    작성자 바이오 박스 설정

    여기에서 작가 사진의 색상, 그라바타 크기 및 작가 바이오 상자를 표시 할 위치를 선택할 수 있습니다.

    완료되면 ‘변경 사항 저장’버튼을 클릭하여 변경 사항을 저장하십시오..

    다음으로 방문해야합니다 사용자»모든 사용자 페이지에서 변경하려는 사용자 아래의 ‘수정’링크를 클릭하십시오..

    사용자 프로필 편집

    프로필 수정 화면에서 ‘연락처 정보’섹션으로 아래로 스크롤해야합니다. 여기에서 저자의 소셜 미디어 프로필에 대한 링크를 추가 할 수 있습니다.

    사용자 프로필에 소셜 미디어 링크 추가

    플러그인은 URL을 입력하는 소셜 네트워크의 아이콘 만 표시합니다.

    그런 다음 ‘전기 정보’섹션으로 스크롤하여 저자의 약력을 추가 할 수 있습니다. 이 필드에서 HTML을 사용하여 링크를 수동으로 추가하거나 기본 HTML 형식 옵션을 사용할 수도 있습니다..

    저자 약력 정보 추가

    완료되면 사용자 업데이트 버튼을 클릭하여 변경 사항을 저장하십시오.

    이제 해당 사용자가 작성한 기사를 방문하여 작성자 정보 상자가 실제로 작동하는지 확인할 수 있습니다..

    작성자 정보 상자 플러그인 미리보기

    방법 3 : 사이드 바 위젯에 작성자 정보 표시

    기사 아래가 아닌 사이드 바에 작성자 정보를 표시 하시겠습니까? 그렇다면 사이드 바 위젯에 작성자 정보 상자를 표시 할 수 있기 때문에이 방법이 적합합니다..

    이 방법을 사용하려면 Meks Smart Author Widget 플러그인을 설치하고 활성화해야합니다. 자세한 내용은 워드 프레스 플러그인 설치 방법에 대한 단계별 가이드를 참조하십시오..

    활성화되면 방문해야합니다 모양»위젯 페이지. 사용 가능한 위젯 목록에서 Meks Smart Author를 찾을 수 있습니다. 작성자 정보를 표시하려는 사이드 바에이 위젯을 추가해야합니다..

    저자 정보 위젯 추가

    위젯에는 여러 가지 옵션이 있습니다. 확인해야 할 가장 중요한 옵션은 ‘작성자 자동 감지’옵션 옆의 확인란입니다..

    저장 버튼을 클릭하여 위젯 설정을 저장하십시오. 이제 웹 사이트를 방문하여 저자의 정보 위젯이 작동하는지 확인할 수 있습니다.

    저자 바이오 박스 위젯

    이 플러그인은 WordPress 프로필에서 사용자 정보를 가져옵니다. 귀하 또는 귀하의 저자는 자신의 프로필을 편집하여 전기 정보를 작성해야합니다.

    방법 4. 작성자 정보 상자를 수동으로 추가 (코딩 필요)

    이 방법을 사용하려면 WordPress 웹 사이트에 코드를 추가해야합니다. 이전에이 작업을 수행하지 않은 경우 WordPress에서 코드 스 니펫을 추가하는 방법에 대한 가이드를 확인하십시오..

    먼저 테마의 functions.php 파일 또는 사이트 별 플러그인에 다음 코드를 추가해야합니다..

    기능 wpb_author_info_box ($ content) {

    글로벌 $ 포스트;

    // 게시물 작성자가있는 단일 게시물인지 감지
    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 ( ‘닉네임’, $ post->post_author);

    // 저자의 전기 정보 또는 설명 얻기
    $ user_description = get_the_author_meta ( ‘user_description’, $ post->post_author);

    // 저자의 웹 사이트 URL 얻기
    $ 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 = ‘

    ‘에 대하여. $ display_name ‘

    ‘;

    if (! empty ($ user_description))
    // 아바타 및 바이오 제작

    $ author_details. = ‘

    ‘. get_avatar (get_the_author_meta ( ‘user_email’), 90). nl2br ($ user_description). ‘

    ‘;

    $ author_details. = ‘

    모든 게시글보기 ‘ . $ display_name ”;

    // 작성자가 프로필에 웹 사이트를 가지고 있는지 확인
    if (! empty ($ user_website)) {

    // 저자 웹 사이트 링크 표시
    $ author_details. = ‘| 웹 사이트

    ‘;

    } else {
    // 저자 웹 사이트가 없다면 단락을 닫으십시오.
    $ author_details. = ‘

    ‘;
    }

    // 콘텐츠를 게시하려면이 모든 정보를 전달하십시오.
    $ content = $ content ”. $ author_details ”;
    }
    $ content를 반환;
    }

    // 게시물 내용 필터에 함수 추가
    add_action ( ‘the_content’, ‘wpb_author_info_box’);

    // 작성자 바이오 섹션에서 HTML 허용
    remove_filter ( ‘pre_user_description’, ‘wp_filter_kses’);

    이 코드는 저자 정보를 가져 와서 WordPress 게시물 아래에 표시합니다. 멋지게 보이고 WordPress 테마와 일치하도록이 작성자 정보 상자의 스타일을 지정해야합니다..

    다음 사용자 정의 CSS를 추가하여 작성자 상자의 스타일을 지정할 수 있습니다. 필요에 따라 자유롭게 수정하십시오

    .author_bio_section {
    배경색 : # F5F5F5;
    패딩 : 15px;
    경계 : 1px 고체 #ccc;
    }

    .author_name {
    글꼴 크기 : 16px;
    글꼴 무게 : 굵게;
    }

    .author_details img {
    경계 : 1px 고체 # D8D8D8;
    국경 반경 : 50 %;
    왼쪽으로 뜨다;
    여백 : 0 10px 10px 0;
    }

    데모 사이트에서 저자 정보 상자가 어떻게 보이는지.

    사용자 정의 작성자 정보 상자

    이 기사가 WordPress 게시물에 작성자 정보 상자를 추가하는 방법을 배우는 데 도움이 되었기를 바랍니다. 블로그 트래픽을 늘리는 방법에 대한 팁이나 전자 메일 뉴스 레터를 만드는 방법에 대한 단계별 가이드를 참조 할 수도 있습니다..

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me