10 Free Gutenberg Themes ธีม WordPress ฟรี โหลดไว ประจำปี

Peridot

10 Free Gutenberg Ready WordPress Themes to Download

รวมธีม WordPress แบบ Gutenberg คุณภาพเยี่ยมที่รองรับกับ Core web vital และจุดเด่นของธีมที่จะแนะนำในวันนี้คือโค้ดคลีนแน่นอนครับ เพราะว่าเป็นธีมที่แนะนำบน WordPress.org

ทีมงาน Designil ของเราได้เลือกธีมแนะนำพร้อมรีวิวมาให้ด้านล่างนี้แล้วครับ เรามาดูกันเลยว่าจะมีธีมไหนบ้าง

Gutenberg คืออะไร ?

Gutenberg คือ WordPress block editor เป็นระบบช่วยแก้ไขและเขียนบทความแบบใหม่ของ WordPress ถูกออกแบบมาเพื่อการเขียนบทความที่รองรับผู้ใช้ มีข้อดีตรงที่ใช้งานง่าย ผู้ใช้งานไม่ต้องใช้เวลาในการเรียนรู้เครื่องมือนานก็สามารถมีเว็บไซต์ของตัวเอง

ผู้ใช้งานสามารถขยับกล่องข้อความ content โยกย้ายได้ตามความต้องการ มีความยืดหยุ่นด้วยการทำงานเป็นแบบกล่อง ๆ สำหรับผู้ที่ไม่มีความรู้เรื่องโค้ดก็สามารถใช้งานได้ง่ายมากไปกว่าเดิม เปรียบเทียบแล้วก็เลยดีกว่า WordPress รุ่นเก่า ๆ ครับ

คอนเซปต์ของ WordPress block editor แบบ Gutenberg ที่กล่าวถึงนี้ได้ถูกพัฒนาเข้ามาแทนที่การใช้งาน Page builder ชื่อดังอาทิ เช่น

  • Elementor
  • Beaver Builder
  • Divi Builder
  • Thrive Architect
  • SiteOrigin Page Builder
  • WPBakery Page Builder
  • Themify Builder
  • Brizy
  • Visual Composer
  • WP Page Builder

เพราะด้วยปัญหาของการใช้ Page builder นั้นมีโค้ดที่ซับซ้อนและไม่จำเป็นบนเว็บไซต์เยอะเกินไป ทั้ง JavaScript, CSS และ Syntax อะไรอีกมากมายที่ซุกซ่อนอยู่ จึงทำให้เว็บไซต์ WordPress ของเรานั้นโหลดช้าเกินไป จนไปส่งผลกระทบต่อการคิด SEO แบบใหม่จาก Google ที่เรียกว่า Core Web Vitals 

พูดง่าย ๆ คือถ้าเว็บเราช้า ก็จะทำให้อันดับบน Google ของเรานั้นแย่ลงได้ด้วยนะครับ จึงทำให้หลาย ๆ ท่านอาจจะมองหาธีมที่เข้ามาช่วยตอบโจทย์การทำเว็บไซต์ที่รองรับการคำนวนแบบใหม่จาก Google แบบ Gutenberg นั่นเองคร้าบ

Gutenberg จึงกลายเป็นตัว Editor ตัวใหม่ที่มาแรงและแก้ไขปัญหาเหล่านี้ได้ดีเยี่ยม

รวม 20 Free Gutenberg Themes โหลดได้ไม่ผิดลิขสิทธิ์

1. Newsberg Free Gutenberg Theme

01Newsberg free gutenberg themes
01 Newsberg

Newsberg เป็นธีมประเภท News จะได้สไตล์ Modern นิดนึงนะครับ สามารถปรับแต่ง Widget ได้เอง เหมาะสำหรับเว็บไซต์ประเภท blog, magazine, news, gaming, publishing และ reivew รองรับกับตัว SEO, WPML และ Gutenberg

ธีมนี้จะมีพร้อมกับตัวเสียเงินและฟรีเลยครับ

PageSpeed insights – Desktop 54, Mobile 34

*การวัดผลนี้จะขึ้นอยู่กับ WordPress Hosting ของเว็บเพื่อน ๆ และการปรับแต่งด้วยนะครับ

2. OceanWP

02Oceanwp WordPress Free Theme
02 Oceanwp WordPress Free Theme

หน้าตาอาจจะดูไม่ค่อยโดนใจ จากภาพที่แอดนำมาประกอบ แต่บอกเลยว่าธีมนี้มีคนโหลดไปติดตั้งแล้วมากกว่า 700,000 ครั้ง การันตีด้วยผลโหวตที่สูงสุด 4300 คะแนน เรียกว่ายอดนิยมเลยทีเดียวครับ

ข้อดีของธีมนี้คือมีขนาดเบา สามารถปรับแต่งเพิ่มเติมได้อย่างไม่จำกัด สามารถใช้งานทำเว็บไซต์ประเภท Blog, Portfolio หรือเว็บร้านค้า เพราะว่าเว็บไซต์นี้รองรับ Woocommerce ด้วยครับ

ข้อดีอีกอันคือมีระบบปรับแต่งหน้าตาบน Tablet, Mobile ทำให้หน้าเว็บของเราดูดีบนทุกอุปกรณ์ และยังรองรับ Page builders ตัวดัง ๆ ด้วย เช่น Elementor, Beaver Builder, Brizy, Visual Composer, Divi, SiteOrigin และอื่น ๆ (โค้ดของเขาดีจริงๆ ฮะ)

PageSpeed insights – Desktop 90, Mobile 50 (ทดสอบจาก demo ร้านค้า Basket)

3. Go by Godaddy

03Go by Godaddy
03 Go by Godaddy

ธีมนี้มาพร้อมกับความเบาและ light สุด ๆ สามารถตกแต่งเพิ่มเติมได้ด้วยปลั๊กอินเสริมมากมาย หน้าตาจะเหมาะกับคนที่ชอบสไตล์เหลี่ยม ๆ กล่อง ๆ อ่านง่าย Minial + Simplistic เขาแนะนำว่าให้ลองใช้งานกับปลั๊กอินที่ช่วยทำ Page Builder ที่มีชื่อว่า CoBlocks ผสมกับปลั๊กอินสำหรับเปิดร้านค้าออนไลน์อย่าง WooCommerce เราก็จะได้เว็บไซต์ออกมาเป็นหน้าตาตาม Showcase ด้านล่างนี้เลยครับ

Go + CoBlocks

  • Alder
  • Ashby
  • Barista
  • Bento
  • Everett
  • Figure
  • Keynote
  • Salt

Go + CoBlocks + WooCommerce

  • Avenue
  • Chai
  • Jane
  • Philo
  • Wares

PageSpeed insights – Desktop 90, Mobile 62 (ทดสอบจาก demo ร้านค้า Avenue)

4. Gutener

04Gutener
04 Gutener

Theme นี้ค่อนข้างเหมาะกับเว็บไซต์ธุรกิจ Business จริง ๆ มีหลายหน้าตาให้เราปรับแต่งได้ตามใจชอบเลยครับ ตั้งแต่ business, law firms, personal blog, portfolio, startups, agencies, travel, education, fitness, medical, sports, fashion, shop, WooCommerce stores, magazines, lifestyle, finance, accounting, consulting

แถมยังใช้งานกับ Woocommerce ได้อีกด้วย ถ้าชอบสไตล์น่าเชื่อถือ ผมยกให้อันนี้เลยครับ

PageSpeed insights – Desktop 89, Mobile 45 (ทดสอบจาก demo ตามภาพ)

5. Purosa

05Purosa free gutenberg themes
05 Purosa

Purosa เป็นธีม WordPress สไตล์โมเดิร์น สำหรับคนที่ทำเว็บไซต์ประเภท Blogs และ Magazines ออกแบบมาในรูปแบบ Gutenberg ทั้งหมด แปลว่าเพื่อน ๆ จะสามารถปรับแต่ง Layout, options และอื่น ๆ ได้ตามใจชอบ ใช้งานได้ดีบนหน้ามือถือ โครงสร้าง HTML ทำมาดี รองรับกับ SEO เลยครับ

6. Blocksy

06Blocksy
06 Blocksy

Blocksy ถูกโหลดไปติดตั้งใช้งานมากกว่า 30,000 ครั้ง แสดงว่าจะต้องเป็นธีมที่โหลดเร็ว และเบามาก ๆ เลยครับ ผู้จัดทำธีมบอกว่าธีมนี้สร้างด้วยเทคโนโลยีล่าสุด ทำให้รองรับการโหลดไว รองรับ Gutenberg ทำให้สามารถปรับแต่งหน้าเว็บได้ง่าย ๆ ด้วยตนเอง

ตัวธีมมีรูปแบบรองรับเว็บไซต์แบบ business agency, shop, corporate, education, restaurant, blog, portfolio, landing page และอื่น ๆ อีกเพียบ หรือถ้าใครชื่นชอบ Page builder อย่าง Elementor, Beavor Builder, Visual Composer, Brizy ตัวนี้ก็รองรับทั้งหมดครับ

ข้อเสีย ไม่รองรับ IE11 หรือ Browser เว็บไซต์ที่ต่ำกว่านั้นนะครับ

ต้องบอกเลยว่าทีม Support ของ Blocksy ทำงานรวดเร็วและไวยังกะจรวด อัพเดทธีมตัวฟรีเป็นประจำด้วย ไม่แปลกใจเลยที่ใคร ๆ ก็ให้คะแนน 5 คะแนน รีวิวดี ๆ ทั้งนั้นเลยครับ

ตัวนี้มาพร้อมกับเวอร์ชั่นโปรด้วยนะครับ ผมเลยเอาไปทดสอบคะแนน PageSpeed เวอร์ชั่นโปรมา ได้ผลลัพธ์ตามภาพเลยฮะ

PageSpeed insights – Desktop 80, Mobile 59 (ทดสอบจาก Blocksy ตัวโปร)

7. Gutenix

07Gutenix free gutenberg themes
07 Gutenix

Gutenix เป็นธีมประเภท Multipurpose ปรับใช้งานได้หลากหลายรูปแบบ มีขนาดเบา เหมาะสำหรับทั้งผู้เริ่มต้นและ Developer รองรับ SEO และ Responsive เป็นอย่างดีเลยครับ

สามารถใช้งานได้กับ WooCommerce ด้วย อันนี้เป็นอีกธีมที่มีคนโหวตให้คะแนนเยอะมาก ๆ ครับ คะแนนเต็ม 5 คะแนนเลย

PageSpeed insights – Desktop 71, Mobile 45 (ทดสอบจากตัว Pro)

8. Colibri

08Colibri
08 Colibri

ธีมสไตล์ Business ธีมนี้เองก็มีผู้ใช้งานสูงสุดถึง 50,000++ แปลว่าค่อนข้างได้รับความนิยมพอสมควรเลยครับ รีวิวก็ไม่ได้ว่าจะแย่ อยู่ที่เฉลี่ยประมาณ 5 คะแนนเลยครับ จากผลโหวต 140++ คน

PageSpeed insights – Desktop 92, Mobile 63 (ทดสอบจากตัว Pro)

9. Chaplin

09Chaplin free gutenberg themes
09 Chaplin

Free gutenberg themese ที่มีชื่อว่า Chaplin ถูกที่ออกแบบมาให้ใช้งานง่าย แก้ไขสไตล์สีได้ง่าย รองรับกับกับระบบ Gutenberg

รองรับฟอนต์จาก Google fonts และยังโหลดไวสุด ๆ

PageSpeed insights – Desktop 94, Mobile 85

10. Mission News

10missionnews free gutenberg themes
10 missionnews

Theme สไตล์ News, Magazine หน้าตาสวยงามเป็นระบบระเบียบ เรียบร้อยน่าอ่านมาก ๆ ครับ
แอดเคยโหลดมาใช้กับ Designil ด้วย แต่ว่าหน้าตายังไม่ตอบโจทย์กับ Designil ก็เลยไม่ได้ไปต่อกับธีมนี้ครับ

แต่ถ้าถามถึงความใช้งานง่ายและความเร็ว ต้องบอกเลยว่าน่าประทับใจมาก ๆ ฮะ

PageSpeed insights – Desktop 93, Mobile 68 (ทดสอบจาก demo ตามภาพ)


สำหรับเพื่อน ๆ ที่ยังไม่มี Hosting WordPress เราขอแนะนำ Hosting ยอดนิยมจากกรุ๊ป WordPress Bangkok ด้านล่างนี้เลยนะครับ บอกเลยว่าเป็นโฮสไทย ใช้ดี โหลดเร็วด้วยถ้าใช้แบบ​ VPS

มีเว็บแล้ว อย่าลืมติดตามปลั๊กอินจาก Designil ปลั๊กอินของคนไทย ด้วยนะคร้าบ

  1. Woocommerce Promptpay QR Code
  2. Woocommerce Thai Address
  3. Designil PDPA ทำเว็บไซต์ WordPress ของคุณให้รองรับ PDPA ใน 3 นาที

บทความที่เกี่ยวข้อง

Peridot

Peridot

รวมบทความรีวิวและความคิดเห็นของทีมงาน Designil แบ่งปันเนื้อหาที่เข้าใจง่ายเป็นประจำทุกสัปดาห์
บทความทั้งหมด