Skip to content

วันนี้จะพาเพื่อนๆ มารู้จักธีมที่เหมาะสำหรับทำเว็บขายสินค้าที่ใช้ปลั๊กอิน WooCommerce และเป็นธีมที่มีความนิยมสูงธีมหนึ่ง มีความไวในการใช้งาน ใช้ง่ายมีตัวเลือกปรับแต่งมากมาย

ทำความรู้จัก Flatsome

Flatsome เป็นธีมจาก UX-themes เหมาะสำหรับร้านค้าหรือเว็บไซต์บริษัท มีเครื่องมือที่จำเป็นในการสร้างเว็บไซต์ที่มีการตอบสนองได้รวดเร็ว พร้อมประสบการณ์การใช้งานที่น่าทึ่ง มีตัวเลือกปรับแต่งมากมาย สามารถสร้างอะไรก็ได้โดยแทบไม่ต้องเขียนโค้ด และยังมีการอัพเดตธีมเป็นประจำอย่างต่อเนื่อง

เวอร์ชั่นปัจจุบันของ Flatsome ณ ตอนนี้คือเวอร์ชั่น 3.18 ครับ ซึ่งมีการอัพเดตฟีเจอร์ใหม่เข้ามา อาทิ

– เปิดตัวฟังก์ชั่น Pjax ที่ปรับแต่งโดยเฉพาะ อำนวยความสะดวกในการนำทางและการกรองที่ขับเคลื่อนด้วย Ajax

– การแบ่งหน้าด้วย AJAX สำหรับสินค้าและ Blog Post

– AJAX สำหรับ product category widget, Filter และการเรียงลำดับ

– Mini cart สามารถแสดงตัวเลือกการป้อนจำนวนสินค้าด้วย Ajax

– Mini cart แสดงตัวเลือก Free shipping bar

– Mini cart แสดงตัวเลือกการขายแบบ Cross-Sells

– Mini cart เพิ่มไอคอน X (โซเชียลมีเดีย)

ฟีเจอร์ที่น่าสนใจ

สำหรับธีม Flatsome น่าจะมีหลายๆ ท่านได้เคยใช้หรือใช้อยู่ เราจะมาดูว่ามีฟีเจอร์อะไรเด็ดบ้างนะครับ

+ มีตัวเลือก Options ปรับแต่งมาเยอะมาก

+ มี UX Builder ช่วยสร้างเทมเพลต

+ มี Header Builder แบบลากและวาง

+ Optimize เพื่อความไวในการโหลดหน้าเว็บ

+ รองรับ WooCommerce เต็มที่

+ เลือกแสดงสินค้าแบบ Grid

+ Built-in Wishlist

+ Built-in Quick View

+ Catalogue โหมด ปิดฟังก์ชั่นตระกร้าสินค้าให้กลายเป็นแคตาล็อคสินค้า

+ Lottie Element สำหรับสร้าง Animation

+ Gallery แสดงภาพสินค้าที่สวยงาม

+ Variation สินค้าแบบโชว์รูป Built-in มาในธีม

+ Vertical Menu ที่สวยงาม

+ ไฟล์มีขนาดเล็ก น้ำหนักเบา

+ มีเทมเพลตสำเร็จรูปให้เลือกใช้มากมายกว่า 300 แบบ

+ มี Elements ต่างๆ ให้เลือกใช้งานเพียบ

+ คลิก Import เดโมเข้าสู่เว็บในคลิ๊กเดียว

+ รองรับการแปลภาษา

+ รองรับหน้าจอ Responsive

+ Built-in Slider สำหรับการสร้างแบนเนอร์แบบสไลด์บนเว็บ

+ ฟอนต์ให้เลือกใช้จาก Google Fonts กว่า 700 ฟอนต์

+ โหลดภาพอย่างรวดเร็วด้วยฟีเจอร์ Lazy Loading

+ สร้างฟอร์มสวยๆ ด้วย Contact Form 7

+ Live Search สำหรับสินค้า, Pages และ Posts

+ สามารถอัพเดตธีมโดยอัตโนมัติ

+ Live Theme Options พรีวิวหน้าเว็บแบบไม่ต้องบันทึก

+ Optimize โค้ดมาเพื่อ SEO

+ หน้า Account ออกแบบมาอย่างสวยงาม

ราคา

สำหรับธีม Flatsome ไม่ได้ทำมาเพื่อแจกฟรีนะครับ มีขายที่เว็บ themeforest .net ราคา 59 USD (ประมาณ 2,200 บาท) / 1 เว็บ อัพเดตฟรีตลอดชีพ

การใช้งานโดยทั่วไป

หลังจากติดตั้งธีมแล้ว เราจะพบกับหน้าต้อนรับของ Flatsome ให้เรากด Next ทำตามขั้นตอนของธีมแนะนำได้เลยครับ หรือถ้าไม่ต้องการ Setup Wizard ให้กดปุ่ม Not right now

การเข้าถึงเมนูจะอยู่ที่เมนู Flatsome ซ้ายมือ ส่วนอีกเมนูคือ UX Blocks จะใช้สำหรับสร้างเทมเพลต

ให้เราไปที่เมนู Flatsome > Theme Options เพื่อเข้าไปดูตัวเลือกการปรับแต่งธีม จะมีรายการให้เราเลือกปรับเพียบเลยทีเดียว สามารถไล่ดูแต่ละหัวข้อได้ตามชื่อเลยครับ

ส่วนของ Header Builder สามารถลากและวางตามตำแหน่งที่ต้องการ เลือกได้ว่า Element ไหนที่เราจะใช้หรือไม่ใช้งาน

ปรับแต่งในส่วนของ Topbar Layout และ Navigation

Header ยังมีการแบ่งย่อยลงไปเป็น Header Main, Header Bottom, Header Mobile Menu และ Sticky Header

การกำหนดส่วนสูงของ Mobile Menu ตำแหน่งโลโก้ และสไตล์ของ Icon เมนู

การปรับแต่งในส่วนของ Dropdown เมนู

การปรับแต่งปุ่ม

การปรับรูปแบบของ Account สไตล์

ปรับแต่ง Cart ตระกร้าสินค้า

Search ก็ปรับรูปแบบไอคอนได้ด้วย

ส่วนของ Style มีให้เลือกปรับทั้ง Typography, สี, Global Styles, Custom Css, Draer & Lightbox

ธีมสีของเว็บปรับตามต้องการได้เลยครับ

ส่วนต่อมาที่อยากแนะนำคือ UX Blocks ครับ ส่วนนี้ช่วยให้เราสร้างเทมเพลตสำหรับแสดงผลในตำแหน่งต่างๆ ด้วย Shortcode ที่หน้าอื่นๆ ได้ เช่น ส่วนของ Header สำหรับหน้า Blog หรือหน้า Shop เป็นต้น

นำ Shortcode มาแปะในส่วนที่ต้องการ เช่น Blog Homepage Layout

หน้าเว็บจะแสดงผลตามที่เราแปะ Shortcode

สรุป

Flatsome เป็นตัวเลือกที่ยอดเยี่ยมสำหรับผู้ที่ต้องการสร้างเว็บไซต์ WordPress ที่สวยงามและใช้งานง่าย เหมาะสำหรับร้านค้าออนไลน์ ธุรกิจ และบล็อก ธีมนี้มาพร้อมกับฟีเจอร์มากมาย ตัวเลือกการปรับแต่ง และการรองรับลูกค้าที่ยอดเยี่ยมเลยครับ

รายละเอียดเพิ่มเติม

Back To Top
Search