Seed 2.1

ธีม 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 ไอคอน

ดูตัวอย่างธีม Seed


หมายเหตุ: คำถามผ่านเฟซบุคอาจมีการตกหล่น แนะนำให้ติดต่อผ่าน อินบ๊อกซ์ หรือ เว็บบอร์ด นะครับ

Copyright © 2016-2019. All rights reserved.