วิธีเพิ่มกล่องผู้แต่ง WordPress ลงในบล็อกโพสต์ของคุณ

คุณสนใจที่จะเพิ่มกล่องผู้เขียนในบล็อก WordPress ของคุณหรือไม่? คุณมาถูกที่แล้ว

กล่องผู้เขียนเป็นส่วนหนึ่งของหน้าแรกของบล็อกของคุณที่แสดงข้อมูลบางอย่างเกี่ยวกับคุณ ผู้เขียน

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

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

เพื่อช่วยคุณ เราได้สร้างสารบัญนี้เพื่อให้คุณสามารถข้ามไปยังส่วนที่คุณต้องการได้โดยตรง:

• กล่องผู้เขียนคืออะไร?
• ประโยชน์ของกล่องผู้แต่ง
• วิธีเพิ่มกล่องผู้แต่ง
• การใช้ธีมเพื่อเพิ่มกล่องผู้แต่ง WordPress
• เพิ่มกล่องผู้เขียน WordPress โดยใช้รหัส
• การใช้ปลั๊กอินเพื่อเพิ่มกล่องผู้เขียน WordPress
• ห่อ?

หากคุณยังไม่ได้สร้างไซต์ ลองอ่านบทความนี้เกี่ยวกับวิธีเริ่มต้นบล็อก WordPress ก่อนเริ่มต้นใช้งาน!

กล่องผู้แต่งคืออะไร?

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

โดยปกติกล่องผู้เขียนจะแบ่งปันข้อมูลที่น่าสนใจเกี่ยวกับผู้เขียนเช่น:

• ชื่อ
• ตำแหน่ง
• ลิงค์โซเชียลมีเดีย
• ภาพ

…และบางครั้งถึงกับทำสิ่งต่อไปนี้

• อายุ
• งานอดิเรก
• ผลงานล่าสุด
• เว็บไซต์ผู้เขียน

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

ตัวอย่างเช่น WPHacks แสดงเฉพาะรูปภาพและชื่อของผู้แต่ง และชื่อจะเชื่อมโยงไปยังหน้าของผู้เขียนบนเว็บไซต์ที่แสดงคอลเลกชันงานของผู้เขียนใน WPHacks สวยเย็นใช่มั้ย?

ประโยชน์ของกล่องผู้แต่ง

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

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

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

วิธีเพิ่มกล่องผู้แต่ง

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

วิธีที่นิยมและตรงไปตรงมาที่สุดในการเพิ่มกล่องผู้เขียน WordPress คือการใช้ปลั๊กอิน

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

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

ลองมาดูที่แต่ละวิธีกัน

1. ใช้ธีมเพื่อเพิ่ม WordPress Author Box

หากไซต์ของคุณรองรับวิธีนี้ ข่าวดีก็คือการตั้งค่าและใช้งานได้ง่ายมาก

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

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

ในการเริ่มต้น ไปที่แดชบอร์ด WordPress ของคุณ คุณสามารถไปที่นั่นได้โดยเพิ่ม '/wp-admin' ต่อท้าย URL เว็บไซต์ของคุณ

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

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

หากคุณไม่พบเครื่องหมายใดๆ ของช่องผู้เขียนที่นี่ ขั้นตอนต่อไปคือการดูที่การตั้งค่าการปรับแต่งเองใน Live Theme Customizer เพื่อดูว่ามีส่วนใดบ้างที่อนุญาตให้คุณแสดงข้อมูลนี้

ในการดำเนินการนี้ ให้เริ่มด้วยการคลิก ลักษณะ ที่ปรากฏ > ปรับแต่ง > ตัวเลือกธีม

จากนั้นเลือกช่องทำเครื่องหมายที่สลับเปิดหรือปิดกล่องผู้เขียน WordPress

นี่คือสิ่งที่ดูเหมือนว่าหากคุณใช้ธีม Twenty Twenty

มันง่ายอย่างนั้น แม้ว่าธีมทั้งหมดจะไม่สนับสนุนฟังก์ชันนี้ แต่ธีมที่ทำให้เพิ่มกล่องผู้แต่งได้ง่าย

2. ใช้ปลั๊กอินเพื่อเพิ่ม WordPress Author Box

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

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

ในการเริ่มต้น ให้คลิกที่ลิงก์ด้านบนหรือไปที่ Plugins > Add New ในแดชบอร์ด WordPress ของคุณ จากนั้นค้นหา "Author Bio Box" ผลลัพธ์ควรเป็นผลลัพธ์แรก และผู้แต่งควรเป็น ThematoSoup ติดตั้งและเปิดใช้งานปลั๊กอินนี้

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

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

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

ไปที่ การตั้งค่า ในแดชบอร์ด WordPress ของคุณและคลิกหัวข้อ "Author Bio Box"

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

โปรดทราบว่าคุณไม่สามารถเพิ่มข้อมูลที่แสดงในส่วนการตั้งค่าของ Author Bio Box คุณสามารถปรับแต่งรูปลักษณ์ของมันได้เท่านั้น

หากคุณต้องการเพิ่มข้อมูลเพิ่มเติมในกล่องผู้เขียน WordPress ให้ไปที่ ผู้ใช้ > ผู้ ใช้ทั้งหมด จากนั้นเลือกโปรไฟล์ที่คุณต้องการแก้ไข

ที่นี่ คุณจะเห็นช่องต่างๆ เช่น ข้อมูลชีวประวัติ เครือข่ายโซเชียลมีเดีย และรูปภาพ

ตัวอย่างเช่น หากฉันเพิ่มลิงก์ช่อง YouTube ลงในข้อมูลติดต่อ ลิงก์นั้นจะเพิ่มลงในช่องผู้เขียนด้วย!

เป็นระบบที่ใช้งานง่ายซึ่งทำงานได้ดี!

3. เพิ่มกล่องผู้แต่ง WordPress โดยใช้ Code

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

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

ในการเริ่มต้น ให้ไปที่ ลักษณะที่ ปรากฏ > ตัวแก้ไขธีม ในแดชบอร์ด WordPress

ถัดไป คุณจะต้องค้นหาไฟล์ single.php ไฟล์นี้ควรอยู่บริเวณด้านบนของตัวสำรวจไฟล์ในตัวแก้ไขธีม

หากคุณไม่มีไฟล์ single.php ให้ตรวจสอบไฟล์ index.php แทน

ต่อไป ให้คัดลอกโค้ดนี้แล้ววางนอกฟังก์ชันในไฟล์ single.php ของคุณ:

 <div> <div> <?php echo get_avatar( get_the_author_meta('user_email'), '80', '' ); ?> </div> <div> <h3><?php the_author_link(); ?></h3> <?php the_author_meta('description'); ?> </div> </div>

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

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

เมื่อคุณเพิ่มโค้ดลงในไฟล์ที่ถูกต้องแล้ว สิ่งต่อไปคือการเพิ่ม CSS โดยไปที่ไฟล์ style.css ก่อน แล้วเพิ่มโค้ดต่อไปนี้

 /* Author Box */ #author-info { float: left; padding: 20px;background-color: #f0f0f0; margin-bottom:10px; -moz-border-radius: 5px;border-radius: 5px;} #author-info .avatar { position: relative; top: 0; left: 0; float: left; } #author-description { margin-left: 100px; } #author-description h3 { margin-top:0px;margin-bottom:10px;}

การเพิ่มสไตล์ของโค้ดนี้ให้กับกล่องผู้เขียนที่คุณได้สร้างไว้พร้อมกับโค้ดก่อนหน้าที่เพิ่มลงในไฟล์ single.php

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

ห่อ

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

จากที่กล่าวมา อีกสองวิธียังคงเป็นตัวเลือกที่ใช้การได้ ดังนั้นหากคุณสนใจมากกว่านั้น ก็ลองใช้วิธีนี้ดู

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

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