Materialis Review: ธีม WordPress ระดับพรีเมียมสำหรับมืออาชีพด้านความคิดสร้างสรรค์

เผยแพร่แล้ว: 2020-11-18
ธีม Materialis
ติดตาม @Cloudways

Materialis คือการสร้าง Extended Themes และมีการติดตั้งที่ใช้งานอยู่มากกว่า 10,000 ครั้ง ผู้สร้างยังอยู่เบื้องหลังธีมยอดนิยมอื่นๆ เช่น Colibri (15 อันดับแรกใน wordpress.org) และ Mesmerize ทั้งที่มีการติดตั้งที่ใช้งานมากกว่า 40k+ และตัวสร้าง Colibri WordPress

ดูเหมือนว่า Extended Themes ได้ค้นพบความลับของธีม WordPress ที่ประสบความสำเร็จ ตอนนี้เรามาดูกันว่าอะไรทำให้ Material เป็นตัวเลือกสำหรับผู้ใช้ที่ใช้งานมากกว่า 10,000 ราย
ในการตรวจสอบนี้ฉันจะเจาะลึก:

  • เกณฑ์มาตรฐานประสิทธิภาพของ Materialis
  • ฟรีกับโปร
  • แผนการตั้งราคา
  • เครื่องมือปรับแต่ง
  • ข้อดีและข้อเสีย

เกณฑ์มาตรฐานประสิทธิภาพของ Materialis

ต่อไปนี้เป็นการกำหนดค่าเซิร์ฟเวอร์และแอปพลิเคชัน

การกำหนดค่าเซิร์ฟเวอร์ Cloudways

  • เซิร์ฟเวอร์ Cloudways: Vultr – ความถี่สูง
  • แรม: 4GB
  • ดิสก์ SSD: 128GB
  • การถ่ายโอนแบนด์วิดท์: 3TB
  • หน่วยประมวลผล: 2 Core
  • ระบบปฏิบัติการ: Debian 9
  • NGINX: 1.14.1
  • วานิช: 5.0.0
  • อาปาเช่: 2.4.25
  • ฐานข้อมูล: MariaDB 10.4
  • PHP-FPM: 7.4

การกำหนดค่าแอปพลิเคชัน

ฉันได้สร้างโพสต์บล็อกสิบรายการและเพิ่มหน้า Landing Page สามหน้า

  • เวอร์ชั่น WordPress: 5.6.1
  • CDN: CloudwaysCDN
  • SSL: ให้เข้ารหัส
  • Materialis เวอร์ชัน: 1.1.14

ปลั๊กอินที่ติดตั้ง

  • แบบฟอร์มติดต่อ 7
  • อันดับคณิตศาสตร์ SEO
  • บรีซแคช
  • Cloudways – WordPress Bot Protection
  • Elementor PageBuilder
  • Materialis Companion

Loader.io ทดสอบ

  • หน้าที่ทดสอบแล้ว: 3
  • ประเภทการทดสอบ: รักษาการโหลดไคลเอ็นต์
  • ลูกค้า: 0 ถึง 1,000
  • Duration: 5 Mins

วัสดุทดสอบตัวโหลด

ผลการทดสอบ: https://bit.ly/3ky8D3W

การทดสอบ GTmetrix

วัสดุทดสอบ gtmetrix คือ

ฟรีกับโปร

เช่นเดียวกับธีมส่วนใหญ่ในนั้น Materialis มีเวอร์ชันฟรีและเวอร์ชันโปร

Materialis ฟรีเทียบกับ Materialis Pro

เริ่มต้นด้วยคุณสมบัติทั่วไประหว่างเวอร์ชันฟรีและจ่ายเงิน:

  • แก้ไขสดภายใน Customizer
  • มีการออกแบบส่วนหัว
  • ส่วน: เกี่ยวกับ คุณสมบัติ ผลงาน คำรับรอง ทีม ติดต่อ
  • วิดเจ็ตส่วนท้าย
  • พื้นหลังพารัลแลกซ์

ด้วย Materialis ฟรี คุณสามารถสร้างหน้า Landing Page หรือเว็บไซต์หน้าเดียวได้ หากคุณต้องการมากกว่านั้น คุณจะต้องอัปเกรดเป็น Materialis Pro อย่างแน่นอน

ตอนนี้ฉันบอกว่าทั้งรุ่นฟรีและรุ่นโปรมาพร้อมกับการออกแบบและเลย์เอาต์เนื้อหาที่หลากหลาย มีความแตกต่างแม้ว่า มีการออกแบบเพิ่มเติมในเวอร์ชันโปร

วัสดุฟรี Materialis Pro
การออกแบบส่วนหัวของหน้าแรก 5 19
ตัวเลือกเค้าโครงส่วนหัว 3 17
ส่วนเนื้อหาของหน้า 35+ 150+

สิ่งนี้หมายความว่าอย่างไรสำหรับคุณ? ด้วย Materialis เวอร์ชันโปร คุณสามารถสร้างเว็บไซต์ที่ไม่เหมือนใครได้

Materialis Pro มาพร้อมกับคุณสมบัติพิเศษบางอย่างเช่นกัน:

คุณสมบัติของธีม Materialis PRO

  • โลโก้และสีนำทาง
  • สไตล์การพิมพ์และสี
  • พื้นหลังที่ปรับแต่งได้สำหรับแต่ละส่วน
  • ส่วนต่างๆ ของ Google แผนที่
  • ส่วนแกลเลอรี่ภาพ
  • ส่วนตารางราคา
  • ส่วนการสมัครรับจดหมายข่าว
  • ปรับแต่งข้อความและสีส่วนท้าย

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

ตอนนี้ เมื่อคุณเปิดใช้งานธีม ขอแนะนำให้ติดตั้งปลั๊กอิน Materialis Companion ซึ่งจะเพิ่มฟังก์ชันการลากและวางให้กับธีม

ปลั๊กอิน Materialis Companion

รุ่นฟรียังแนะนำการติดตั้ง Contact Form 7 ในขณะที่รุ่น Pro แนะนำ Contact Form 7 และปลั๊กอิน Mailchimp สำหรับ WordPress

หากคุณต้องการเริ่มต้นจากเทมเพลตที่ออกแบบไว้ล่วงหน้า คุณจะต้องไปปรับแต่ง จากนั้นเลือก "การออกแบบส่วนหัวของหน้าแรก"

ส่วนหัวของหน้าแรกของธีม Materialis

เทมเพลตจะแสดงขึ้นในแผงด้านซ้ายมือ

การออกแบบส่วนหัวของหน้าแรก

แผนการตั้งราคา

แผนทั้งหมดมีคุณสมบัติรายปีและตลอดชีพ พร้อมการสนับสนุนและการอัปเดต

มีสามแผน:

  • ส่วนตัว
  • ธุรกิจ
  • หน่วยงาน

แผนธุรกิจใช้ได้กับไซต์สูงสุด 5 ไซต์ ในขณะที่แผนเอเจนซี คุณสามารถสร้างไซต์ได้ไม่จำกัด

ตอนนี้ราคาสำหรับ Materialis และ Mesmerize เท่ากัน (ธีม WordPress ยอดนิยมอื่น ๆ ที่สร้างโดย Extended Themes)

ส่วนตัว ธุรกิจ หน่วยงาน
รายปี $79 $99 $199
อายุการใช้งาน $169 $239 $449

เครื่องมือปรับแต่งธีม

อย่างที่ฉันพูดในตอนเริ่มต้น ปลั๊กอิน Materialis Companion ช่วยให้สามารถแก้ไขแบบลากและวางในเครื่องมือปรับแต่งได้ นี่คือสิ่งที่ทำให้ Materialis มีประสิทธิภาพมาก คุณสามารถปรับแต่งทุกแง่มุมของธีมได้จากอินเทอร์เฟซเดียว (ส่วนหัว ส่วนท้าย แถบด้านข้าง รวมอยู่ด้วย)

ตอนนี้เรามาดูกันว่าคุณสามารถปรับแต่งเว็บไซต์ของคุณโดยใช้ Materialis PRO ได้อย่างไร:

การตั้งค่าทั่วไป

ภายใต้การตั้งค่าทั่วไป คุณ:

  • สามารถเปลี่ยนรูปแบบตัวอักษรและโทนสีโดยรวมของธีมของคุณได้ คุณยังเข้าถึง Google Fonts ได้ถึง 600 แบบ

ธีม Materialis การตั้งค่าทั่วไป

  • ตั้งค่าเอกลักษณ์ของไซต์: ชื่อไซต์ สโลแกน โลโก้
  • เปลี่ยนภาพพื้นหลัง
  • เพิ่มสไตล์แบบกำหนดเอง (CSS)

การแก้ไขแบบอินไลน์

คุณสามารถแก้ไขข้อความในบรรทัด: เปลี่ยนตระกูลฟอนต์ ขนาดฟอนต์ น้ำหนักฟอนต์ การจัดแนว หรือเพิ่มไฮเปอร์ลิงก์

คุณสมบัติการแก้ไขธีม Materialis PRO

ไลบรารีไอคอน Font Awesome ฟรีทั้งหมดยังมีให้ใช้งานใน Materialis ดังนั้นคุณจึงไม่ต้องเสียเวลาไปกับการค้นหาไอคอน

บล็อกเนื้อหาที่ออกแบบไว้ล่วงหน้า

Materialis มีบล็อกมากกว่า 150 รายการสำหรับฟังก์ชันต่างๆ เช่น หน้าเกี่ยวกับ ส่วนคุณสมบัติ ปุ่ม เคาน์เตอร์ แกลเลอรี พอร์ตโฟลิโอ ลูกค้า และอื่นๆ

ส่วนเนื้อหาที่ออกแบบโดยนักออกแบบเหล่านี้เป็นรากฐานสำหรับโครงการของคุณ เพื่อที่คุณจะได้ไม่ต้องเริ่มต้นจากศูนย์และสร้างสรรค์วงล้อใหม่

คุณสมบัติบล็อกเนื้อหาธีม Materialis

สิ่งที่คุณต้องทำคือเลือกและเลือก "เพิ่มส่วน"

ธีม Materialis เพิ่มส่วน คุณสมบัติ

ฟีเจอร์ธีม Materialis

แต่ละส่วนจะปรับตามโทนสีโดยรวมที่คุณเลือก

ถัดไป คุณจะต้องใส่เนื้อหาของคุณเองและทำการปรับเปลี่ยนขั้นสุดท้าย

การรวม Google แผนที่

ส่วนนี้สามารถพบได้ในบล็อก "ติดต่อ" อย่าลืมอัปเดตรายละเอียด Google My Business ของคุณก่อนที่จะเผยแพร่บล็อกนี้

สำหรับแต่ละส่วน คุณสามารถเลื่อนไปทางขวา และดูตัวอย่างของส่วนทางด้านขวามือของคุณ

ส่วนจดหมายข่าว

อย่างที่ฉันบอกไปในตอนต้น Materialis แนะนำให้ติดตั้งปลั๊กอินสำหรับ Mailchimp ชื่อ “MailChimp สำหรับ WordPress” ปลั๊กอินดังกล่าวช่วยให้คุณสร้างแบบฟอร์มที่จะรวมเข้ากับ Mailchimp เพื่อให้คุณสามารถรวบรวมลูกค้าเป้าหมายและสมาชิก แล้วติดตามผลทางจดหมาย

ส่วนฮีโร่

Materialis นำเสนอคุณสมบัติที่ไม่ยุ่งยาก ซึ่งช่วยให้ผู้ที่ไม่ใช่นักออกแบบสามารถสร้างเลย์เอาต์ที่สวยงามและส่วนฮีโร่ที่สมจริงได้ ตัวเลือกพื้นหลังประกอบด้วยสีที่เรียบง่าย การไล่ระดับสี รูปภาพ วิดีโอ และสไลด์โชว์ Materialis ยังรวมถึงเลย์เอาต์ฮีโร่และประเภทสื่อที่หลากหลาย (รูปภาพ, วิดีโอ, หลายภาพ, ปุ่มไลท์บ็อกซ์ ฯลฯ) หากต้องการปรับแต่งเพิ่มเติม คุณสามารถใช้สี การไล่ระดับสี และการวางซ้อนรูปร่างได้

ปลั๊กอินไลท์บ็อกซ์ WordPress ยอดนิยม

การนำทาง

เมนูการนำทางมีห้าส่วนหลัก:

  1. ท็อปบาร์
  2. การนำทางหน้าแรก
  3. การนำทางหน้าภายใน
  4. การนำทางมือถือ
  5. โลโก้เว็บไซต์

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

การตอบสนองมือถือ

Materialis Theme การตอบสนองบนมือถือ

ทุกองค์ประกอบการออกแบบภายใน Materialis สร้างขึ้นเพื่อให้ดูดีบนอุปกรณ์พกพาและทุกขนาดหน้าจอ นอกจากนี้ยังมาพร้อมกับระบบนำทางที่แตกต่างกันซึ่งเหมาะสำหรับอุปกรณ์พกพา

เมื่อใช้การควบคุมที่ด้านล่าง คุณจะเห็นว่าเว็บไซต์ของคุณมีลักษณะอย่างไรทั้งบนเดสก์ท็อปและอุปกรณ์เคลื่อนที่ และทำการเปลี่ยนแปลงตามนั้น ระวัง การเปลี่ยนแปลงรูปแบบที่คุณทำในอุปกรณ์บางเครื่องจะแสดงขึ้นบนอุปกรณ์ทั้งหมด ทันทีที่คุณเปลี่ยนการบล็อกเนื้อหา (เช่น ลบส่วนบนอุปกรณ์เคลื่อนที่) การเปลี่ยนแปลงจะมีผลกับอุปกรณ์อื่นๆ ด้วย

ข้อดีและข้อเสีย

เราใกล้ถึงจุดสิ้นสุดของการตรวจสอบแล้ว

มาสรุปสิ่งที่ยอดเยี่ยมเกี่ยวกับ Materialis กัน:

  • เทมเพลตมากมาย
  • การแก้ไขแบบสดจาก Customizer
  • การปรับแต่งที่ยอดเยี่ยม
  • แบบอักษรและไอคอน Font Awesome มากมาย
  • การออกแบบที่ตอบสนอง

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

ดังนั้น หากคุณไม่ต้องการสร้างร้านค้าออนไลน์ Materialis อาจเป็นทางเลือกที่เหมาะสม นำไปทดลองขับและดูด้วยตัวคุณเอง!

หมายเหตุ: บทความนี้เผยแพร่ร่วมกับ Extend Themes