สร้างเว็บไซต์โซเชียลด้วย WordPress BuddyPress Plugin

เผยแพร่แล้ว: 2018-11-13
WordPress BuddyPress
ติดตาม @Cloudways

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

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

สารบัญ

  • ติดตั้ง WordPress Theme
  • ติดตั้งปลั๊กอิน BuddyPress
  • กำหนดค่าปลั๊กอิน
  • ใช้ BuddyPress กับ Theme
  • สร้างเมนูสำหรับแถบนำทาง
  • เปิดใช้งานการลงทะเบียนบนเว็บไซต์
  • ตั้งค่าหน้าแรก

ขั้นตอนที่ 1: ติดตั้ง WordPress Theme

ฉันจะเลือกธีมสังคมที่เรียบง่ายและเป็นพื้นฐานสำหรับเว็บไซต์ตัวอย่าง สำหรับบทช่วยสอนนี้ ฉันจะใช้ธีม Quest WordPress ในการติดตั้งธีม ให้ไปที่ Appearance → Themes และค้นหา " Quest ” จากนั้นให้คลิกปุ่ม ติดตั้ง ตามที่แสดงด้านล่าง

ดาวน์โหลดธีมเควส

เมื่อติดตั้งแล้วคลิกปุ่มเปิดใช้งานเพื่อเปิดใช้งานรูปบนเว็บไซต์

ธีมเควส

ขั้นตอนที่ 2: ติดตั้ง BuddyPress Plugin

ไปที่ WordPress Admin Panel ไปที่ Plugins → Add New → ค้นหา BuddyPress ในช่องค้นหาที่ด้านบนขวา เมื่อคุณพบปลั๊กอินแล้ว ให้คลิกปุ่ม ติดตั้ง ทันที

เมื่อกระบวนการเสร็จสิ้น เปิดใช้งาน ปลั๊กอิน

ปลั๊กอินบัดดี้เพรส

ต่อไป ฉันจะกำหนดค่าปลั๊กอิน BuddyPress เพื่อใช้กับธีม Quest

ขั้นตอนที่ 3: กำหนดค่าปลั๊กอิน BuddyPress

ไปที่ Plugins → Installed Plugins → BuddyPress → Settings

คุณจะสังเกตเห็นแท็บเครดิตหนึ่งแท็บและแท็บตัวเลือกสามแท็บซึ่งคุณสามารถกำหนดค่า WordPress BuddyPress ได้ตามความต้องการของคุณ

1. ส่วนประกอบ

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

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

2. ตัวเลือก

ตัวเลือกเหล่านี้เพิ่มประสบการณ์ผู้ใช้โดยอนุญาต (หรือไม่อนุญาต) การกระทำโดยผู้ใช้ที่ลงทะเบียน

แท็บตัวเลือก

รีเฟรชกิจกรรมอัตโนมัติ

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

การซิงค์โปรไฟล์

ตัวเลือกนี้อนุญาตให้ผู้ใช้เชื่อมโยงโปรไฟล์ WordPress กับโปรไฟล์ BuddyPress

แสดงความคิดเห็น

เมื่อเปิดใช้งาน ผู้ใช้สามารถเพิ่มความคิดเห็นในโพสต์และความคิดเห็นในสตรีมกิจกรรมได้

3. หน้า

นี่เป็นส่วนที่สำคัญที่สุดสำหรับไซต์โซเชียลของคุณ

แท็บหน้า

แม้ว่าแท็บนี้จะค่อนข้างเรียบง่าย แต่ผู้ใช้ BuddyPress หลายคนอาจสับสน ให้ฉันช่วยให้คุณเข้าใจป้ายกำกับทั้งสามนี้:

  1. สมาชิก
  2. กิจกรรม
  3. กลุ่มผู้ใช้

หมายเหตุ: หากมีข้อสงสัย ให้ใช้การตั้งค่าเริ่มต้นสำหรับป้ายกำกับเหล่านี้

ตอนนี้ ฉันจะสร้างหน้าการ ลงทะเบียน และ การเปิดใช้งาน

ลงทะเบียน

ใน BuddyPress นี่เป็นแบบฟอร์มการลงทะเบียนเริ่มต้น BuddyPress ต้องการหน้าเพื่อกำหนดแบบฟอร์มลงทะเบียน นั่นเป็นเหตุผลที่ฉันต้องเพิ่มหน้าใหม่จากแผงผู้ดูแลระบบ WordPress ของฉัน

เปิดใช้งาน

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

สร้างหน้าลงทะเบียนและเปิดใช้งานบัญชี

สร้างหน้า "การ ลงทะเบียน " โดยไปที่ Pages → Add New

การติดตั้ง BuddyPress wordpress

สร้างหน้า " เปิดใช้งานบัญชี " โดยไปที่ หน้า > เพิ่มใหม่

การติดตั้ง BuddyPress wordpress

ตอนนี้ ไปที่การ ตั้งค่า → BuddyPress → หน้า

หมายเหตุ: หากไม่เห็นตัวเลือกเหล่านี้ ให้ไปที่การ ตั้งค่า → ทั่วไป และเปิดใช้งานตัวเลือก " ใครๆ ก็ลงทะเบียนได้ "

สุดท้าย ให้คลิกปุ่ม “ บันทึกการเปลี่ยนแปลง ” ที่ส่วนท้ายของหน้า

ขั้นตอนที่ 4: การใช้ BuddyPress กับ Theme

ไปที่ ลักษณะที่ปรากฏ → เมนู เปิด ตัวเลือกหน้าจอ จากมุมบนขวา

การติดตั้ง BuddyPress wordpress

ตรวจสอบให้แน่ใจว่าคุณได้ ทำเครื่องหมาย BuddyPress แล้ว

การติดตั้ง BuddyPress wordpress

ขั้นตอนที่ 5: สร้างเมนูสำหรับแถบนำทาง

หมายเหตุ: หากคุณมีแถบเมนูอยู่แล้ว ให้ลบออกก่อนดำเนินการต่อ

การติดตั้ง BuddyPress wordpress

ทำตามขั้นตอนเหล่านี้เพื่อเพิ่มแถบเมนูใหม่

การติดตั้ง BuddyPress wordpress

ลบวิดเจ็ตเริ่มต้นของธีม และกำหนดค่าตามที่คุณต้องการ

การติดตั้ง BuddyPress wordpress

เพิ่มวิดเจ็ต BuddyPress ไปที่แถบด้านข้าง

(BuddyPress) เข้าสู่ระบบ: วิดเจ็ตนี้รวมฟังก์ชันการเข้าสู่ระบบ BuddyPress วิดเจ็ตแสดงแบบฟอร์มการเข้าสู่ระบบในแถบเมนูด้านข้าง

(BuddyPress) กิจกรรมล่าสุด: วิดเจ็ตนี้แสดงกิจกรรมล่าสุดบนไซต์ BuddyPress ทำให้ผู้ใช้สามารถติดตามสิ่งที่กำลังเป็นที่นิยมในชุมชนได้

(BuddyPress) สมาชิก: วิดเจ็ตเมนูด้านข้างนี้แสดงรายการสมาชิกล่าสุดที่ได้รับความนิยมและใช้งานอยู่ทั้งหมด

(BuddyPress) สมาชิกที่ใช้งานล่าสุด: ตามชื่อที่แนะนำ วิดเจ็ตนี้จะแสดงสมาชิกที่ใช้งานล่าสุด

(BuddyPress) ใครกำลังออนไลน์: การ ออนไลน์ไม่ได้หมายความว่าผู้ใช้ยังใช้งานอยู่ วิดเจ็ตนี้ช่วยให้ผู้ใช้รายอื่นเห็นสมาชิกออนไลน์รายอื่น

(BuddyPress) การนำทางหลัก: แสดงกิจกรรมและกล่าวถึงผู้ใช้ทุกคน นี่คือการนำทางหลัก และควรปรากฏที่ด้านบนของวิดเจ็ตอื่นๆ ทั้งหมด

ขั้นตอนที่ 6: เปิดใช้งานการลงทะเบียนผู้ใช้บนเว็บไซต์

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

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

การติดตั้ง BuddyPress wordpress

ขั้นตอนที่ 7: การตั้งค่าหน้าแรก

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

ในตัวอย่างนี้ ฉันได้ตั้งค่าหน้า " กิจกรรม " เป็นหน้าแรกของเว็บไซต์ของฉัน สำหรับสิ่งนี้ ให้ไปที่การ ตั้งค่า > การอ่าน

การติดตั้ง BuddyPress wordpress

ตอนนี้คลิกปุ่ม บันทึกการเปลี่ยนแปลง เว็บไซต์โซเชียลของคุณเองซึ่งขับเคลื่อนโดยปลั๊กอิน WordPress BuddyPress พร้อมแล้วสำหรับผู้เยี่ยมชม

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

ที่เมนูด้านขวา วิดเจ็ตทั้งหมดแสดงตามลำดับที่ฉันเพิ่มเข้าไป และในส่วนหลักของหน้า ฉันมีสตรีมกิจกรรมที่อัปเดตแบบเรียลไทม์

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

ความคิดสุดท้าย

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

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