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

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

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

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

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

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

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

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

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

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

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

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