ธีม Seed จะมาพร้อมหน้าตั้งค่าที่เมนู รูปแบบเว็บ -> ตั้งค่าธีม โดยเขียนให้มีประสิทธิภาพดีที่สุด ไม่มีกราฟฟิคหรือตัวเลือกให้มากนัก สามารถเลือก เปิดใช้งาน แล้วค่าต่างๆ ได้ตามรูป

หรือสามารถแก้ที่โค้ดได้เช่นกัน โดยเพิ่มการตั้งค่าไว้ที่ส่วนบนของไฟล์ functions.php
ชื่อ, โค้ดที่ใส่ และค่าเริ่มต้น |
ค่าที่ใช้ได้ |
คำอธิบาย |
Layout
define('SEED_LAYOUT', 'full-width'); |
|
|
Header (Mobile)
define('SEED_HEADER_MOBILE', 'fixed'); |
|
- บนมือถือ: ส่วนหัว (โลโก้/เมนู) ติดขอบบนของหน้าจอ ไม่เลื่อนเวลา scroll
- บนมือถือ: ส่วนหัวเลื่อนไปพร้อมหน้าเว็บ เวลาใช้เมาส์ scroll ขึ้นลง
|
Header (Desktop)
define('SEED_HEADER_DESKTOP', 'standard'); |
|
- บนจอคอม: ส่วนหัว (โลโก้/เมนู) ติดขอบบนของหน้าจอ ไม่เลื่อนเวลา scroll
- บนจอคอม: ส่วนหัวเลื่อนไปพร้อมหน้าเว็บ เวลาใช้เมาส์ scroll ขึ้นลง
|
Mobile Menu
define('SEED_MENU', 'off-canvas'); |
|
|
Mobile Menu Icon
define('SEED_MENU_ICON', 'off-canvas'); |
|
- ไอคอนเมนูขนาดเล็ก
- ไอคอนเมนูขนาดใหญ่ (แสดงเฉพาะไอคอน ไม่มีคำว่า Menu)
|
Blog Layout
define('SEED_BLOG_LAYOUT', 'rightbar'); |
- rightbar
- leftbar
- full-width
|
- เลย์เอาท์ของหน้าบล็อก/หมวดหมู่ แสดงมีกล่องวิดเจ็ตทางด้านขวา (Rightbar) กว้าง 300px
- แสดงแบบมีกล่องวิดเจ็ตทางด้านซ้าย (Leftbar) กว้าง 210px
- แสดงแบบเต็มความกว้าง (ไม่มี Sidebar)
|
Blog Columns
define('SEED_BLOG_COLUMNS', '1'); |
|
- จำนวนคอลัมน์ที่แสดงในหน้าบล็อก/หมวดหมู่
- มีได้ตั้งแต่ 1-6
|
Shop Layout
define('SEED_SHOP_LAYOUT', 'leftbar'); |
- leftbar
- full-width
- rightbar
|
- เลย์เอาท์ของหน้าร้านค้า WooCommerce แสดงกล่องวิดเจ็ตทางด้านซ้าย (Leftbar) กว้าง 210px
- แสดงแบบเต็มความกว้าง (ไม่มี Sidebar)
- แสดงแบบมีกล่องวิดเจ็ตทางด้านขวา (Rightbar) กว้าง 300px
|
Shop Mainpage
define('SEED_SHOP_MAINPAGE', 'default'); |
|
- หน้าแรกของร้านค้า WooCommerce แสดงสินค้าทั้งหมด
- หน้าแรกของร้านค้า แสดงตามที่เราสร้างเองด้วย Page Builder
|
Admin Bar
define('SEED_ADMIN_BAR', 'hidden'); |
|
- ไม่แสดงแถบเมนูสำหรับ Admin (Admin Bar)
- แสดงแถบเมนูไว้ด้านบน (ไม่ควรใช้ ถ้าเลือก SEED_HEADER เป้น fixed)
- แสดงแถบเมนูไว้ด้านล่าง (แนะนำ เพราะจะไม่เกะกะเว็บดี)
|
Framework
define('SEED_FRAMEWORK', 'bootstrap-3-minimal'); |
- bootstrap-3-minimal
- bootstrap-3
- bootstrap-4
|
- Bootstrap 3 เลือกเฉพาะ CSS เกี่ยวกับ Grid และข้อความ
- Bootstrap 3 ครบทั้ง CSS และ JS
- Bootstrap 4 ครบทั้ง CSS และ JS
|
Font Awesome
define('SEED_FONTAWESOME', 'disable'); |
|
|