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

ในบทความนี้เราจะแสดงวิธีสร้างส่วนหัวและทำให้โปร่งใสด้วย Elementor. แต่ก่อนอื่นเราจะมาดูกันว่าส่วนหัวแบบลอยตัวและโปร่งใสคืออะไร

ส่วนหัวแบบลอยและโปร่งใสคืออะไร?

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

เหตุใดจึงต้องใช้ส่วนหัวแบบลอยและโปร่งใส

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

• เพิ่มการรับรู้ถึงแบรนด์ของคุณ
• เพิ่มประสบการณ์ผู้ใช้,
• ปรับปรุงการนำทาง

ค้นพบยัง วิธีสร้างชื่อสองสีใน Elementor

ปักหมุดและทำให้ส่วนหัวโปร่งใสด้วย Elementor

ในการสร้างส่วนหัวที่โปร่งใสและลอยได้ คุณต้องมี . ทั้งสองเวอร์ชันElementor (โปรและไลต์). มิฉะนั้น ดาวน์โหลด (Elementor, Elementor Pro) ก่อนเริ่ม

เมื่อติดตั้งแล้ว ให้ทำตามขั้นตอนต่อไป

ขั้นตอน 1: สร้างเมนูด้วย Elementor

ในการสร้างเมนู ให้ทำตามขั้นตอนเหล่านี้:

• เลือกไปเรื่อยๆ ลักษณะที่ปรากฏ >> เมนู
• ตั้งชื่อเมนู
• ระบุตำแหน่งของเมนู
• ตรวจสอบโดยคลิกที่ปุ่ม เมนูบันทึก

• ตรวจสอบหน้าบทความหรือโพสต์ในกลุ่ม เพิ่มรายการเมนู
• คลิกที่ เพิ่มที่เมนู เพื่อเพิ่มรายการที่ทำเครื่องหมายลงในเมนู
• สุดท้ายคลิกที่ บันทึกเมนู

aussi Lire Elementor: วิธีแสดงข้อความเหนือรูปภาพ

ขั้นตอนที่ 2: เลือกเทมเพลตส่วนหัวจาก Elementor Template Library

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

• ไปอย่างต่อเนื่องเพื่อ รุ่น >> เพิ่ม

• คุณจะเห็นป๊อปอัปโมดอล
• เลือก ส่วนหัว
• สุดท้ายคลิกที่ สร้างเทมเพลต

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

เทมเพลตส่วนหัวจะเปิดขึ้นในแคนวาส Elementor

ขั้นตอนที่ 3: ปักหมุดส่วนหัวด้วย Elementor

ในการตรึงส่วนหัว ให้ทำตามขั้นตอนเหล่านี้:

• คลิกที่ปุ่ม แก้ไขส่วนหัว
• จากนั้นเลือกแท็บ ขั้นสูง
• แล้วก็ เอฟเฟกต์การเคลื่อนไหว

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

ยังเรียกดู Elementor: วิธีการส่งออกและนำเข้าเทมเพลต

ขั้นตอนที่ 4: ทำให้ส่วนหัวโปร่งใสด้วย Elementor

เพื่อให้บรรลุสิ่งนี้ ทำซ้ำวิธีการด้านล่าง:

• ไปที่ สไตล์ >> พื้นหลัง >> ตัวเลือกสี

• จากนั้นเปลี่ยนความทึบของพื้นหลัง

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

เพื่อแก้ไขสถานการณ์นี้ ให้ทำดังต่อไปนี้:

• คลิกที่ Modify Menu of . อย่างต่อเนื่อง เรียกดู >> สไตล์
• จากนั้นบน ตัวเลือกสี
• เลือกสีที่ต้องการ (ในกรณีของเราไม่จำเป็นต้องเปลี่ยน)

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

• เลือกแท็บ เนื้อหา
• จากนั้นแก้ไข เมนู โดยการเลือกชื่อส่วนหัวของคุณ

แล้วก็ไป :)

สรุป

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