วิธีเพิ่มกล่องข้อมูลผู้แต่งในกระทู้ WordPress

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


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

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

เพิ่มส่วนข้อมูลผู้แต่งในโพสต์ WordPress ได้อย่างง่ายดาย

ทำไมและเมื่อคุณต้องการกล่องข้อมูลผู้แต่งใน WordPress

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

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

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

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

ต้องบอกว่ามาดูวิธีเพิ่มกล่องข้อมูลผู้แต่งในโพสต์ WordPress ได้ง่ายๆ.

การเพิ่มกล่องข้อมูลผู้แต่งในกระทู้ WordPress

WordPress เป็นผู้สร้างเว็บไซต์ที่ดีที่สุดในโลกเนื่องจากมีความยืดหยุ่นและปรับแต่งได้ตามความต้องการ.

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

    วิธีที่ 1: การเพิ่มผู้แต่งทางชีวภาพโดยใช้ธีม WordPress ของคุณ

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

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

    การแก้ไขโปรไฟล์ผู้ใช้

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

    เพิ่มผู้แต่งประวัติในโปรไฟล์ผู้ใช้

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

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

    อย่าลืมคลิกปุ่ม “อัปเดตผู้ใช้” เพื่อบันทึกการเปลี่ยนแปลงของคุณ.

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

    แสดงตัวอย่างกล่องข้อมูลผู้แต่งเริ่มต้น

    วิธีที่ 2 การเพิ่มกล่องข้อมูลผู้แต่งใน WordPress โดยใช้ปลั๊กอิน

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

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

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

    เมื่อเปิดใช้งานคุณต้องไปที่ การตั้งค่า»กล่อง Bio Author หน้าเพื่อกำหนดการตั้งค่าปลั๊กอิน.

    การตั้งค่า Bio Box ของผู้แต่ง

    จากที่นี่คุณสามารถเลือกสีขนาด gravatar สำหรับภาพถ่ายผู้แต่งและตำแหน่งเพื่อแสดงกล่องประวัติผู้แต่ง.

    เมื่อเสร็จแล้วอย่าลืมคลิกปุ่ม “บันทึกการเปลี่ยนแปลง” เพื่อบันทึกการเปลี่ยนแปลงของคุณ.

    ถัดไปคุณต้องไปที่ ผู้ใช้»ผู้ใช้ทั้งหมด หน้าและคลิกลิงก์ ‘แก้ไข’ ใต้ผู้ใช้ที่คุณต้องการเปลี่ยนแปลง.

    การแก้ไขโปรไฟล์ผู้ใช้

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

    เพิ่มลิงก์โซเชียลมีเดียในโปรไฟล์ผู้ใช้

    ปลั๊กอินจะแสดงไอคอนสำหรับเครือข่ายสังคมออนไลน์ที่คุณป้อน URL เท่านั้น.

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

    เพิ่มข้อมูลชีวประวัติของผู้แต่ง

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

    ตอนนี้คุณสามารถเยี่ยมชมบทความใด ๆ ที่เขียนโดยผู้ใช้นั้นเพื่อดูกล่องข้อมูลผู้เขียนในการดำเนินการ.

    ดูตัวอย่างปลั๊กอินข้อมูลผู้แต่ง

    วิธีที่ 3: แสดงข้อมูลผู้แต่งในวิดเจ็ตแถบด้านข้าง

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

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

    เมื่อเปิดใช้งานคุณต้องไปที่ หน้าตา»วิดเจ็ต หน้า. คุณจะพบ Meks Smart Author ภายใต้รายการวิดเจ็ตที่มีอยู่ คุณต้องเพิ่มวิดเจ็ตนี้ในแถบด้านข้างที่คุณต้องการแสดงข้อมูลผู้แต่ง.

    การเพิ่มวิดเจ็ตข้อมูลผู้แต่ง

    วิดเจ็ตมาพร้อมกับตัวเลือกมากมาย ตัวเลือกที่สำคัญที่สุดที่คุณต้องตรวจสอบคือช่องทำเครื่องหมายถัดจากตัวเลือก “ตรวจจับผู้เขียนอัตโนมัติ”.

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

    วิดเจ็ตกล่องชีวภาพผู้แต่ง

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

    วิธีที่ 4. เพิ่มกล่องข้อมูลผู้แต่งด้วยตนเอง (ต้องมีการเข้ารหัส)

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

    ก่อนอื่นคุณต้องเพิ่มรหัสต่อไปนี้ไปยังไฟล์ functions.php ของชุดรูปแบบหรือปลั๊กอินเฉพาะไซต์.

    ฟังก์ชั่น wpb_author_info_box ($ content) {

    โพสต์ทั่วโลก $;

    // ตรวจสอบว่าเป็นโพสต์เดียวที่มีผู้เขียนโพสต์
    ถ้า (is_single () && isset ($ โพสต์->post_author)) {

    // รับชื่อที่แสดงของผู้แต่ง
    $ display_name = get_the_author_meta (‘display_name’, $ post->post_author);

    // หากชื่อที่แสดงไม่สามารถใช้งานได้ให้ใช้ชื่อเล่นเป็นชื่อที่แสดง
    ถ้า (ว่าง ($ display_name))
    $ display_name = get_the_author_meta (‘ชื่อเล่น’, $ โพสต์->post_author);

    // รับข้อมูลหรือคำอธิบายชีวประวัติของผู้แต่ง
    $ user_description = get_the_author_meta (‘user_description’, $ โพสต์->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_author));

    ถ้า (! ว่างเปล่า ($ display_name))

    $ author_details = ‘

    เกี่ยวกับ ‘ $ display_name ‘

    ‘;

    ถ้า (! ว่างเปล่า ($ user_description))
    // ผู้แต่งอวตารและประวัติ

    $ author_details. = ‘

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

    ‘;

    $ author_details. = ‘

    ดูข้อความทั้งหมดโดย ‘ $ display_name ”;

    // ตรวจสอบว่าผู้เขียนมีเว็บไซต์ในโปรไฟล์ของพวกเขาหรือไม่
    ถ้า (! ว่างเปล่า ($ user_website)) {

    // แสดงลิงค์เว็บไซต์ของผู้แต่ง
    $ author_details. = ‘| เว็บไซต์

    ‘;

    } อื่น {
    // หากไม่มีเว็บไซต์ของผู้แต่งให้ปิดย่อหน้า
    $ author_details. = ‘

    ‘;
    }

    // ส่งผ่านข้อมูลทั้งหมดนี้เพื่อโพสต์เนื้อหา
    $ content = $ เนื้อหา ” $ author_details ”;
    }
    ส่งคืนเนื้อหา $;
    }

    // เพิ่มฟังก์ชั่นของเราในตัวกรองเนื้อหาโพสต์
    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 solid #ccc;
    }

    .author_name {
    font-size: 16px;
    น้ำหนักตัวอักษร: ตัวหนา;
    }

    .img_d img
    เส้นขอบ: 1px solid # D8D8D8;
    รัศมีของเส้นขอบ: 50%;
    ลอย: ซ้าย;
    กำไรขั้นต้น: 0 10px 10px 0;
    }

    นี่คือลักษณะที่กล่องข้อมูลผู้แต่งดูในเว็บไซต์ตัวอย่างของเรา.

    กล่องข้อมูลผู้แต่งที่กำหนดเอง

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

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