ข้ามไปยังเนื้อหาหลัก

วิธีการเพิ่มเมนูแบบเต็มหน้าจอและ WordPress ตอบสนอง

Divi: ธีม WordPress ที่ใช้ง่ายที่สุด

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

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

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

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

เมนูแบบเต็มหน้าจอแสดงตัวอย่าง

สิ่งแรกที่ต้องทำคือติดตั้งและเปิดใช้งานปลั๊กอิน DC เต็มหน้าจอเมนูที่ตอบสนองต่อ. หลังจากเปิดใช้งานปลั๊กอินคุณต้องไปที่ " ลักษณะที่ปรากฏ> เมนู DC เต็มหน้าจอ“ เพื่อกำหนดค่าเมนู

fullscreenmenusettings

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

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

ในอินเทอร์เฟซใหม่นี้คุณต้องเลือกเมนูที่คุณต้องการแสดง หากคุณยังไม่ได้สร้างเมนูคุณ ต้องคิดเกี่ยวกับการทำมัน.

หลังจากนั้นคุณต้องเลือกทิศทางของภาพเคลื่อนไหว (จากซ้ายไปขวาหรือจากขวาไปซ้าย). คุณสามารถเลือกระหว่างความบันเทิงได้หลายประเภท

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

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

คุณสามารถเลือกนโยบาย Google แบบอักษร สำหรับเมนูของคุณ เพียงระบุชื่อตัวอักษรและปลั๊กอินจะจัดการส่วนที่เหลือ

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

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

สำหรับบทช่วยสอนนี้อย่าลังเลที่จะแบ่งปันกับเพื่อน ๆ บนเครือข่ายโซเชียลที่คุณชื่นชอบ และขอใช้โอกาสนี้อีกครั้งเพื่อขอให้คุณมีความสุขในปีใหม่ 2016

บทความนี้ประกอบด้วยข้อคิดเห็น 0

แสดงความคิดเห็น

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

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

กลับไปด้านบน
4 หุ้น
หุ้น4
ทวีต
Enregistrer