Divi: ธีม WordPress ที่ดีที่สุดของเวลาทั้งหมด!

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

ต้องการสร้างหรือเพิ่มสารบัญใน Elementor หรือไม่?

เมื่อเขียนบทความขนาดยาว เช่น รายการเครื่องมือหรือสถานที่ คุณสามารถเพิ่มสารบัญได้ ใน WordPress มีปลั๊กอินมากมายให้คุณใช้ สร้างสารบัญ ในบทความของคุณ

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

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

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

หมายเหตุ: สารบัญเป็นเครื่องมือระดับมืออาชีพ คุณต้องติดตั้ง Elementor เวอร์ชันโปรเพื่อใช้งาน

วิธีใช้วิดเจ็ตสารบัญใน Elementor

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

อ่าน: วิธีสร้างแบบฟอร์มอัพโหลดไฟล์ใน Elementor

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

เพิ่มวิดเจ็ตสารบัญลงในเทมเพลตโพสต์เดียว

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

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

ในส่วน เลือกส่วน ประเภทของโมเดล, เลือก คำตอบเดียว. ตั้งชื่อโมเดลของคุณและคลิกที่ปุ่ม สร้างแบบจำลอง

เราจะสร้างเทมเพลตโพสต์เดียวตั้งแต่เริ่มต้น ปิดไลบรารีเทมเพลต

สร้างเว็บไซต์ของคุณอย่างง่ายดายด้วย Elementor

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

ดูเพิ่มเติมที่: วิธีเพิ่ม reCAPTCHA ให้กับฟอร์ม Elementor ของคุณ

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

กำหนดความกว้างของคอลัมน์โดยเปรียบเทียบประมาณ 28%: 61%: 10%

วิธีเพิ่มสารบัญใน Elementor

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

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

หากคุณมีความรู้เกี่ยวกับ CSS คุณสามารถยกเว้นตัวเลือก CSS เพื่อป้องกันไม่ให้ปรากฏในรายการเนื้อหา

คุณต้องการขายผลิตภัณฑ์ของคุณบนอินเทอร์เน็ตหรือไม่?

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

อ่าน: วิธีเพิ่มตัวแบ่งเพื่อสร้างส่วนใน Elementor

ในส่วน มุมมองเครื่องหมายคุณสามารถกำหนดเครื่องหมายสำหรับรายการเนื้อหา (สัญลักษณ์แสดงหัวข้อย่อยหรือตัวเลข) หากคุณเลือกสัญลักษณ์แสดงหัวข้อย่อย คุณสามารถตั้งค่าไอคอนจากไลบรารีไอคอนได้

เปิด เพิ่มเติม Options เพื่อแสดงตัวเลือกการตั้งค่าอื่นๆ และเลือกการตั้งค่าที่ต้องการ

วิธีเพิ่มสารบัญใน Elementor

ตอนนี้ไปที่แท็บ สไตล์ เพื่อปรับแต่งสารบัญของคุณ คุณสามารถกำหนดสีพื้นหลัง สีเส้นขอบ ความกว้างของเส้นขอบ และรัศมีของเส้นขอบได้ในส่วน กล่อง.

ขณะตั้งค่าสีส่วนหัว ตัวพิมพ์ส่วนหัว และข้อความส่วนหัว คุณสามารถไปที่ส่วน หัวข้อ.

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

ดูสิ่งนี้ด้วย: วิธีการติดตั้ง Elementor บน WordPress

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

คุณสามารถเล่นกับแผงด้านซ้ายจนกว่าคุณจะพอใจกับสารบัญของคุณ เมื่อเสร็จแล้วให้คลิกที่ปุ่ม Publier และกำหนดเงื่อนไขการแสดงผล

นี่คือตัวอย่างสารบัญที่เราสร้างขึ้น

วิธีเพิ่มสารบัญใน Elementor

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

ในที่สุด

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

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

รับ Elementor Pro ทันที!

สรุป

ที่นี่คือ ! เพียงเท่านี้ในบทความนี้ซึ่งจะแสดงวิธีเพิ่มสารบัญใน Elementor หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.

อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.

...

0 หุ้น
หุ้น
ทวีต
Enregistrer