วิธีเพิ่มประวัติผู้แต่งในบทความ WordPress

ไม่มีใครโต้แย้งว่างานเขียนที่ยิ่งใหญ่ต้องใช้เวลา ความพยายาม และทักษะอย่างมาก ดังนั้นเมื่อมีผู้อ่านใหม่เข้ามาในบล็อกของคุณ คุณต้องการให้พวกเขารู้ว่าใครเป็นคนเขียนเนื้อหาใช่ไหม พวกเขาจะเชื่อมโยงคำบนหน้าจอกับผู้เขียนที่เขียนได้อย่างไร?

ชีวประวัติของผู้เขียนเป็นทางออกที่สมบูรณ์แบบสำหรับเรื่องนี้ สามารถเพิ่มบุคลิกให้กับบทความและยังช่วยเพิ่มความน่าเชื่อถือของบล็อกของคุณ ไม่ว่าประวัติจะอยู่ที่ใด (ไม่ว่าจะก่อน หลัง หรือระหว่างโพสต์) การมีชีวประวัติของผู้เขียนถือเป็นทรัพยากรที่ยอดเยี่ยมสำหรับบล็อกใดๆ

ชีวประวัติของผู้เขียนถูกสร้างขึ้นมาอย่างไร?

บางธีมมาพร้อมกับฟังก์ชันชีวประวัติของผู้เขียนโดยอัตโนมัติ หากธีมที่คุณเลือกไม่มี ก็ไม่จำเป็นต้องกังวล คุณสามารถเพิ่มได้ด้วยตัวเองเสมอ!

มีสองวิธีในการเพิ่มประวัติผู้แต่งในไซต์ของคุณ คุณสามารถใช้ปลั๊กอินที่มีอยู่ หรือหากคุณเป็นผู้ที่ต้องทำด้วยตัวเองมากกว่า คุณสามารถสร้างปลั๊กอินได้ตั้งแต่เริ่มต้น ฉันจะครอบคลุมทั้งสองวิธี (รวมถึงบทช่วยสอนเกี่ยวกับการสร้างปลั๊กอินของคุณเอง) แต่ก่อนอื่น เรามาเริ่มด้วยปลั๊กอินที่มีอยู่ก่อน

ปลั๊กอินที่คุณสามารถใช้สร้าง bio

สำหรับบรรดาของคุณที่ต้องการใช้ปลั๊กอินที่มีอยู่ มีตัวเลือกที่ยอดเยี่ยมมากมาย นี่คือบางส่วนที่จะตรวจสอบ:

• สตาร์บ็อกซ์
• Fancier Author Box
• กล่องผู้แต่งอย่างง่าย

เมื่อเลือกปลั๊กอิน สิ่งสำคัญที่ควรทราบคือบางตัวมีฟังก์ชันการทำงานที่ล้ำหน้ากว่าตัวอื่นๆ เพียงเพราะคุณเลือกใช้ปลั๊กอินที่มีอยู่ไม่ได้หมายความว่าคุณมีข้อจำกัดด้านสไตล์ บ่อยครั้ง คุณสามารถปรับเปลี่ยน CSS และทำให้ตรงกับแบรนด์ของคุณได้ เพียงให้แน่ใจว่าได้ทำวิจัยของคุณ หากนั่นคือสิ่งที่คุณกำลังมองหา

ผู้ใช้และบทบาท WordPress

ไม่ว่าคุณจะใช้ปลั๊กอินที่มีอยู่หรือวางแผนที่จะสร้างปลั๊กอินของคุณเอง คุณจะต้องการใช้ประโยชน์จากผู้ใช้และบทบาท WordPress

ต่อไปนี้เป็นการทบทวนอย่างรวดเร็วเกี่ยวกับม้วนห้าประเภท:

• สมาชิก: ระดับการเข้าถึงต่ำสุด เนื่องจากสามารถดูโปรไฟล์ของตนเองและอ่านโพสต์บนไซต์ WordPress เท่านั้น
• ผู้ร่วมให้ข้อมูล: พวกเขาสามารถเขียนโพสต์ แต่ไม่สามารถเผยแพร่ได้ สำหรับนักเขียนรับเชิญ นี่คือระดับการเข้าถึงที่เหมาะสมที่สุด
• ผู้แต่ง: นี่คือระดับการเข้าถึงที่สูงกว่าผู้มีส่วนร่วมที่มีสิทธิ์ควบคุมการเขียนและเผยแพร่โพสต์ของตนโดยสมบูรณ์
• ผู้ แก้ไข: พวกเขาสามารถเขียนโพสต์ของตนเองและจัดการแต่ละโพสต์ของตนเอง รวมถึงโพสต์ทั้งหมดบนเว็บไซต์จากผู้เขียนทั้งหมด นี่เป็นระดับการเข้าถึงทั่วไปสำหรับผู้จัดการเนื้อหา
• ผู้ดูแลระบบ: ผู้ใช้เหล่านี้มีสิทธิ์ควบคุมไซต์ได้อย่างสมบูรณ์ ดังนั้นพวกเขาจึงสามารถเปลี่ยนธีม เพิ่มและลบปลั๊กอิน เขียนโพสต์ อ่านโพสต์ ลบโพสต์ เพิ่มและลบผู้เขียน ฯลฯ ทุกสิ่งที่จำเป็นต้องทำ พวกเขามีสิทธิ์เข้าถึง ระดับที่จะทำ

เมื่อครอบคลุมบทบาทผู้ใช้ที่แตกต่างกันแล้ว สิ่งสำคัญที่ควรทราบคือชีวประวัติของผู้เขียนนำเสนอผู้เขียนโพสต์ ไม่ว่าระดับการเข้าถึงของพวกเขาจะเป็นอย่างไร หากคุณกำลังเพิ่มประวัติผู้แต่งในไซต์ส่วนบุคคลของคุณ คุณน่าจะเป็นผู้ดูแลระบบ ดังนั้นคุณจึงไม่ต้องกังวลเกี่ยวกับเรื่องนี้ หากคุณกำลังสร้างบล็อกที่มีผู้เขียนหลายคน ตรวจสอบให้แน่ใจว่านักเขียนของคุณไม่ได้ถูกตั้งเป็นผู้ติดตาม ดังนั้นพวกเขาจึงสามารถเข้าถึงเขียนโพสต์ได้

การเพิ่มประวัติ

หลังจากที่ตั้งค่าผู้ใช้แล้ว ในการกรอกประวัติ พวกเขาเพียงแค่ต้องแก้ไขการตั้งค่าผู้ใช้ (หรือคุณในฐานะผู้ดูแลระบบ สามารถทำได้) เพียงไปที่ ผู้ใช้ > โปรไฟล์ของคุณ พวกเขาจะเห็นช่องที่กรอกได้ เช่น ประวัติ เว็บไซต์ ฯลฯ ยิ่งเพิ่มข้อมูลมากเท่าไร ผู้ใช้ก็จะยิ่งเห็นในประวัติผู้เขียนบนเว็บไซต์มากขึ้น

การสร้างปลั๊กอินชีวภาพผู้เขียนของคุณเอง

สิ่งหนึ่งที่ต้องพูดถึงก่อนสร้างปลั๊กอินของคุณเอง – ทั้งหมดนี้ควรทำในไซต์ทดสอบ หากคุณต้องการความช่วยเหลือในการตั้งค่าสภาพแวดล้อมการพัฒนา โปรดปฏิบัติตามคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีการเริ่มต้นใช้งาน MAMP

เอาล่ะ มาเริ่มกันเลย!

1. สร้างโฟลเดอร์ใหม่ในไดเร็กทอรีปลั๊กอิน ตัวอย่างเช่น: /wp-content/plugins/mysite-plugin/

2. เปิดตัวแก้ไขข้อความที่คุณเลือก สร้างไฟล์เปล่า และบันทึกเป็น mysite-plugin.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. ภายใต้ตัวแปร Global Post คุณสามารถเริ่มเพิ่มเนื้อหาของคุณเองได้ ตรวจสอบให้แน่ใจว่าคุณอยู่ในวงเล็บปิด สิ่งสำคัญคือต้องระบุว่าสิ่งนี้ควรแสดงในโพสต์เดียวกับผู้เขียนเท่านั้น ดังนั้นจึงรวมตรรกะไว้ด้วย

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 ได้เช่นกัน ฉันได้เลือกใช้เส้นทางของปลั๊กอินเพื่อให้สามารถนำมาใช้ซ้ำได้หากคุณเปลี่ยนธีม

การจัดรูปแบบผู้เขียน bio

ด้วยข้อมูลโค้ดง่ายๆ เหล่านี้ สิ่งต่างๆ ก็ดูดีมาก แต่ก็สามารถใช้สไตล์ที่กำหนดเองได้ การปรับ CSS จะช่วยให้คุณทำให้สิ่งต่างๆ ดูสมบูรณ์แบบและสวยงาม

อันดับแรก มาดูรูปแบบใหม่กันก่อน เครื่องมือตรวจสอบ Chrome เป็นวิธีที่ยอดเยี่ยมในการดูว่าเกิดอะไรขึ้น คลิกขวาและเลือกตรวจสอบเพื่อเปิดตัวตรวจสอบ Chrome

ต่อไปนี้คือสไตล์บางส่วนที่สามารถเพิ่มลงในสไตล์ชีตของคุณได้ คุณสามารถใช้สิ่งเหล่านี้เป็นจุดเริ่มต้นแล้วปรับสไตล์สำหรับการออกแบบของคุณ

.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? ยินดีต้อนรับ! มีหลายสิ่งที่ต้องเรียนรู้ แต่เราจะดำเนินการอย่างช้าๆ และมั่นคงเพื่อช่วยให้คุณกลายเป็นมือโปร WordPress ได้ในเวลาไม่นาน ในตอนท้ายของ ebook นี้ คุณจะรู้ว่า WordPress คืออะไร พื้นฐานของการใช้งานคืออะไร และจะไปต่อที่ใดเพื่อเรียนรู้เพิ่มเติม! พร้อมที่จะเรียนรู้ทุกสิ่งเกี่ยวกับ WordPress แล้วหรือยัง?