วิธีแสดง Twitter และ Facebook ของผู้เขียนในหน้าโปรไฟล์

เผยแพร่แล้ว: 2023-02-26


ต้องการแสดงลิงก์ Twitter และ Facebook ของผู้เขียนในหน้าโปรไฟล์ WordPress หรือไม่

ตามค่าเริ่มต้น หน้าโปรไฟล์ผู้ใช้ WordPress จะไม่มีฟิลด์สำหรับเพิ่มโปรไฟล์โซเชียลมีเดีย เช่น Facebook หรือ Twitter

ในบทความนี้ เราจะแสดงวิธีแสดงลิงก์โปรไฟล์ Twitter และ Facebook ของผู้เขียนใน WordPress อย่างง่ายดาย

How to Display Author's Twitter and Facebook on the Profile Page

เหตุใดจึงแสดงโปรไฟล์ Twitter และ Facebook ของผู้เขียนบนไซต์ของคุณ

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

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

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

จากที่กล่าวมา เรามาดูวิธีการแสดงลิงก์ Twitter และ Facebook ของผู้เขียนในหน้าโปรไฟล์ผู้ใช้ของพวกเขา

วิธีที่ 1: การแสดงลิงก์โซเชียลในผู้แต่ง Bio

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

เพียงไปที่ Users » All Users ในแผงผู้ดูแลระบบ WordPress แล้วคลิกชื่อผู้เขียนหรือลิงก์ 'แก้ไข' ที่ด้านล่างเพื่อเปิดหน้าแก้ไขผู้ใช้

Click on a User in the All Users List

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

หากมี แสดงว่าธีมของคุณมีการสนับสนุนในตัวสำหรับกล่องผู้เขียน

Adding HTML Social Links to the User Bio

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

ADD BIO HERE. Follow them on <a href="https:/twitter.com/USERNAME">Twitter</a> and <a href="https://facebook.com/USERNAME">Facebook</a>.

อย่าลืมเพิ่มชีวประวัติสั้นๆ เกี่ยวกับผู้เขียนและเปลี่ยน 'USERNAME' เป็นชื่อผู้ใช้ Twitter และ Facebook จริง

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

ตอนนี้คุณจะเห็นลิงก์ Twitter และ Facebook กับประวัติของผู้ใช้ในโพสต์ที่พวกเขาเขียน นี่คือลักษณะที่ปรากฏบนเว็บไซต์สาธิตของเรา:

Preview of Author Bio with Twitter and Facebook Links

วิธีที่ 2: การแสดงไอคอนโซเชียลด้วยปลั๊กอิน Author Bio Box

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

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

ก่อนอื่น คุณต้องติดตั้งและเปิดใช้งานปลั๊กอิน Simple Author Box สำหรับรายละเอียดเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

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

เมื่อเปิดใช้งาน ปลั๊กอินจะเพิ่มช่องโซเชียลมีเดียให้กับโปรไฟล์ผู้ใช้แต่ละคน เพียงไปที่หน้า Users » All Users ในพื้นที่ผู้ดูแลระบบ WordPress แล้วคลิกชื่อผู้เขียนหรือลิงก์ 'แก้ไข' ด้านล่าง

Click on a User in the All Users List

เคล็ดลับ: หากต้องการแก้ไขโปรไฟล์ผู้ใช้ของคุณอย่างรวดเร็ว คุณสามารถไปที่หน้า ผู้ใช้ » โปรไฟล์

เมื่อคุณเลื่อนไปที่ด้านล่างสุดของโปรไฟล์ผู้เขียน คุณจะสังเกตเห็นฟิลด์ใหม่บางฟิลด์ที่เพิ่มเข้ามาโดยปลั๊กอิน Author Bio Box

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

Adding a Facebook Profile Using Author Bio Box

ตอนนี้คุณสามารถคลิกปุ่ม '+ เพิ่มแพลตฟอร์มโซเชียลใหม่'

เมนูแบบเลื่อนลงและฟิลด์ใหม่จะถูกเพิ่มซึ่งคุณสามารถเพิ่ม URL ของ Twitter ได้

Adding Facebook and Twitter Links Using Simple Author Box

เมื่อคุณทำเสร็จแล้ว อย่าลืมคลิกปุ่ม 'อัปเดตผู้ใช้' เพื่อจัดเก็บการตั้งค่าของคุณ

หมายเหตุ: ไม่ต้องกังวลหาก URL ของ Facebook และ Twitter หายไปหลังจากคลิกปุ่ม ในขณะที่เขียน มีข้อผิดพลาดเล็กน้อยที่ซ่อน URL แต่การตั้งค่าได้รับการบันทึกแล้ว

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

Preview of Simple Author Box with Social Icons

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

Open Simple Author Box Icons in a New Tab

ตอนนี้โปรไฟล์โซเชียลของผู้เขียนจะเปิดขึ้นในแท็บใหม่

วิธีที่ 3: การเพิ่มโปรไฟล์โซเชียลใน Schema ของไซต์ของคุณสำหรับ SEO

All in One SEO (AIOSEO) เป็นปลั๊กอิน WordPress SEO ดั้งเดิมที่ใช้กับเว็บไซต์มากกว่า 3 ล้านเว็บไซต์ นอกจากนี้ยังสามารถใช้เพื่อเพิ่มช่องโปรไฟล์โซเชียลในหน้าโปรไฟล์ของผู้เขียน

วิธีนี้จะปรับปรุง SEO ของเว็บไซต์ของคุณ ซึ่งแตกต่างจากวิธีอื่นๆ เนื่องจาก AIOSEO เพิ่มโปรไฟล์โซเชียลเหล่านี้ในมาร์กอัปสคีมาของเว็บไซต์ของคุณ

ปัญหาคือ AIOSEO ไม่แสดงในชีวประวัติผู้เขียนโดยอัตโนมัติ แต่ไม่ต้องกังวล เราจะแสดงวิธีทำ

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

สิ่งแรกที่คุณต้องทำคือติดตั้งปลั๊กอิน All in One SEO Lite ฟรี สำหรับรายละเอียดเพิ่มเติม โปรดดูคำแนะนำทีละขั้นตอนเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อคุณตั้งค่าปลั๊กอิน AIOSEO แล้ว คุณต้องตรงไปที่หน้า ผู้ใช้ » ผู้ใช้ทั้งหมด จากนั้นคลิกที่ชื่อผู้เขียนหรือลิงก์ 'แก้ไข' ด้านล่าง

Click on a User in the All Users List

การดำเนินการนี้จะเปิดหน้าแก้ไขผู้ใช้สำหรับผู้เขียนรายนั้น

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

All in One SEO Social Profiles Tab

ตอนนี้คุณสามารถป้อน URL ไปยังโปรไฟล์โซเชียลของผู้ใช้ในช่องที่มีให้ เช่น:

https://facebook.com/johnsmith345
Tweets by JohnSmith345

โปรดทราบว่าเพียงแค่เพิ่มชื่อผู้ใช้นั้นไม่เพียงพอ

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

Quickly Adding Multiple Social Networks With Same Username

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

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

เคล็ดลับสำหรับมือโปร: หากคุณมีโปรไฟล์ Twitter และ Facebook สำหรับธุรกิจหรือเว็บไซต์ของคุณ คุณสามารถเพิ่มโปรไฟล์เหล่านี้ลงในสคีมาของไซต์ด้วยวิธีเดียวกันโดยไปที่ All in One SEO » Social Networks และเพิ่มลิงก์ในแท็บ Social Profiles

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

การแสดงลิงก์ Twitter และ Facebook ของผู้เขียน AIOSEO ในธีมของคุณ

ตอนนี้คุณต้องแสดงฟิลด์เหล่านี้เป็นลิงก์ในธีมของคุณ

หากคุณเป็นผู้ใช้ขั้นสูง คุณสามารถแสดงลิงก์จากโปรไฟล์โซเชียลของ All in One SEO ได้โดยแก้ไขไฟล์ธีม WordPress ของคุณ หากคุณยังไม่เคยทำสิ่งนี้มาก่อน ลองดูคำแนะนำของเราเกี่ยวกับวิธีคัดลอกและวางโค้ดใน WordPress

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

ผู้ใช้ขั้นสูงสามารถเพิ่มรหัสต่อไปนี้ในไฟล์ธีมของคุณซึ่งคุณต้องการแสดงลิงก์โปรไฟล์ผู้เขียน

<?php
$twitter = get_the_author_meta( 'aioseo_twitter', $post->post_author );
$facebook = get_the_author_meta( 'aioseo_facebook', $post->post_author );
echo '<a href="' . $twitter .'" rel="nofollow" target="_blank">Twitter</a> | <a href="'. $facebook .'" rel="nofollow" target="_blank">Facebook</a>';
?>

บันทึกการเปลี่ยนแปลงของคุณและดูโพสต์บนเว็บไซต์ของคุณ

นี่คือลักษณะที่ปรากฏบนเว็บไซต์สาธิตของเรา เราได้เพิ่มข้อมูลโค้ดลงในไฟล์ biography.php ในโฟลเดอร์ template-parts ของธีม Twenty Sixteen

Displaying AIOSEO Social Profiles in Your Theme Using Code

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

หากคุณชอบบทความนี้ โปรดสมัครรับข้อมูลช่อง YouTube ของเราสำหรับวิดีโอสอน WordPress คุณสามารถหาเราได้ที่ Twitter และ Facebook