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

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

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

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

fullscreenmenusettings

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

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

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

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

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

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

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

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