วิธีใช้ตัวสร้างส่วนหัวและส่วนท้ายในธีม Kadence อธิบายการตั้งค่าแล้ว!

เผยแพร่แล้ว: 2024-08-24
kadence-ส่วนหัว-ส่วนท้าย-ผู้สร้าง

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

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

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

ตอนนี้เรามาดูวิธีใช้เครื่องมือสร้างการออกแบบนี้กัน!

จะใช้ตัวสร้างส่วนหัว Kadence ได้อย่างไร

ขั้นตอนที่ 1 : เข้าสู่แดชบอร์ด WordPress ของคุณแล้วไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ส่วนหัว

ปรับแต่ง Kadence ส่วนหัว

ขั้นตอนที่ 2: การคลิกที่ส่วนหัวจะแสดงสองส่วน (แนวตั้งและแนวนอน) ส่วนแนวตั้งด้านซ้ายมีองค์ประกอบส่วนหัว และ ส่วนแนวนอนด้านขวามีตัวสร้างส่วนหัว นี่คือภาพสำหรับการอ้างอิงของคุณ!

การตั้งค่ารายละเอียดตัวสร้างส่วนหัว

ขั้นตอนที่ 3: ดูส่วนหัว Kadence มาตรฐาน (ดูภาพ) ตอนนี้ฉันจะทำการปรับแต่งบางอย่างเพื่อให้ได้รูปลักษณ์ที่เป็นเอกลักษณ์

ส่วนหัวเริ่มต้น

kadence-default-การออกแบบส่วนหัว

ให้ฉันบอกวิธีใช้ตัวสร้างส่วนหัวของธีม Kadence WordPress เพื่อให้ได้ผลลัพธ์เช่นนี้!

ส่วนหัวที่กำหนดเองอย่างง่าย

การออกแบบส่วนหัวตัวอย่าง kadence

ส่วนหัวตัวอย่างนี้มีสามส่วน!

ขั้นตอนที่ 4:

ฉันกำลังย้ายองค์ประกอบบางอย่างไปยังส่วนตัวสร้างส่วนหัว ตรวจสอบภาพด้านล่าง

ส่วนหัวด้านซ้ายบน – ไอคอนโซเชียลมีเดีย

ส่วนหัวขวาบน – การนำทางหลักและแถบค้นหา

ส่วนหัวตรงกลาง – โลโก้

ส่วนหัวด้านซ้ายล่าง – เมนูนำทางรอง

ส่วนหัวด้านล่างขวา – ปุ่มลงทะเบียน

การตั้งค่าส่วนหัวของ kadence-builder

ขั้นตอนที่ 5: ฉัน ต้องการปรับแต่งการออกแบบหลังจากรวมองค์ประกอบต่างๆ แล้ว

ตัวอย่างเช่น หากต้องการเปลี่ยนการออกแบบไอคอนโซเชียล คุณต้องคลิกไอคอนการตั้งค่าในองค์ประกอบนั้น (ลูกศรทำเครื่องหมายไว้ในภาพ)

kadence-theme-header-elements-builder

คุณสามารถเพิ่มไอคอนโซเชียลมีเดียเพิ่มเติมได้ผ่านปุ่ม “ เพิ่มโซเชียล+

เพิ่มสังคมไอคอนส่วนหัว

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

ส่วนหัว-ตัวสร้าง-โซเชียล-ไอคอน

ตอนนี้ฉันกำลังปรับแต่งไอคอนโซเชียลมีเดียโดยปรับเปลี่ยนสี ขนาด และตัวเลือกอื่นๆ การตั้งค่าเหล่านี้มีอยู่ในแท็บ " การออกแบบ "

การออกแบบส่วนหัว kadence ธีม

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

ตอนนี้ ให้ฉันเปลี่ยนสีพื้นหลังของส่วนหัวที่ฉันกำลังออกแบบ

เพื่อสิ่งนั้นฉันใช้การตั้งค่าแถบด้านบน (ดูรูปด้านล่าง)

header-builder-settings-kadence-theme

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

kadence-ส่วนหัว-เปลี่ยนสี-พื้นหลัง

ที่นี่ ฉันกำลังเปลี่ยนสีพื้นหลังของส่วนหัวด้านบนของฉัน การออกแบบส่วนหัวของฉันมี 3 ส่วน (บน กลาง และล่าง – ฉันได้แสดงส่วนหัวตัวอย่างที่จุดเริ่มต้นของคำแนะนำทีละขั้นตอน)

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

นี่คือโค้ดสีพื้นหลังที่ฉันใช้!

ส่วนหัวด้านบน – F5F6F8

ส่วนหัวตรงกลาง – F5F6F8

ส่วนหัวด้านล่าง – 111111

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

ตัวสร้างส่วนหัว-สีพื้นหลัง-การเปลี่ยนแปลง

ปรับเปลี่ยนสีเมนู สีโฮเวอร์ และสีเมนูปัจจุบัน (ตรวจสอบภาพอ้างอิง)

การปรับแต่งส่วนหัวของ kadence

ใช้ตัวเลือก " สีการนำทาง " เพื่อแก้ไขการผสมสีที่คุณต้องการ ในทำนองเดียวกัน ให้เปลี่ยนข้อความของปุ่มให้ตรงกับความชอบของคุณ

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

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

เครื่องมือสร้างส่วนท้ายของ Kadence

ขั้นตอนที่ 1 : ลงชื่อเข้าใช้แดชบอร์ด WordPress ของคุณแล้วไปที่ ลักษณะที่ปรากฏ > ปรับแต่ง > ส่วนท้าย

ขั้นตอนที่ 2: ตรวจสอบตัวสร้างส่วนท้ายของธีม Kadence มีการตั้งค่าคล้ายกับการตั้งค่าของตัวสร้างส่วนหัว

kadence-theme-footer-builder

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

เพิ่ม-kadence-ส่วนท้าย-วิดเจ็ต

ฉันหวังว่าคุณจะชัดเจนกับการตั้งค่าการปรับแต่งของ Kadence Header และ Footer Builder

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

คุณสมบัติตัวสร้างส่วนหัว

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

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

ไม่ใช่แค่พวกนี้เท่านั้น! เครื่องมือสร้างแบบลากและวางที่ยอดเยี่ยมนี้มีเลย์เอาต์ที่สร้างไว้ล่วงหน้าที่น่าดึงดูดและสามารถรวมเข้ากับปลั๊กอิน Woocommerce ยอดนิยมอื่น ๆ เพื่อเพิ่มองค์ประกอบที่เกี่ยวข้องกับอีคอมเมิร์ซ

คุณสมบัติตัวสร้างส่วนท้าย

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

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

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

คำถามที่พบบ่อย

1. จะเพิ่มส่วนหัวและส่วนท้ายสากลในเทมเพลตที่กำหนดเองของธีม Kadence ได้อย่างไร

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

2. จะแก้ไขส่วนหัวและส่วนท้ายในธีม Kadence ได้อย่างไร?

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

3. ส่วนหัวที่ไม่ซ้ำกันสามารถแสดงบนโพสต์และหน้าบล็อกเฉพาะในธีม Kadence ได้หรือไม่

ใช่! คุณสามารถทำได้ผ่านฟีเจอร์ส่วนหัวแบบมีเงื่อนไขของ Kadence

การสรุปตัวสร้างส่วนท้ายของส่วนหัวของ Kadence

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

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

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