สวัสดีครับ หลายท่านอาจจะเคยเห็นบางเว็บไซต์ ที่มีส่วนที่เรียกว่า 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 คือ เครื่องมือที่ใช้สร้างโอกาส
และ สร้างตัวตนได้ ทุกยุคทุกสมัย
(สำหรับ 50 ท่านแรก)
รับเทคนิค ความรู้ ข่าวสาร การทำเว็บไซต์
จาก พลากร สอนสร้างเว็บ
เฉพาะ สมาชิกเท่านั้น