ธีม Seed ในชุด Seed Kit สำหรับทำเว็บ เป็นธีมเริ่มต้น (Starter Theme) หมาะกับนักพัฒนาที่ต้องการแก้โค้ดเอง ตอนนี้ออกเวอร์ชั่นใหม่ 2.1 แล้วนะครับ
หลักๆ คือ เปลี่ยนสไลเดอร์จาก flickity มาใช้ keen-slider.io เป็นหลัก ทำให้โหลดเร็วและลื่นมาก ลองเปิดหน้า https://seed.seeddemo.com/seeddemo/ บนมือถือดูได้ครับ
นอกจากนั้นยังเปลี่ยนการเรียกตัวแปรมาใช้ CSS Variables ซึ่งทำให้โค้ดสั้นลง ปรับต่อง่ายขึ้น / ใช้ SVG Icon แบบแทน Icon Font ทำให้โหลดเร็วขึ้น / ใช้ฟอนต์ Anuphan เป็นฟอนต์พาดหัวแทน IBM Plex Thai เพราะคิดว่าฟอนต์นี้สวยสุดในบรรดาฟอนต์ฟรีละ (แต่ฟอนต์เมล็ดพันธุ์ก็ยังมีให้ในธีมนะครับ ลองเรียกใช้ดูได้ครับ)
ความเปลี่ยนแปลงในเวอร์ชั่น 2.1
2.1.1
- Date: 13 ก.ค. 2020.
- Fix: แก้ปัญหากดปุ่มปิดใน modal ของฟอร์มสำหรับค้นหา
2.1.0
- Date: 12 ก.ค. 2020.
- New: ปรับมาใช้ Keen Slider – น่าจะเบาสุด ลื่นสุดในตอนนี้แล้ว
- New: ปรับฟอนต์พาดหัวเป็น Anuphan (แนะนำให้อ่าน บล็อกการออกแบบของคัดสรรดีมาก ประกอบครับ)
- New: ใช้ตัวแปรผ่าน CSS Variables ทำให้ตัดสินใจตัดการรองรับ IE ตาม Bootstrap 5 ไป
- New: สามารถใช้ SVG Icons ผ่านฟังก์ชัน seed_icon() ได้ โดยรองรับทุกไอคอนจาก Feather Icons
- New: การแสดงข้อมูลย่อย (meta) ของบทความ ปรับเป็น 4 ฟังก์ชั่น (ตั้งให้แสดงหรือซ่อนไอคอนได้ด้วย) ดังนี้
- seed_posted_on() – ไว้แสดงวันที่ พร้อมค่าเวลาในมาตรฐาน W3C
- seed_posted_by() – ไว้แสดงข้อมูลผู้เขียน
- seed_posted_cats() – ไว้แสดงหมวดหมู่
- seed_posted_tags() – ไว้แสดงแท็ก
- Tweak: ใช้ fitVids vanilla js ไว้ปรับขนาดวีดีโอตามขนาดหน้าจก จาก Youtube / Vimeo เพราะโค้ดเดิมที่ใช้อยู่เหมือนจะไม่ทำงาน
- Tweak: ปรับความสวยงามผ่าน CSS อื่นๆ
คะแนน Page Speed 98
ในหน้าที่เต็มไปด้วย Slider และไอคอน SVG 294 ไอคอน
