1-14: แนะนำธีมเริ่มต้น “Seed”


 

สำหรับ SeedThemes เราจะมีธีมสำหรับใช้งานจริง ให้คลิกดาวน์โหลดได้ที่ ธีม: Seed 1.4.3

เมื่อดาวน์โหลดเสร็จแล้ว ไปที่หลังบ้าน รูปแบบบล็อก > ธีม > เพิ่มธีมใหม่ > อัพโหลดธีม

คลิกที่ Choose File และเลือกธีม Seed 1.4.3.zip ที่เราโหลดมาแล้ว จากนั้นคลิกที่ ติดตั้งตอนนี้

คลิกที่ ใช้งาน

ตอนนี้เราสามารถใช้ธีม Seed ใว้ใช้งานแล้ว

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

ไปที่หลังบ้าน ไปที่ รูปแบบเว็บ > ปรับแต่ง จากนั้นเลือกที่ อัตลักษณ์เว็บไซต์

ลองเพิ่มโลโก้ คลิกที่ เพิ่มรูปโลโก้

อัพโหลดรูปโลโก้ที่ต้องการ จากนั้นคลิก เลือก

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

จะได้ออกมาในลักษณะนี้ ดังรูป

เราสามารถปิดการแสดงผลหัวข้อเว็บและคำโปรยได้โดยการติ๊ก แสดงหัวข้อเว็บและคำโปรยออกไป

เราสามารถทำให้แทบของเบราว์เซอร์แสดงรูปภาพที่เราต้องการได้ ไปที่รูปไอคอนเว็บ คลิกที่ เลือกรูปภาพ

เลือกรูปภาพที่เราต้องการ แนะนำให้ใช้รูปที่มีขนาด 512 x 512 px

เมื่อเลือกแล้ว จะแสดงผลดังรูป เมื่อปรับตั้งค่าส่วนนี้เสร็จแล้ว เราสามารถปรับตั้งค่าส่วนอื่นได้อีก คลิกที่ลูกศรย้อนกลับ

ไปที่หัวข้อ รูปภาพส่วนหัว

คลิกที่ เพิ่มรูปภาพใหม่

ลองเพิ่มรูปสวยๆลงไปซักรูป แนะนำให้มีขนาด 1600 x 400 px หรือใหญ่กว่าก็ได้ จากนั้นคลิกที่ เลือกและตัด

เราสามารถเลือกรูปภาพทั้งหมดหรือเฉพาะบางมุมที่สามารถครอบตัดได้ จากนั้นคลิกที่ ตัดรูป

เสร็จแล้ว จะแสดงผลดังรูป

เราสามารถดูการแสดงผลในมุมมองของแท็บเล็ตได้ คลิกที่เมนูดังรูป

ลองไปที่ เมนู

เมนูจะเปลี่ยนแปลงเป็นแบบที่ใช้แสดงผลในแท็บเล็ต

สามารถแสดงผลในแบบของ Smartphone ได้

เมื่อคลิกที่ เมนู จะแสดงผลการทำงานเหมือนกับบนอุปกรณ์ Smartphone

และการแสดงผล Content จะเป็นแบบ Responsive

เมื่อคลิกที่การแสดงผลด้านล่าง จะกลับมาแสดงผลบน Desktop เช่นเดิม

เราสามารถปรับแต่งการแสดงเมนูได้ ไปที่หัวข้อ เมนู

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

เราสามารถใช้การแสดงผลเช่นเดียวกับ Desktop บนอุปกรณ์ Smartphone ได้โดยคลิกที่ Mobile Menu

เราสามารถแทรกวิดเจ็ตต่างๆได้ ไปที่หัวข้อ วิดเจ็ต

คลิกที่ Top Right

คลิกที่ เพิ่มวิดเจ็ต

เลือกวิดเจ็ต ค้นหา

จะเห็นว่า กล่องวิดเจ็ตค้นหา ปรากฎบนแถบเมนูด้านขวา

ในส่วนนี้ เป็นส่วนที่ใช้แสดงผลว่า หน้าไหนเป็นหน้าแรก และ หน้าไหนเป็นหน้าเรื่อง ซึ่งเราเคยผ่านมาแล้วในเนื้อหาก่อนหน้านี้

เมื่อทำการตั้งค่าการปรับแต่งเสร็จแล้วคลิกที่ บันทึกและเผยแพร่

ไปที่หน้าบ้าน กด Refresh 1 ครั้ง จะแสดงผลตามที่เราตั้งค่าไว้

Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments