วิธีสร้างปฏิทินกิจกรรมบนเว็บไซต์ WordPress

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

ปฏิทินกิจกรรม

วิธีที่ง่ายที่สุดในการเพิ่มปฏิทินกิจกรรมคือการใช้ปลั๊กอินที่เรียกว่าปฏิทินกิจกรรม มีทั้งรุ่นฟรีและรุ่นโปร ฉันใช้เวอร์ชันฟรี รุ่น Pro เพิ่มคุณสมบัติมากมายและดีกว่าสำหรับการเพิ่มกิจกรรมในเค้าโครง Divi ของคุณและสร้างหน้ากิจกรรมของคุณเอง

การตั้งค่าปฏิทินกิจกรรม

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

การสร้างเหตุการณ์

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

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

วันและเวลา

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

การเลือก เวลา จะเปิดกล่องดรอปดาวน์ซึ่งคุณสามารถเลือกเวลาได้ เวลาเริ่มทุกครึ่งชั่วโมง

เลือก เขตเวลา เพื่อเปิดกล่องดรอปดาวน์เพื่อเลือกเขตเวลาสำหรับกิจกรรม หากต่างจากค่าเริ่มต้น

เลือก All Day Event หากคุณต้องการลบเวลาและโพสต์วันที่

ฉันได้ตั้งค่ากิจกรรมของฉันให้เริ่มวันที่ 12 ^{กุมภาพันธ์} เวลา 8.00 น. และดำเนินการจนถึงวันที่ 13 ^{กุมภาพันธ์} เวลา 17.00 น. สำหรับเขตเวลา UTC-5

ที่ตั้ง

ตำแหน่ง มีตัวเลือกในการสร้างหรือค้นหาสถานที่ แสดงแผนที่ และแสดงลิงก์แผนที่ ภาพนี้แสดงกล่องดรอปดาวน์ของสถานที่ มันแสดงรายการ สถานที่ของฉัน และ สถานที่ว่าง คุณสามารถค้นหาได้

หากต้องการสร้างสถานที่ใหม่ เพียงป้อนชื่อแล้วคลิกลิงก์สร้างที่ปรากฏขึ้น

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

ผู้จัดงาน

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

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

เว็บไซต์

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

ค่าจัดงาน

สำหรับ ค่าใช้จ่าย ของกิจกรรม ให้ป้อนสัญลักษณ์สกุลเงิน เลือกว่าคุณต้องการให้สัญลักษณ์ปรากฏก่อนหรือหลังต้นทุน (โดยค่าเริ่มต้นจะตั้งค่าเป็น ก่อนต้นทุน) แล้วป้อนจำนวนเงิน

ฟังก์ชั่นเพิ่มเติม

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

การคลิกลิงก์จะเปิดหน้าซึ่งคุณสามารถดูส่วน เสริม ที่มีอยู่ทั้งหมดและทำการซื้อได้

ตัวอย่างเหตุการณ์

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

นี่คือเหตุการณ์ที่ ส่วนหน้า โดยจะแสดงชื่อ วันที่ เวลา และราคาที่ด้านบน ถัดไป จะแสดงรูปภาพและเนื้อหาเด่น ต่อไปนี้คือปุ่มสำหรับ Google ปฏิทินและ iCal จากนั้นจะมีรายการของกิจกรรมและรายละเอียดผู้จัดงานทั้งหมด สุดท้ายจะแสดงชื่อสถานที่ ที่อยู่ หมายเลขโทรศัพท์ และแผนที่ Google

เหตุการณ์ทั้งหมด

กิจกรรมจะแสดงอยู่ใน ไลบรารีกิจกรรม ซึ่งคุณสามารถแก้ไขหรือลบได้

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

รายการดู

นี่คือ มุมมองรายการ โดยจะจัดเรียงตามวันที่โดยอัตโนมัติ กิจกรรมเหล่านี้บางส่วนมาจากธีมย่อยของ Podcast

มุมมองรายเดือน

นี่คือ มุมมองเดือน มันสร้างปฏิทินโดยอัตโนมัติ ประกอบด้วยการนำทางสำหรับเดือนก่อนหน้าและเดือนถัดไป และปุ่มสำหรับส่งออกกิจกรรม

การวางเมาส์เหนือเหตุการณ์จะแสดงรายละเอียดในป๊อปอัป การคลิกจะนำคุณไปยังหน้ารายละเอียดของกิจกรรม

วิวกลางวัน

สำหรับ มุมมองวัน คุณจะต้องเลือกวันที่คุณต้องการดู การเลือกวันที่จะเปิดตัวเลือกวันที่

เหตุการณ์ทั้งหมดสำหรับวันนั้นจะปรากฏขึ้น เพิ่มการนำทางสำหรับวันก่อนหน้าและวันถัดไป

การเพิ่มหน้ากิจกรรมในเมนูของคุณ

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

คุณสามารถเพิ่มเหตุการณ์และหมวดหมู่เหตุการณ์เฉพาะลงในเมนูของคุณได้แล้ว ตัวอย่างนี้เพิ่ม WordCamp Knoxville Event ของฉันไปที่เมนู

สำหรับสิ่งนี้ ฉันได้เพิ่ม WordCamp เป็นหมวดหมู่

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

วาง URL ใน Custom Links ตั้งชื่อ และเพิ่มลงในเมนู

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

ต่อไปนี้คือเมนูที่เชื่อมโยงไปยังหน้ากิจกรรม

วิดเจ็ตเหตุการณ์

ปลั๊กอินมีวิดเจ็ตที่เรียกว่า รายการกิจกรรม คุณสามารถวางวิดเจ็ตนี้ภายในแถบด้านข้างหรือภายในเค้าโครง Divi ของคุณโดยใช้โมดูลวิดเจ็ต ตั้งชื่อ เลือกจำนวนเหตุการณ์ที่จะแสดง แสดงวิดเจ็ตเฉพาะเมื่อมีกิจกรรมที่จะเกิดขึ้น จำกัดเฉพาะเหตุการณ์เด่น และสร้างข้อมูล JSON-LD

ต่อไปนี้คือลักษณะวิดเจ็ตภายในแถบด้านข้าง

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

ตัวสร้างธีม Divi

เนื่องจากปลั๊กอินเพิ่มหมวดหมู่เหตุการณ์ กิจกรรม จึงเป็นตัวเลือกในการกำหนดเลย์เอาต์ใน Divi Theme Builder นอกจากนี้ เนื่องจากโมดูลบล็อกสามารถแสดงเนื้อหาสำหรับหน้าปัจจุบัน Theme Builder เป็นวิธีที่ยอดเยี่ยมในการออกแบบเลย์เอาต์สำหรับหน้ากิจกรรมทั้งหมดของคุณ

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

หน้าหมวดหมู่เหตุการณ์

นี่คือ หน้ากิจกรรม เวอร์ชันฟรีไม่มีฟิลเตอร์ แต่มีเลย์เอาต์ที่สวยงาม รหัสย่อของรุ่นโปรจะรวมตัวกรอง

หน้ากิจกรรมส่วนบุคคล

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

เครื่องมือปรับแต่งธีม

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

ธีมย่อยที่มีปลั๊กอินปฏิทินกิจกรรม

มีธีมลูก Divi หลายชุดในร้าน Aspen Grove Studios ที่มีปลั๊กอินปฏิทินกิจกรรม นี่คือหน้าของกิจกรรมที่มีลิงก์เพื่อให้คุณสามารถดูการทำงานของปลั๊กอินได้

Divi Nonprofit

นี่คือรายการของกิจกรรม Divi Nonprofit child พวกเขา มันแสดงเหตุการณ์ที่จะเกิดขึ้นพร้อมพื้นหลังสีอ่อนพร้อมไฮไลท์สีแดง

Divi Photography

นี่คือหน้ากิจกรรมของธีมเด็ก Divi Photography หน้านี้มีพื้นหลังสีเข้มพร้อมไฮไลท์สีทอง

จบความคิด

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

เราต้องการที่จะได้ยินจากคุณ คุณได้สร้างปฏิทินกิจกรรมสำหรับเว็บไซต์ WordPress ของคุณหรือไม่? แจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในความคิดเห็น