ชุดแม่แบบคือการรวบรวมหน้าที่ออกแบบล่วงหน้าและส่วนต่างๆ ที่ช่วยให้คุณสร้างเว็บไซต์ที่สมบูรณ์ในเวลาไม่กี่ชั่วโมงแทนที่จะเป็นหลายวัน ระบบแม่แบบของ Elementor ประกอบด้วยทั้งแม่แบบหน้ารายบุคคลและชุดเว็บไซต์เต็มรูปแบบที่ครอบคลุมทุกประเภทหน้าที่เว็บไซต์ต้องการ ตั้งแต่หน้าแรกและหน้าข้อมูลเกี่ยวกับไปจนถึงบล็อกและหน้าติดต่อ ในคู่มือนี้ เราจะอธิบายวิธีการใช้ชุดแม่แบบของ Elementor อย่างมีประสิทธิภาพ ว่าจะหาชุดแม่แบบได้ที่ไหน และวิธีการปรับแต่งชุดแม่แบบสำหรับโครงการของคุณ
ชุดแม่แบบของ Elementor คืออะไร?
ชุดแม่แบบของ Elementor คือชุดของแม่แบบหน้าที่ประสานงานกันเพื่อทำงานร่วมกันเป็นเว็บไซต์ที่สมบูรณ์ แตกต่างจากแม่แบบรายบุคคลที่อาจมีสไตล์ที่ไม่สอดคล้องกัน ชุดแม่แบบจะทำให้แน่ใจว่าสี ตัวอักษร การจัดวาง และองค์ประกอบการออกแบบมีความสอดคล้องกันในทุกหน้า
ชุดแม่แบบทั่วไปประกอบด้วย:
| ประเภทแม่แบบ | หน้าที่รวมอยู่ | วัตถุประสงค์ |
|---|---|---|
| แม่แบบทั่วโลก | ส่วนหัว, ส่วนท้าย, หน้า 404 | องค์ประกอบที่สอดคล้องกันทั่วทั้งไซต์ |
| หน้าหลัก | หน้าแรก, เกี่ยวกับ, บริการ, ติดต่อ | หน้ามาตรฐานของเว็บไซต์ |
| แม่แบบบล็อก | คลังบล็อก, โพสต์เดี่ยว | รูปแบบการเผยแพร่เนื้อหา |
| WooCommerce | ร้านค้า, ผลิตภัณฑ์, ตะกร้า, ชำระเงิน | หน้าสำหรับอีคอมเมิร์ซ |
| แม่แบบป๊อปอัพ | ประกาศคุกกี้, จดหมายข่าว, CTA | การโปรโมตแบบทับซ้อน |
| แม่แบบส่วน | ฮีโร่, ฟีเจอร์, คำรับรอง, คำถามที่พบบ่อย, CTA | ส่วนหน้าที่นำกลับมาใช้ใหม่ได้ |
หาชุดแม่แบบได้ที่ไหน
ห้องสมุดในตัวของ Elementor
Elementor Pro รวมการเข้าถึงห้องสมุดชุดเว็บไซต์เต็มรูปแบบกว่า 100 ชุดและแม่แบบหน้ารายบุคคลกว่า 300 แบบ ซึ่งสามารถเข้าถึงได้โดยตรงภายในตัวแก้ไข Elementor:
- เปิดตัวแก้ไข Elementor บนหน้าใดก็ได้
- คลิกที่ ไอคอนโฟลเดอร์ (ห้องสมุดแม่แบบ) ในแถบเครื่องมือของตัวแก้ไข
- ไปที่แท็บ "Kits" เพื่อดูชุดเว็บไซต์เต็มรูปแบบ
- ดูตัวอย่างชุดใดชุดหนึ่งและนำไปใช้ด้วยการคลิกเพียงครั้งเดียว
หมวดหมู่ชุดรวมถึงธุรกิจ, เอเจนซี่สร้างสรรค์, พอร์ตโฟลิโอ, ร้านอาหาร, ฟิตเนส, อสังหาริมทรัพย์, การแพทย์, การศึกษา, และเทคโนโลยี—ครอบคลุมประเภทเว็บไซต์ที่พบบ่อยที่สุด
ตลาดแม่แบบของบุคคลที่สาม
นอกเหนือจากห้องสมุดในตัวของ Elementor แล้ว ยังมีแหล่งข้อมูลหลายแห่งที่เสนอชุดแม่แบบเพิ่มเติม:
- ThemeForest / Envato Elements: ชุดแม่แบบของ Elementor หลายร้อยชุดในหลายหมวดหมู่
- ปลั๊กอินแม่แบบเริ่มต้น: ธีมเช่น Astra มีห้องสมุดแม่แบบของ Elementor ของตนเอง
- ปลั๊กอินเสริมของ Elementor: Essential Addons และ Happy Addons รวมแม่แบบเพิ่มเติม
- TemplateMonster: ชุด Elementor พรีเมียมสำหรับอุตสาหกรรมเฉพาะ
วิธีการนำชุดแม่แบบไปใช้
วิธีที่ 1: นำเข้าชุดเต็ม (แนะนำ)
- ไปที่ Templates → Kit Library ในแผงผู้ดูแลระบบ WordPress (Elementor Pro)
- เรียกดูหรือค้นหาชุดที่ตรงกับโครงการของคุณ
- คลิก "ดูตัวอย่าง" เพื่อดูตัวอย่างทุกหน้าในชุด
- คลิก "นำเข้าชุด" เพื่อนำเข้าแม่แบบทั้งหมด
- เลือกแม่แบบที่ต้องการนำเข้า (คุณสามารถข้ามหน้าที่คุณไม่ต้องการ)
- ชุดจะนำเข้าหน้า ส่วนหัว ส่วนท้าย ป๊อปอัพ และสไตล์ทั่วโลก
กระบวนการนำเข้ามักใช้เวลา 1-3 นาที ขึ้นอยู่กับขนาดของชุดและความเร็วของเซิร์ฟเวอร์ของคุณ หลังจากนำเข้าแล้ว ทุกหน้าจะปรากฏเป็นร่างในรายการหน้าของ WordPress ของคุณ พร้อมสำหรับการปรับแต่ง
วิธีที่ 2: นำเข้าแม่แบบรายบุคคล
หากคุณต้องการเฉพาะหน้าบางหน้าในชุด:
- เปิดตัวแก้ไข Elementor บนหน้าใดก็ได้
- คลิกที่ไอคอนห้องสมุดแม่แบบ
- ค้นหาประเภทหน้าที่เฉพาะที่คุณต้องการ (เช่น "หน้าข้อมูลเกี่ยวกับ")
- แทรกแม่แบบลงในหน้าปัจจุบันของคุณ
วิธีที่ 3: นำเข้าจากไฟล์ JSON
สำหรับแม่แบบที่ดาวน์โหลดจากแหล่งข้อมูลของบุคคลที่สาม:
- ไปที่ Templates → Saved Templates ในแผงผู้ดูแลระบบ WordPress
- คลิก "นำเข้าแม่แบบ"
- อัปโหลดไฟล์ JSON
- แม่แบบจะปรากฏในห้องสมุดแม่แบบที่บันทึกของคุณ
การปรับแต่งชุดแม่แบบ
ขั้นตอนที่ 1: ตั้งค่าสีและฟอนต์ทั่วโลก
ก่อนที่จะทำการแก้ไขหน้ารายบุคคล ให้กำหนดการตั้งค่าการออกแบบทั่วโลกของแบรนด์ของคุณ:
- เปิดตัวแก้ไข Elementor → คลิกที่เมนูแฮมเบอร์เกอร์ (มุมซ้ายบน) → การตั้งค่าไซต์
- สีทั่วโลก: ตั้งค่าสีหลัก สีรอง สีข้อความ และสีเน้นของคุณ ชุดแม่แบบส่วนใหญ่ใช้ระบบสีทั่วโลก ดังนั้นการเปลี่ยนสีเหล่านี้จะอัปเดตทุกหน้าในเวลาเดียวกัน
- ฟอนต์ทั่วโลก: ตั้งค่าฟอนต์หลัก (หัวข้อ) และฟอนต์รอง (ข้อความหลัก) ของคุณ
- บันทึกการตั้งค่าทั่วโลกของคุณ
ขั้นตอนเดียวนี้จะเปลี่ยนชุดทั้งหมดให้ตรงกับเอกลักษณ์ของแบรนด์ของคุณโดยไม่ต้องแก้ไขแต่ละหน้าโดยเฉพาะ
ขั้นตอนที่ 2: แทนที่เนื้อหาตัวอย่าง
ชุดแม่แบบใช้เนื้อหาตัวอย่าง (Lorem Ipsum, รูปภาพสต็อก, หมายเลขโทรศัพท์ตัวอย่าง) ให้แทนที่อย่างเป็นระบบ:
- โลโก้: อัปเดตในแม่แบบส่วนหัว (ใช้ทั่วทั้งไซต์)
- เนื้อหาข้อความ: แทนที่ข้อความตัวอย่างด้วยข้อความจริงของคุณ
- รูปภาพ: เปลี่ยนภาพสต็อกเป็นภาพของคุณเอง (รักษาสัดส่วนที่คล้ายกันเพื่อให้เลย์เอาต์สอดคล้องกัน)
- ข้อมูลการติดต่อ: อัปเดตหมายเลขโทรศัพท์ อีเมล ที่อยู่ และลิงก์โซเชียลมีเดีย
- ลิงก์: อัปเดตลิงก์เมนูนำทางและลิงก์หน้าใน
ขั้นตอนที่ 3: ปรับเลย์เอาต์ให้ตรงตามความต้องการของคุณ
เทมเพลตส่วนใหญ่จะต้องมีการปรับเลย์เอาต์บางอย่าง:
- ลบส่วนที่ไม่จำเป็น: ลบส่วนที่ไม่เกี่ยวข้องกับธุรกิจของคุณ
- จัดเรียงส่วนใหม่: ลากส่วนขึ้นหรือลงเพื่อให้ตรงกับลำดับความสำคัญของเนื้อหาของคุณ
- เพิ่มส่วนใหม่: แทรกบล็อกเนื้อหาเพิ่มเติมตามที่ต้องการ
- ปรับการตั้งค่าตอบสนอง: ตรวจสอบการแสดงตัวอย่างบนแท็บเล็ตและมือถือ และปรับระยะห่าง ขนาดตัวอักษร และการมองเห็นขององค์ประกอบ
เคล็ดลับในการทำงานกับชุดเทมเพลต
- เลือกชุดที่ใกล้เคียงกับการออกแบบสุดท้ายของคุณ. การปรับเปลี่ยนเทมเพลตที่คล้ายกันจะเร็วกว่าการปรับแต่งเทมเพลตที่ห่างไกลจากวิสัยทัศน์ของคุณมาก
- นำเข้าชุดทั้งหมดก่อน จากนั้นลบสิ่งที่คุณไม่ต้องการ. สิ่งนี้จะช่วยให้สไตล์ทั่วโลกและองค์ประกอบที่เชื่อมโยงทำงานได้อย่างถูกต้อง
- ใช้ระบบการออกแบบของธีม. หากธีมของคุณ (เช่น Astra หรือ GeneratePress) มีโทเค็นการออกแบบของตนเอง ให้แน่ใจว่าสีทั่วโลกของชุดตรงกับการตั้งค่าของธีม
- ทดสอบบนอุปกรณ์ทั้งหมด. ชุดเทมเพลตถูกออกแบบมาสำหรับเดสก์ท็อปเป็นอันดับแรก ตรวจสอบประสบการณ์บนมือถือและแท็บเล็ตเสมอก่อนเผยแพร่
- บันทึกส่วนที่ปรับแต่งเป็นเทมเพลต. หลังจากปรับแต่งส่วนที่คุณอาจนำกลับมาใช้ใหม่ (คำรับรอง บล็อก CTA ตารางราคา) ให้บันทึกไปยังห้องสมุดเทมเพลตของคุณสำหรับหน้าอื่นๆ
ประสิทธิภาพของชุดเทมเพลต
ชุดเทมเพลตอาจทำให้เกิดภาระด้านประสิทธิภาพหากรวมการเคลื่อนไหวที่หนักหลายรายการ วิดีโอฝังหลายรายการ หรือภาพขนาดใหญ่ สำหรับ ความเร็วหน้าเว็บที่ปรับแต่งแล้ว:
- ลบการเคลื่อนไหวที่ไม่มีวัตถุประสงค์ที่ชัดเจน
- เปลี่ยนวิดีโอที่ฝังด้วยภาพขนาดย่อที่โหลดวิดีโอเมื่อคลิก
- บีบอัดและปรับขนาดภาพให้เหมาะสม
- ใช้ฟีเจอร์ประสิทธิภาพของ Elementor (การโหลดทรัพย์สินที่ปรับปรุงแล้ว การโหลดแบบเลื่อนสำหรับภาพพื้นหลัง)
- ทดสอบด้วย Google PageSpeed Insights หลังจากการปรับแต่ง
คำถามที่พบบ่อย
ชุดเทมเพลตของ Elementor ฟรีหรือไม่?
Elementor มีเทมเพลตฟรีบางรายการ แต่ชุดเว็บไซต์เต็มรูปแบบต้องการ Elementor Pro ชุดจากบุคคลที่สามจากตลาดเช่น Envato Elements มักต้องการการสมัครสมาชิกหรือการซื้อครั้งเดียว Elementor Pro ที่ PluginTheme.net ให้การเข้าถึงห้องสมุดชุดเต็มรูปแบบ
ฉันสามารถใช้ชุดเทมเพลตบนเว็บไซต์หลายแห่งได้หรือไม่?
ใช่ หากใบอนุญาต Elementor Pro ของคุณอนุญาตให้ใช้หลายไซต์ ชุดเทมเพลตสามารถส่งออกจากไซต์หนึ่งและนำเข้าไปยังอีกไซต์หนึ่งได้ ภายใต้การอนุญาต GPL ไม่มีข้อจำกัดเกี่ยวกับจำนวนไซต์ที่คุณใช้เทมเพลต
ชุดเทมเพลตทำงานร่วมกับธีม WordPress ใดได้บ้าง?
ชุดเทมเพลตทำงานร่วมกับธีมใดก็ได้ที่เข้ากันได้กับ Elementor อย่างไรก็ตาม ธีมเช่น Astra, GeneratePress และ Hello Elementor ให้พื้นผิวที่สะอาดที่สุดเพราะพวกเขาไม่ฉีดสไตล์ของตนเองลงในเนื้อหา Elementor การใช้ธีมที่มีสไตล์มากเกินไปกับชุดเทมเพลตอาจทำให้เกิดความขัดแย้งทางสายตา
ฉันจะอัปเดตชุดเทมเพลตหลังจากใช้มันได้อย่างไร?
ชุดเทมเพลตสร้างหน้า WordPress ปกติ เมื่อถูกนำเข้า หน้าเหล่านี้จะเป็นอิสระจากชุด—การอัปเดตชุดจะไม่ส่งผลกระทบต่อหน้าที่คุณปรับแต่ง หาก Elementor ปล่อยเวอร์ชันใหม่ของชุด คุณสามารถนำเข้าเวอร์ชันใหม่พร้อมกับหน้าที่มีอยู่และปรับเปลี่ยนการเปลี่ยนแปลงที่คุณต้องการด้วยตนเอง
ฉันสามารถผสมเทมเพลตจากชุดต่างๆ ได้หรือไม่?
ทางเทคนิคสามารถทำได้ แต่ไม่แนะนำ ชุดที่แตกต่างกันใช้แผนสี ตัวอักษร และค่าระยะห่างที่แตกต่างกัน การผสมผสานจะทำให้เกิดความไม่สอดคล้องกันทางสายตา หากคุณต้องการประเภทหน้าที่ไม่รวมอยู่ในชุดของคุณ ให้สร้างมันจากศูนย์โดยใช้สไตล์ทั่วโลกของชุดของคุณ หรือ นำเข้าเทมเพลตใหม่และปรับแต่งสไตล์ให้ตรงกันด้วยตนเอง
ความแตกต่างระหว่างชุดเทมเพลตและเทมเพลตเริ่มต้นคืออะไร?
เทมเพลตเริ่มต้นมักเป็นการออกแบบหน้าเดียว (หน้าแรก หน้าแลนดิ้ง) ที่คุณนำเข้าและปรับแต่ง ชุดเทมเพลตเป็นชุดที่สมบูรณ์ของหน้า หัวเรื่อง ส่วนท้าย และป๊อปอัปที่ออกแบบมาให้ทำงานร่วมกันเป็นเว็บไซต์เต็มรูปแบบ ชุดจะให้ความสอดคล้อง; เทมเพลตแต่ละรายการจะมีความยืดหยุ่นสำหรับหน้าที่เฉพาะ
เข้าถึงชุดเว็บไซต์ Elementor 100+ ชุด
รับ Elementor Pro เพื่อเข้าถึงห้องสมุดชุดเทมเพลตเต็มรูปแบบ ตัวสร้างธีม และวิดเจ็ต Pro ทั้งหมด สร้างเว็บไซต์ทั้งหมดในไม่กี่ชั่วโมง ไม่ใช่หลายสัปดาห์
เรียกดู Elementor Pro →
