ใส่บุคลากร ในเว็บไซต์ WordPress แบบสวยๆ ทำได้ไม่ยาก !!

ใส่บุคลากร ในเว็บไซต์ Wordpress แบบสวยๆ ทำได้ไม่ยาก !!
https://www.youtube.com/embed/bJJiKQvfW1U?feature=oembed&autoplay=1
ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)

สวัสดีครับ หลายท่านอาจจะเคยเห็นบางเว็บไซต์ ที่มีส่วนที่เรียกว่า Team Member นะครับ กล่อง Team Member สวยๆใน WordPress เราก็สามารถใส่ได้ไม่ยากครับ ในวีดีโอนี้ เดี๋ยวผมจะทำให้ดูครับ เรามาดูกันได้เลยครับ

เริ่มจากการติดตั้ง Plugin ใน WordPress

ให้เราไปที่ Plugins แล้วก็ Add New ครับ แล้วค้นหาคำว่า Team Members จะเจอ Plugins ของ WP Darko ครับ เรากด Install กันได้เลยครับ จากนั้นก็อย่าลืมที่จะกด Activate ด้วยนะครับ

สร้างทีมแรกกันเลยครับ

ให้เราไปที่ Teams และ All Team กันก่อนครับ จากนั้นไปที่ Add New Team ได้เลยครับ

จากนั้นให้เราตั้งชื่อทีมครับ ในที่นี้ผมขอตั้งชื่อว่า Avengers ก็แล้วกันครับ ตั้งชื่อเสร็จเราก็ Add Member กันได้เลยครับ

คนแรกเราตั้งชื่อว่า Tony Stark ครับ แล้วตำแหน่งให้เค้าเป็น IRON MAN ครับ อย่าลืมที่จะใส่ประวัติโดยย่อด้วยนะครับ

นอกจากนั้นเรายังสามารถใส่ Social Link ได้ด้วยนะครับ

และ สุดท้ายครับ อย่าลืมอัพโหลดรูปภาพนะครับ ในรูปภาพ เราสามารถใส่เข้าไปได้ว่า ให้ลิงค์ไปที่หน้าไหนได้ด้วยครับ

ต่อมาครับ เราจะเพิ่ม Natasha Romanova เข้าไปใน Avengers ทีมครับ แล้วเราก็เพิ่มรายละเอียดลงไปเหมือนเดิมครับ

นอกจากนั้น ถ้าเราชี้เกียจพิมพ์ใหม่หมด เราก็ใช้วิธี Clone เอาก็ได้ครับ กดปุ๊บ Clone ได้ปั๊บ

เราเพิ่ม T Challa เข้าไปเป็น Black Panther ครับ จากนั้น อย่าลืมเปลี่ยนประวัติ และ รูปนะครับ

เสร็จแล้วกด Save หรือ Publish ก่อน หนึ่งครั้งครับ

Biography ของแต่ละคน

– IRON MAN มีหลายชุดเกราะ แต่ละชุดเกราะ มีประสิทธิภาพที่แตกต่างกัน
– Black Widow สุดยอดสายลับ แห่งหน่วย SHIELD ล้วงความลับมาแล้วนับไม่ถ้วน
– Black Panther ราชาแห่ง Wakanda ผู้คร่ำหวอดในวิชาการต่อสู้ด้วยมือเปล่า

Preview Team Members

แต่เจ้า Plugin นี้นะครับ สามารถ Preview ได้ครับ ให้เรากด Preview ได้เลยครับ

ปรับแต่งการแสดงผล

เราสามารถปรับแต่งการแสดงผลได้ที่ Settings ในด้านข้างครับ

เราสามารถปรับแต่งสีได้ ปรับแต่งจำนวนสมาชิกต่อแถวได้ และ ปรับแต่งการจัดตัวอักษรในคำอธิบายได้ครับ

นำ Avangers ไปใส่ไว้ในหน้าของเรา

ก่อนที่เราจะไปใส่ Team ของเราที่หน้า ให้เราไป Copy Shortcode จากหน้า All Teams กันก่อนครับ Copy เสร็จแล้วให้เราไปที่หน้ากันเลยครับ

ให้เราไปที่ Pages แล้วก็ All Pages ครับ จากนั้น ไปที่หน้าเกี่ยวกับเราเลยครับ

พอเข้ามาที่หน้าเกี่ยวกับเราแล้ว เราก็เพิ่มคำว่า Avengers Teams จากนั้น นำ Shortcode ไปวางเลยครับ

เป็นอันเสร็จสิ้น 1 ทีม

สร้างทีมที่ 2

ให้เรากลับไปที่หน้า All Teams จากนั้น เพิ่ม Team ขึ้นมาครับ จากนั้นเพิ่มทีม Justice League ครับ แล้วเราก็ไปเพิ่ม Members ได้เลย

เพิ่ม Super Man ลงไปก่อน ตำแหน่งให้เป็นกองหน้า

ถ้าเริ่มขี้เกียจ เราก็กด Clone ได้เลย

เพิ่ม Batman เป็นกองกลาง

เพิ่ม Wonder Women เป็นกองหลัง

ปรับแต่งสีของทีมนี้เล็กน้อย แล้วก็อย่าลืมส่องดูด้วย Preview นะครับ

เสร็จแล้วให้เรากด Publish ได้เลยทันที จากนั้นให้เรา Copy Shortcode ที่ด้านข้างเอาไว้ แล้วเตรียมเอาไปวางที่หน้าเกี่ยวกับเรา

Biography ของแต่ละคน

– บุรุษเหล็กที่แข็งแกร่งที่สุดในจักรวาล ฟันแทงไม่เข้า ราวกับลงยันต์มา
– อัศวินแห่งรัตติกาล ใครมองหาในความมืดมิดมักจะหาไม่เจอ
– สาวสวยประจำกลุ่ม Justice พละกำลังมหาศาล ยากจะต่อกร

การลิงค์ไปที่หน้าบุคคล

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

เราสร้างหน้า Super Man ครับ

จากนั้นกด Publish แล้วทำการ Copy Link Address ครับ แล้วกลับไปที่ All Teams

จากนั้นเลือกทีม Justice League ขึ้นมาครับ

ที่ใต้รูปของ Super Man จะมี Link อยู่ครับ ให้เราจัดการ วางลิงค์ที่เรา Copy มาลงไปเลยครับ

จากนั้นให้เรากด Update หนึ่งครั้งครับ แล้วไปดูผลที่หน้าเว็บไซต์กันเลยครับ

ทดสอบ

เราจะเห็นได้ว่า เราสามารถคลิกที่รูป Super Man ได้แล้วครับ แล้วก็ไปที่หน้าส่วนตัวของ Super Man ครับ

สรุป

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

ในวีดีโอนี้ก็ขอจบเพียงเท่านี้ครับ


ช่วยแชร์ให้เพื่อน... สนับสนุนผู้เขียนครับ :)
ประชาสัมพันธ์
คอร์สเรียนออนไลน์
ทำ Blog ง่ายๆ ใครก็ทำได้

Blog คือ เครื่องมือที่ใช้สร้างโอกาส 

และ สร้างตัวตนได้ ทุกยุคทุกสมัย 

ราคาปกติ 3,990 บาท
Early Bird 1,990 บาท
(สำหรับ 50 ท่านแรก)

พลากร สอนสร้างเว็บ

รับเทคนิค ความรู้ ข่าวสาร การทำเว็บไซต์

จาก พลากร สอนสร้างเว็บ

เฉพาะ สมาชิกเท่านั้น

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *