วิธีเพิ่มหน้าโปรไฟล์ผู้เขียนที่กำหนดเองลงใน WordPress ของคุณ

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

ธีม WordPress จำนวนมากมีข้อมูลโปรไฟล์ผู้เขียนที่จำกัดในหน้าเก็บถาวรของผู้เขียน

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

เราจะครอบคลุมสองวิธี เพียงใช้ลิงก์ด้านล่างเพื่อข้ามไปยังส่วนที่คุณสนใจ:

วิธีที่ 1: เพิ่มหน้าโปรไฟล์ผู้แต่งที่กำหนดเองใน WordPress ด้วยตัวจัดการผู้ใช้ WP

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

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

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

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

WP User Manager เป็นปลั๊กอินที่ทรงพลังและมาพร้อมกับตัวเลือกมากมาย คุณต้องตรวจสอบสิ่งเหล่านี้อย่างรอบคอบและปิดคุณสมบัติที่คุณไม่ต้องการใช้

ถัดไป คุณต้องคลิกแท็บ "โปรไฟล์" เพื่อตั้งค่าโปรไฟล์ผู้ใช้

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

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

อย่าลืมคลิกที่ปุ่ม "บันทึกการเปลี่ยนแปลง" เพื่อจัดเก็บการตั้งค่าของคุณ

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

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

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

ไปที่หน้า ลักษณะที่ปรากฏ » วิดเจ็ต และเพิ่มวิดเจ็ตแบบฟอร์มการเข้าสู่ระบบลงในแถบด้านข้าง

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

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

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

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

การเปลี่ยนลักษณะของหน้าโปรไฟล์ผู้เขียน

หากคุณเพียงต้องการเปลี่ยนสีหรือเส้นขอบ คุณสามารถทำได้โดยการเพิ่ม CSS ที่กำหนดเอง

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

ขั้นแรก คุณต้องเชื่อมต่อกับเว็บไซต์ของคุณโดยใช้ไคลเอนต์ FTP และไปที่โฟลเดอร์ /wp-content/plugins/wp-user-manager/templates/ ดาวน์โหลดไฟล์ทั้งหมดที่คุณเห็นที่นั่นลงในคอมพิวเตอร์ของคุณ

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

ตอนนี้คุณสามารถแก้ไขไฟล์เหล่านี้เพื่อปรับแต่งลักษณะที่ปรากฏของหน้าโปรไฟล์ของคุณได้ตามต้องการ

วิธีที่ 2: สร้างหน้าโปรไฟล์ผู้เขียนที่กำหนดเองในธีมของคุณด้วยตนเอง

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

ขั้นแรก คุณจะต้องเชื่อมต่อกับเว็บไซต์ของคุณโดยใช้ไคลเอนต์ FTP และไปที่โฟลเดอร์ /wp-content/themes/your-current-theme/

ภายในโฟลเดอร์ธีมปัจจุบันของคุณ คุณต้องสร้างไฟล์ author.php หลังจากนั้น คุณจะต้องคัดลอกเนื้อหาของไฟล์ archive.php และวางลงในเทมเพลต author.php ใหม่ของคุณ

หากธีมของคุณมีไฟล์ author.php อยู่แล้ว คุณสามารถแก้ไขได้เช่นกัน

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

<?php
// Set the Current Author Variable $curauth
$curauth = (isset($_GET['author_name'])) ? get_user_by('slug', $author_name) : get_userdata(intval($author));
?>
 
<div class="author-profile-card">
    <h2>About: <?php echo $curauth->nickname; ?></h2>
    <div class="author-photo">
    <?php echo get_avatar( $curauth->user_email , '90 '); ?>
    </div>
    <p><strong>Website:</strong> <a href="<?php echo $curauth->user_url; ?>"><?php echo $curauth->user_url; ?></a><br />
    <strong>Bio:</strong> <?php echo $curauth->user_description; ?></p>
</div>
 
<h2>Posts by <?php echo $curauth->nickname; ?>:</h2>
 
         <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<h3>
<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link: <?php the_title(); ?>">
<?php the_title(); ?></a>
</h3>
<p class="posted-on">Posted on: <?php the_time('d M Y'); ?></p>
 
<?php the_excerpt(); ?>
 
<?php endwhile; 
 
// Previous/next page navigation.
the_posts_pagination();
 
else: ?>
<p><?php _e('No posts by this author.'); ?></p>
 
<?php endif; ?>

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

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

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

.author-profile-card {
    background: #eee;
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
}
.author-photo {
    float: left;
    text-align: left;
    padding: 5px;
}

นี่คือลักษณะที่ปรากฏบนเว็บไซต์สาธิตของเรา:

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

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