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

1 - ตัวเลือกคลิกขวา

วิธีการทำงาน: เพียงคลิกด้วยปุ่มเมาส์ขวาบนส่วนใดก็ได้ของ Divi Builder

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

2 - ล็อค

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

3 - ลดและเปลี่ยนชื่อ

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

4 - ปิดการใช้งานลิงค์แบบเลื่อนลงระดับบนสุด

สถานที่ตั้ง: Divi →ตัวเลือก→การนำทาง→การตั้งค่าทั่วไป

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

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

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

5 - เลื่อนไปที่สมอ

ตำแหน่งของคุณสมบัติ: Divi →ตัวเลือก→การนำทาง→การตั้งค่าทั่วไป

หากคุณเคยพยายามผูกจุดยึดกับ CSS ID โดยตรงจากหน้าภายนอก คุณอาจสังเกตเห็นว่าตำแหน่งที่หน้าแสดงนั้นไม่ถูกต้องนัก บางครั้งก็ต่ำเกินไปซึ่งทำให้เนื้อหาบางส่วนถูกตัดออกที่ด้านบน

นี่คือหน้าจอของฉันหลังจากเชื่อมต่อ CSS ID ของฉันกับหน้าภายนอก คุณไม่สามารถดูได้ แต่ชื่อของส่วนถูกตัด

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

6 - ซ่อนโลโก้บนมือถือ

สถานที่ตั้ง: Divi →ปรับแต่งธีม→สไตล์มือถือ→เมนูมือถือ

หากคุณต้องการซ่อนโลโก้ของคุณบนมือถือ Divi ทำให้มันง่ายมาก แต่เป็นหนึ่งในตัวเลือกที่ง่ายต่อการมองข้าม ประหยัดเวลาโดยใช้ฟังก์ชันนี้แทนโค้ด CSS

7 - ภาพเคลื่อนไหวแบบเลื่อนลงบนเมนูหลักและเมนูเสริม

• ฟังก์ชันสำหรับเมนูหลัก: Divi →เครื่องมือปรับแต่งธีม→ส่วนหัวและการนำทาง→แถบเมนูหลัก> ภาพเคลื่อนไหวเมนูแบบเลื่อนลง
• ฟังก์ชันสำหรับเมนูรอง: Divi →เครื่องมือปรับแต่งธีม→ส่วนหัวและการนำทาง→แถบเมนูรอง -> ภาพเคลื่อนไหวเมนูแบบเลื่อนลง

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

• ฟองดูแอนิเมชั่
• การพัฒนาแอนิเมชั่น
• ภาพนิ่งภาพเคลื่อนไหว
• เลื่อนภาพเคลื่อนไหว

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

ดาวน์โหลด DIVI ทันที

[vc_row center_row=”ใช่”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]ดาวน์โหลดธีม DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]ดาวน์โหลด TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

บทแนะนำ Divi อื่น ๆ

• เว็บไซต์ 5 สำหรับการใช้งานร้านอาหาร Divi ธีม
• วิธีการเพิ่มข้อความในผลิตภัณฑ์ Divi WooCommerce
• วิธีการเปลี่ยนสีของเมนูระหว่างหน้า Divi
• วิธีปรับเปลี่ยนกริดของบล็อกด้วย Divi
• วิธีการใช้บทบาทของบรรณาธิการ Divi บน WordPress
• วิธีสร้างแถบเลื่อน Divi แบบเต็มหน้าจอ
• วิธีการเปลี่ยนสีของเมนูระหว่างหน้า Divi
• คุณสมบัติที่คุณอาจไม่รู้เกี่ยวกับ Divi
• วิธีการใช้ Divi Builder ใน WordPress
• วิธีใช้โมดูลเลื่อนภาพ Divi
• วิธีการใช้โมดูล Divi Builder Flip
• วิธีการเพิ่มโมดูลข้อความรับรองในตัวสร้าง Divi
• วิธีใช้โมดูลข้อความ Divi
• วิธีสร้างแถบเลื่อนบน Divi
• วิธีแก้ไขบทบาทผู้ใช้ Divi
• วิธีใช้โมดูล Divi Social Media
• วิธีใช้โมดูลร้านค้าในธีม WordPress Divi
• วิธีใช้โมดูลด้านข้าง Divi
• วิธีการใช้โมดูลตารางราคา Divi
• วิธีการใช้โมดูลชื่อเรื่องของสิ่งพิมพ์ของ Divi
• วิธีเพิ่มโมดูลวิดีโอของ Divi
• วิธีใช้โมดูลการนำทางบทความ
• วิธีการใช้โมดูลค้นหา Divi
• วิธีใช้โมดูลกระเป๋าสตางค์ Divi
• วิธีการใช้โมดูลคนบน Divi Builder
• วิธีใช้โมดูลกระเป๋าสตางค์กับตัวกรอง Divi
• วิธีการใช้โมดูลเลื่อนความกว้างเต็ม
• วิธีใช้โมดูล Divi Builder Image
• วิธีใช้โมดูลการนำทางความกว้างเต็มรูปแบบของ Divi Builder
• วิธีการใช้โมดูลคลังภาพ
• วิธีการใช้โมดูลบัตร Divi Builder Full-Width Card
• วิธีใช้โมดูล Divi Full Width Portfolio
• วิธีใช้โมดูลส่วนหัวแบบเต็มความกว้างของ Divi
• วิธีใช้โมดูล Divi Counter
• วิธีใช้แถบเลื่อนบทความบนเครื่องมือสร้าง Divi
• วิธีใช้โมดูล Divi Email Optin