คุณต้องการใช้โลโก้ไดนามิกในโมดูล Divi Fullwidth Menu ของคุณหรือไม่?
เปลี่ยนโลโก้ของ a เว็บไซต์เว็บ อาจเป็นกระบวนการที่ใช้เวลานาน โดยเฉพาะอย่างยิ่งถ้า เว็บไซต์เว็บ ใช้ส่วนหัวที่แตกต่างกันสำหรับเทมเพลตต่างๆ
หากคุณใช้รูปภาพสำหรับส่วนหัวแต่ละส่วน คุณจะต้องเข้าถึงและแก้ไขแต่ละรายการด้วยตนเอง
โชคดีที่ Divi สามารถแสดงโลโก้ของคุณได้แบบไดนามิก เว็บไซต์ซึ่งช่วยคุณประหยัดเวลา!
ในบทความนี้ เราจะมาดูวิธีการใช้โลโก้แบบไดนามิกในโมดูลเมนูแบบเต็มความกว้างของ Divi
ขอเริ่มต้น!
วิธีใช้โลโก้ไดนามิกในโมดูลเมนูเต็มความกว้าง
ในการเริ่มต้น ให้เปิดโมดูลเมนูเต็มความกว้างที่คุณต้องการใช้โลโก้แบบไดนามิก ฉันปรับเทมเพลตส่วนหัวใน Divi Theme Builder
ดูสิ่งนี้ด้วย: Divi: วิธีใช้ตัวเลือก "Gradient Repeat" เพื่อสร้างรูปแบบพื้นหลังที่กำหนดเอง
สำหรับตัวอย่างนี้ เราถือว่าคุณได้กำหนดค่าโมดูลเมนูแบบเต็มความกว้างด้วยโลโก้ที่เลือกแล้ว
เปิดตัวสร้างธีม Divi
หากต้องการใช้โลโก้แบบไดนามิก ให้ไปที่ Divi > ตัวสร้างธีม ในแดชบอร์ด WordPress
- Divi
- ตัวสร้างธีม
เลือก ไอคอน ของส่วนหัวที่คุณต้องการแก้ไข รอให้โปรแกรมแก้ไขเปิดขึ้น
- Edit
เปลี่ยนโลโก้เป็นเนื้อหาไดนามิก
จากนั้นเปิด การตั้งค่า จากโมดูลเมนูแบบเต็มโดยเลือกไอคอนรูปเฟือง
- การตั้งค่าโมดูล
ในแท็บ คอนเทนต์, เลื่อนลงไปที่หัวข้อ โลโก้. วางเมาส์เหนือภาพโลโก้แล้วคลิก ไอคอนถังขยะ . คุณยังสามารถคลิกไอคอนรีเซ็ตแบบวงกลมได้หากต้องการ
- ลบ
จากนั้นวางเมาส์เหนือพื้นที่ภาพเพื่อแสดง ไอคอน เนื้อหา พลวัต . คลิกที่ไอคอนเพื่อเปิดตัวเลือกของ เนื้อหา พลวัต.
- เนื้อหาแบบไดนามิก
โมดอลจะเปิดขึ้นพร้อมตัวเลือกมากมายให้เลือก เลือก โลโก้ของเว็บไซต์ ในส่วนบน
- โลโก้เว็บไซต์
คุณจะเห็นโลโก้ใหม่ปรากฏในเมนูส่วนหัวซึ่งระบุไว้ในตัวเลือกของ ธีม Divi.
ใต้โลโก้ในการตั้งค่าการเลือกโลโก้ คุณจะเห็นข้อความ “เว็บไซต์โลโก้”. ซึ่งบ่งชี้ว่าขณะนี้โมดูลแสดงโลโก้แบบไดนามิก คลิกปุ่มสีเขียวเพื่อปิดโมดูล
จากนั้นบันทึกเลย์เอาต์โดยคลิกปุ่มสีเขียว Enregistrer ที่มุมล่างขวาและคลิกที่ X ที่มุมขวาบนเพื่อปิดตัวแก้ไข
- ลด
- ปิดหน้านี้
สุดท้ายให้คลิก บันทึกการเปลี่ยนแปลง ที่มุมซ้ายบนของหน้าจอตัวสร้างธีม
- บันทึกการเปลี่ยนแปลง
อ่าน: Divi: วิธีเปลี่ยนรูปแบบขององค์ประกอบต่าง ๆ เมื่อวางเมาส์เหนือหรือหลังจากคลิก
ดำเนินการชุดขั้นตอนนี้สำหรับแต่ละโมดูลเมนูเต็มความกว้างที่คุณต้องการใช้โลโก้ไดนามิก เราขอแนะนำให้คุณดำเนินการนี้เมื่อคุณคัดลอกหรือสร้างส่วนหัว
ตอนนี้เรามาดูวิธีการแก้ไขโลโก้ Divi เพื่อให้เปลี่ยนแปลงในโมดูลเมนูแบบเต็มความกว้าง
วิธีเปลี่ยนโลโก้ใน Divi
ต่อไปเรามาดูวิธีบอก Divi ว่าจะใช้โลโก้อะไร เมื่อใดก็ตามที่คุณต้องการเปลี่ยนโลโก้ ให้ทำตามขั้นตอนต่อไปนี้ โลโก้จะเปลี่ยนแบบไดนามิก ดังนั้นผู้ใช้ Divi จึงไม่จำเป็นต้องเปิดโมดูลเมนูแบบเต็มความกว้างเพื่อเปลี่ยนโลโก้
โลโก้ Divi “ก่อน”
เพื่อช่วยให้เข้าใจสิ่งที่เกิดขึ้น เรามาดูโลโก้ด้านหน้าไซต์ก่อนและหลังการเปลี่ยนแปลงกัน อันดับแรก นี่คือตัวอย่างโลโก้ปัจจุบันบนเว็บไซต์ทดสอบของฉัน มีการกำหนดค่าในตัวเลือกของ ธีม Divi.
เปลี่ยนโลโก้ Divi
หากต้องการเปลี่ยนโลโก้ Divi ให้ไปที่ Divi > ตัวเลือกชุดรูปแบบ ในแดชบอร์ด WordPress แท็บแรก ทั่วไป มีฟิลด์ชื่อ โลโก้ ประกอบด้วยฟิลด์ที่มี URL ของโลโก้ ปุ่มสำหรับรีเซ็ตโลโก้เริ่มต้น และปุ่มสำหรับอัปโหลดโลโก้ไปยังไลบรารีสื่อ
- Divi
- ตัวเลือกชุดรูปแบบ
- ทั่วไป (บรรทัดที่ 1)
- ทั่วไป (บรรทัดที่ 2
- อัพโหลด
ซึ่งจะเปิดโฟลเดอร์สื่อซึ่งคุณสามารถเลือกรูปภาพจากไลบรารีสื่อหรืออัปโหลดรูปภาพใหม่ได้
- เลือกภาพ
- ตั้งเป็นโลโก้
คลิกที่ บันทึกการเปลี่ยนแปลง ที่มุมซ้ายบนของหน้าจอเหนือตัวเลือกของ ธีม Divi. ขณะนี้ทุกเทมเพลตรวมถึงโมดูลเมนูเต็มความกว้างพร้อมการตั้งค่าโลโก้แบบไดนามิกได้เปลี่ยนโลโก้เพื่อแสดงโลโก้ใหม่ของคุณโดยอัตโนมัติ
- บันทึกการเปลี่ยนแปลง
โลโก้ Divi "หลัง"
ส่วนหน้าของไซต์ของฉันแสดงโลโก้ใหม่แล้ว แม้ว่าฉันไม่ได้เปิดตัวสร้างธีมและทำการเปลี่ยนแปลงที่นั่น การเปลี่ยนแปลงนี้มีผลโดยอัตโนมัติในทุกโมดูลเมนูแบบเต็มความกว้างที่ใช้โลโก้แบบไดนามิก
อีกตัวอย่างหนึ่ง เมื่อเราเปิดหนึ่งในเทมเพลตในตัวสร้างธีม เราจะเห็นโลโก้ใหม่ ตัวอย่างนี้แสดงเค้าโครงส่วนหัวของหน้าแรกที่มีโลโก้ที่อัปเดตแล้วโดยไม่ต้องป้อนข้อมูลเพิ่มเติมจากฉัน
ดาวน์โหลด DIVI ทันที !!!
สรุป
นี่คือลักษณะการใช้งานโลโก้แบบไดนามิกในโมดูลเมนูแบบเต็มความกว้างของ Divi โลโก้ไดนามิกนั้นง่ายต่อการติดตั้งในโมดูล การใช้โลโก้แบบไดนามิกสามารถประหยัดเวลาได้มากเมื่อเปลี่ยนโลโก้บนไซต์ Divi
แม้ว่าคุณจะใช้โมดูลเมนูเต็มความกว้างเพียงโมดูลเดียว โลโก้ไดนามิกจะทำให้กระบวนการง่ายขึ้น เมื่อใช้โมดูลหลายโมดูล โลโก้ไดนามิกมีผลอย่างมากในการประหยัดเวลาและลดข้อผิดพลาด
หวังว่านี้จะเป็นประโยชน์สำหรับบล็อกของคุณต่อไป หากคุณมีข้อกังวลหรือข้อเสนอแนะ หาเราใน ส่วนความเห็น เพื่อหารือเกี่ยวกับมัน
ปรึกษาได้นะคะ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณ
อย่าลังเลที่จะปรึกษาคำแนะนำของเราเกี่ยวกับ การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...
