วิธีสร้างเมนูบนเว็บไซต์

สารบัญ:

วิธีสร้างเมนูบนเว็บไซต์
วิธีสร้างเมนูบนเว็บไซต์

วีดีโอ: วิธีสร้างเมนูบนเว็บไซต์

วีดีโอ: วิธีสร้างเมนูบนเว็บไซต์
วีดีโอ: การสร้างเมนู บนเว็บ WordPress 2024, เมษายน
Anonim

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

วิธีสร้างเมนูบนเว็บไซต์
วิธีสร้างเมนูบนเว็บไซต์

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

ตอนนี้ดูแลการตั้งค่า - ในบานหน้าต่างด้านขวา เปิดแท็บปุ่ม และระบุแบบอักษรที่ต้องการสำหรับข้อความปุ่ม สี และขนาด จากนั้นลิงก์ในส่วนลิงก์ไปยังหน้าที่คลิกปุ่มนั้น (เช่น index.php)

ขั้นตอนที่ 3

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

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

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

ขั้นตอนที่ 6

หลังจากสร้างเมนู - แนวนอนหรือแนวตั้ง - ไปที่เมนูโปรแกรมแล้วคลิกที่รายการ "แทรกลงในหน้าเว็บ" โดยสังเกตว่าคุณต้องการสร้างรหัสเท่านั้น ระบุเส้นทางไปยังโฟลเดอร์รูปภาพเมนู ซึ่งรายการเมนูกราฟิกในรูปแบบ.png

ขั้นตอนที่ 7

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