[WordPress] ปรับแต่งส่วน Contact Info

ถ้าเราอยู่ในส่วนของ Dashboard ลองเข้าไปดูที่หัวข้อ Users -> Your Profile นะครับ เราจะพบว่าในส่วนของ Contact Info จะมีช่องให้กรอกข้อมูลแบบนี้

[Wordpress] ปรับแต่งส่วนของ Contact Info [1]

แต่ผมคิดว่า เดี๋ยวนี้เนี่ยไอ้เจ้า AIM, Yahoo IM แล้วก็ Jabber มันไม่ค่อยจะมีใครกรอกเท่าไหร่แล้ว

[Wordpress] ปรับแต่งส่วนของ Contact Info [2]

มาเปลี่ยนให้มันอินเทรนกันหน่อย เป็นพวก Facebook, Twitter แล้วก็ LinkedIn กันดีกว่านะครับ

WordPress : ลบ AIM, Yahoo IM และ Jabber แล้วใส่ Facebook, Twitter และ LinkedIn ลงไป

ให้เราเข้าไปใน functions.php แล้วแปะโค้ดเพิ่มเติมครับ

[php]
/* BEGIN Custom User Contact Info */
function extra_contact_info($contactmethods) {
unset($contactmethods[‘aim’]);
unset($contactmethods[‘yim’]);
unset($contactmethods[‘jabber’]);
$contactmethods[‘facebook’] = ‘Facebook’;
$contactmethods[‘twitter’] = ‘Twitter’;
$contactmethods[‘linkedin’] = ‘LinkedIn’;
return $contactmethods;
}
add_filter(‘user_contactmethods’, ‘extra_contact_info’);
/* END Custom User Contact Info */
[/php]

เราก็จะได้ผลลัพธ์ออกมาเป็นแบบนี้ครับ

[Wordpress] ปรับแต่งส่วนของ Contact Info [3]

แถม : วิธีเรียกใช้งานข้อมูลในส่วนที่เราเพิ่มลงไป

แน่นอนว่า เมื่อเราเปลี่ยนมาใช้เป็น Facebook, Twitter และ LinkedIn ก็อยากมีวิธีที่เรียกใช้งานข้อมูลเหล่านี้ โดยเราใช้โค้ดแบบนี้เพื่อเรียกใช้งาน

[php]
<a href="<?php the_author_meta(‘facebook’, $current_author->ID); ?>">Facebook</a>
<a href="<?php the_author_meta(‘twitter’, $current_author->ID); ?>">Twitter</a>
<a href="<?php the_author_meta(‘linkedin’, $current_author->ID); ?>">LinkedIn</a>
[/php]

Rabbitinblack

Blog เกี่ยวกับ HTML CSS jQuery Wordpress และเรื่องอื่น ๆ สัพเพเหระ

Proudly powered by WordPress & SeedThemes