[Genesis Framework] วิธีเปลี่ยนตำแหน่งการแสดงผลของเมนูการนำทาง
ใน Genesis Framework โดยทั่วไปแล้วเมนูการนำทางจะถูกติดตั้งในสองตำแหน่งต่อไปนี้
ส่วนหัว: เมนูการนำทางหลัก
ส่วนท้าย: เมนูการนำทางรอง
ในจำนวนนี้ ฉันจะแสดงวิธีแสดงเมนูการนำทางรองที่แสดงในส่วนท้ายด้านขวาบนของส่วนหัว
วิธีเปลี่ยนตำแหน่งการแสดงเมนูรอง
ตัวอย่างเช่น ฉันจะใช้ธีมลูก "Genesis Example" ที่มาพร้อมกับการซื้อเฟรมเวิร์ก Genesisตามค่าเริ่มต้น เมนูหลักจะมีเพียงบรรทัดเดียว แต่โดยการวางตำแหน่งเมนูส่วนท้ายไว้เหนือส่วนหัว เมนูนั้นจะกลายเป็นสองบรรทัด
1. เปิดหน้าจอการจัดการ WordPress → ลักษณะที่ปรากฏ → แก้ไขธีม
2. ถัดไป เลือกธีมลูกกำเนิดที่คุณต้องการแก้ไขและเปิด function.php
(เก็บข้อมูลสำรองของ function.php โดยการดาวน์โหลดแยกต่างหากในกรณีที่คุณแก้ไขไม่สำเร็จ)
3. ฉันคิดว่าฉันมีรหัสต่อไปนี้ ดังนั้น
// เปลี่ยนตำแหน่งเมนูนำทางรอง remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action( 'genesis_footer', 'genesis_do_subnav', 10 );
4. อัปเดตโดยแทนที่ด้วยรหัสต่อไปนี้
// เปลี่ยนตำแหน่งของเมนูรอง remove_action( 'genesis_after_header', 'genesis_do_subnav' ); add_action ( 'genesis_before_header', 'genesis_do_subnav' );
เพิ่มโค้ดต่อไปนี้ใน CSS เพิ่มเติม
/* จัดตำแหน่งเมนูไปทางขวา */ .nav-secondary{ margin: .3em 2em; text-align:right;
นั่นคือทั้งหมด
ชื่อคลาสคือ .nav-secondary แต่ถ้าชื่อต่างกันตามธีมลูก ให้คลิกขวาที่ google chrome แล้วตรวจสอบจาก Validation