1-16: ตั้งค่า Page Template และ Footbar ในธีม “Seed”


 

จะเห็นว่า เมื่อเนื้อหาแบบ Desktop มีขนาดเต็มหน้าจอ ทำให้ไม่ดูดีเท่าที่ควร ดังนั้นควรที่จะมีเมนูด้านซ้ายและด้านขวาด้วย

เช่นหน้า ทีมงานของเรา เราสามารถทำให้หน้านี้มีเมนูหรือคอนเทนต์ด้านซ้ายหรือด้านขวาได้

ไปที่หลังบ้าน > หน้า คลิกที่หน้า เกี่ยวกับเรา

เลื่อนลงมา ทางด้านขวาจะมีเมนู เทมเพลต ให้เลือก คลิกเลือก Left Sidebar จากนั้นคลิกที่ อัพเดท

หรือหากต้องการเปลี่ยนแปลงหลายหน้า คลิกเลือกหน้าที่ต้องการ จากนั้นเลือกการแก้ไขดังรูป จากนั้นคลิกที่ ทำงาน

จะมีการตั้งค่าให้เลือก ดูที่ เทมเพลต ให้เลือกเป็น Left Sidebar จากนั้นคลิกที่ อัพเดท

ไปที่หน้าบ้าน กด Refresh 1 ครั้ง จะเห็นว่าตอนนี้เรามี Content ทางด้านซ้ายแล้ว แต่เราจะสร้างเมนูแทนที่ Content เดิม

ไปที่หลังบ้าน เมนู รูปแบบบล็อก > เมนู จากนั้น สร้างเมนูใหม่

ใช้ชื่อเมนู About เลือกหน้าที่ต้องการใช้เป็นเมนู คลิกที่ เพิ่มเมนู จากนั้นคลิกที่ บันทึกเมนู

ไปที่ รูปแบบบล็อก > วิดเจ็ต จากนั้นดูที่ Left Sidebar ให้ลบวิดเจ็ตเติมออก

เพิ่มวิดเจ็ตชื่อว่า ปรับแต่งเมนู ดังรูป

จากนั้น ช่องเลือกเมนู เลือก About ที่เราสร้างไว้ก่อนหน้านี้ คลิกที่ บันทึก

ไปที่หน้าบ้าน กด Refresh 1 ครั้ง จะเห็นว่าตรง Left Sidebar เปลี่ยนไปเป็นเมนูที่เราสร้างไว้

จากนั้นเราจะสร้างคอนเทนต์ให้ Right Sidebar ด้วย ลองใช้วิดเจ็ต SiteOrigin image

คลิกที่ Choose Media

อาจจะเลือกรูปโฆษณาผู้สนับสนุนซักรูป แนะนำให้มีขนาด 300×250 px

คลิกที่ บันทึก

เพิ่มอีกวิดเจ็ตหนึ่ง คือ Recent Posts With Thumbnails

ไปที่หน้าบ้าน กด Refresh 1 ครั้งที่หน้า Blog จะเห็นว่าจะมี Sidebar ด้านขวาปรากฎขึ้น

หากเราไม่ต้องการให้มี Footbar ก็สามารถทำได้

ลบวิดเจ็ต Layout Builder ออก

กลับไปที่หน้าบ้าน กด Refresh 1 ครั้งจะเห็นว่า Footbar หายไปแล้ว

ในแต่ละหัวข้อ เราสามารถแบ่งการแสดงผลได้จากการกำหนดที่ Sidebar

Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments