HappyAddons ขอแนะนำตัวสร้างธีมฟรีสำหรับผู้ใช้ Elementor

เผยแพร่แล้ว: 2023-01-16

สวัสดีทุกๆคน! ในที่สุดตัวสร้างธีม HappyAddons ก็เปิดตัวแล้ว และจะ พร้อมใช้งานจากเวอร์ชันฟรี (v3.8.0) ด้วยเวอร์ชันใหม่นี้ คุณสามารถสร้างส่วนหัวและส่วนท้ายที่กำหนดเองสำหรับไซต์ของคุณได้ฟรี

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

ด้านล่างนี้เราจะพูดถึง วิธีเข้าถึง HappyAddons Theme Builder และสิ่งที่คุณสามารถทำได้

วิธีเข้าถึงตัวสร้างธีม HappyAddons

คุณต้องติดตั้งปลั๊กอิน Elementor และ HappyAddons เพื่อเข้าถึงตัวสร้างธีม HappyAddons คุณจะได้รับปลั๊กอินเหล่านี้จากลิงก์ด้านล่าง

  • ธาตุ
  • HappyAddons

เมื่อติดตั้งและเปิดใช้งานแล้ว ให้ทำตามขั้นตอนด้านล่าง

ขั้นตอนที่ 01: ไปที่ตัวสร้างธีม

  • ไปที่ HappyAddons > Theme Builder
  • คลิกที่ เพิ่มใหม่
How to Access Theme Builder of HappyAddons

ขั้นตอนที่ 02: เลือกประเภทเทมเพลต

  • คุณจะได้รับการเปิดป๊อปอัป
  • เลือกประเภทของเทมเพลตที่คุณต้องการเพิ่ม
  • ตั้งชื่อให้มัน
  • คลิกที่ปุ่ม สร้างเทมเพลต
  • คุณจะเห็น Elementor Canvas เปิดขึ้น
  • ลากและวางวิดเจ็ตที่คุณต้องการจากพาเนล Elementor เพื่อออกแบบเทมเพลตของคุณ
Elementor Canvas

วิดเจ็ตสร้างธีม HappyAddons สำหรับผู้ใช้ฟรี

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

ในส่วนนี้ เราจะพูดถึงวิดเจ็ตที่คุณต้องการในขณะที่ใช้ตัวสร้างธีม

1. เมนูนำทาง

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

Nav Menu of HappyAddons

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

Set Alignment and Icon of Your Navigation Menu

2. โลโก้เว็บไซต์

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

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

Set Site Logo for Header with HappyAddons

3. ชื่อเว็บไซต์

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

How to Add Site Title to Your Elementor Website with HappyAddons

4. แท็กไลน์ของไซต์

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

How to Add Site Tagline to Elementor Website Using HappyAddons

5. ชื่อหน้า

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

How to Add Page Title Using HappyAddons

6. ชื่อกระทู้

ชื่อโพสต์เป็นหัวข้อหลักของบล็อกโพสต์และบทความ ครอบคลุมแท็ก HTML H1 และช่วยให้ Google เข้าใจโครงสร้างและเนื้อหาได้ทันที ชื่อโพสต์ของคุณยังเป็นองค์ประกอบที่สำคัญของ SEO เนื่องจากปรากฏในหน้าผลลัพธ์ของเครื่องมือค้นหา

วิดเจ็ต Single Post มีประโยชน์มากหากคุณต้องการสร้างโพสต์เดียวหรือเทมเพลตเพจ

How to Use Post Title Widget of HappyAddons

7. โพสต์ข้อความที่ตัดตอนมา

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

วิดเจ็ต Post Excerpt จะช่วยให้คุณปรับแต่งสี แบบอักษร และรูปแบบตัวอักษรของข้อความที่ตัดตอนมาของคุณ เคล็ดลับง่ายๆ คือการคัดลอกและวางคำอธิบายเมตาลงในข้อความที่ตัดตอนมา

How to Add Post Excerpt to Elementor Website Using HappyAddons

8. โพสต์เนื้อหา

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

How to Use Post Content Widget on Elementor Website Using HappyAddons

9. โพสต์ภาพเด่น

ภาพเด่นของโพสต์จะปรากฏที่ด้านบนสุดของบล็อกโพสต์ มันแสดงถึงส่วนสำคัญของบทความต่อผู้เยี่ยมชมและเครื่องมือค้นหา วิดเจ็ตรูปภาพฟีเจอร์โพสต์ของ HappyAddons จะให้คุณกำหนดขนาด การจัดตำแหน่ง พื้นที่ว่าง และช่องว่างภายในรูปภาพของคุณ

How to Add Post-Featured-Image to Elementor Website Using HappyAddons

10. กล่องผู้แต่ง (เมตา)

วิดเจ็ต Author Box ช่วยให้คุณแสดงชื่อ ภาพแทนตัว ประวัติย่อ และปุ่มเก็บถาวรของผู้เขียนบล็อกโพสต์ คุณสามารถเปลี่ยนขนาดและตำแหน่งขององค์ประกอบเหล่านี้ สร้างช่องว่างระหว่างองค์ประกอบเหล่านี้ และปิดใช้งานองค์ประกอบใด ๆ ที่คุณต้องการ

How to Add Author Meta to Your Elementor Site Using HappyAddons

11. โพสต์ความคิดเห็น

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

Post Comments Widget of HappyAddons Theme Builder

12. โพสต์การนำทาง

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

How to add Post Navigation to Elementor Canvas Using HappyAddons

13. โพสต์ข้อมูล

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

หลังจากนั้น คุณสามารถตั้งค่าความสูง สี การจัดตำแหน่ง ข้อความ และช่องว่างระหว่างกันได้

Post-Info-Widget of HappyAddons

14. ชื่อเรื่องที่เก็บถาวร

หากคุณคิดที่จะสร้างหน้าเก็บถาวร คุณจะต้องใช้วิดเจ็ต ชื่อที่เก็บถาวร นี้เพื่อทำให้สามารถระบุหน้านั้นได้ง่าย คุณสามารถใช้แท็กส่วนหัว (H1-H6) การจัดตำแหน่ง สี รูปแบบตัวอักษร และเอฟเฟ็กต์เงากับชื่อโดยใช้วิดเจ็ตนี้

Archive Title Widget of HappyAddons

15. โพสต์เก็บถาวร

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

Archive Posts Widget of HappyAddons

คุณสมบัติการสร้างธีม HappyAddons สำหรับผู้ใช้ Pro: เงื่อนไขเทมเพลต

เงื่อนไขเทมเพลต Elementor ช่วยให้คุณระบุได้อย่างแม่นยำว่าเทมเพลตเฉพาะของคุณจะแสดงในกรณีใด ไม่ว่าจะอยู่ในหน้าใด อนุกรมวิธาน หรือหมวดหมู่ เมื่อคุณแก้ไขเทมเพลตเสร็จแล้ว คุณต้องกดปุ่ม เผยแพร่ สีเขียวบนแผง Elementor

Publish a Template After Creating By HappyAddons Theme Builder

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

  • ธาตุ
  • HappyAddons
  • โปร HappyAddons

มาดูวิธีตั้งเงื่อนไขเพื่อแสดงเทมเพลตโดยใช้ HappyAddons Pro

วิธีตั้งเงื่อนไขเพื่อแสดงเทมเพลตโดยใช้ HappyAddons Pro

  • เมื่อคุณคลิกที่ปุ่ม เผยแพร่ ตามที่กล่าวไว้ข้างต้น คุณจะได้รับหน้าต่างป๊อปอัปต่อไปนี้
  • คลิกที่ เพิ่มเงื่อนไข
How to Set Template Conditions in HappyAddons Theme Builder
  • คุณจะเห็นเงื่อนไข ทั้งไซต์ ปรากฏขึ้น อันนี้ฟรีสำหรับผู้ใช้ทุกคน
  • การใช้เงื่อนไขนี้จะทำให้เทมเพลตของคุณพร้อมใช้งานบนเว็บไซต์ทั้งหมดของคุณ
Free Template Condition for HappyAddons Theme Builder Users
  • คลิกที่ไอคอนดรอปดาวน์ถัดจากทั้งไซต์ ดังที่คุณเห็นในรูปภาพด้านบน คุณจะได้รับอีกสองตัวเลือก: จดหมายเหตุ และ เอกพจน์
  • ตัวเลือกเหล่านี้สงวนไว้สำหรับผู้ใช้ระดับพรีเมียมเท่านั้น
  • เลือก เอกสารเก่า
Pro Template Conditions for HappyAddons Pro Users
  • คุณจะเห็นตัวเลือกการเก็บถาวรถูกจำกัดไว้สำหรับผู้ใช้ Pro เท่านั้น
Archive Condition of HappyAddons Theme Builder
  • จากนั้นตรวจสอบตัวเลือก เอกพจน์ คุณจะเห็นตัวเลือกที่สงวนไว้สำหรับผู้ใช้ Pro
  • เงื่อนไขเอกพจน์จะให้คุณใช้เทมเพลตทั้งหมดของคุณโดยเฉพาะสำหรับโพสต์ หมวดหมู่ และหน้าเฉพาะ
Singular Template Condition of HappyAddons Theme Builder

คำถามที่พบบ่อยเกี่ยวกับ Theme Builder สำหรับ Elementor

ที่นี่ เราจะตอบคำถามที่พบบ่อยเกี่ยวกับตัวสร้างธีมหัวข้อสำหรับ Elementor

Theme Builder ใช้สำหรับ Elementor Pro เท่านั้นหรือไม่

ใช่ Elementor Theme Builder มีให้สำหรับผู้ใช้ Pro เท่านั้น ไม่ต้องกังวล. ปัจจุบัน HappyAddons มีตัวสร้างธีมด้วย และใช้งานได้ฟรี คุณสามารถสร้างและเผยแพร่ส่วนหัวและส่วนท้ายทั่วทั้งเว็บไซต์ของคุณ

อะไรคือความแตกต่างระหว่างธีม WordPress และตัวสร้างธีม?

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

อะไรคือความแตกต่างระหว่างตัวสร้างธีมและตัวสร้างหน้า?

ด้วยเครื่องมือสร้างธีม คุณสามารถสร้างส่วนหัว ส่วนท้าย โพสต์เดี่ยว และแม่แบบหน้า และเผยแพร่ทั่วทั้งเว็บไซต์ของคุณ แต่ตัวสร้างหน้าอนุญาตให้ออกแบบเฉพาะหน้าแต่ละหน้าเท่านั้น แต่ไม่สามารถเผยแพร่เลย์เอาต์แบบไซต์ได้

คุณพร้อมที่จะใช้ตัวสร้างธีมฟรีสำหรับ Elementor แล้วหรือยัง

การเปิดตัว HappyAddons Theme Builder จะเป็นตัวเปลี่ยนเกมในการออกแบบเว็บ มันจะเปิดโอกาสนับไม่ถ้วนสำหรับผู้ที่กำลังมองหาวิธีการออกแบบและพัฒนาเว็บไซต์ที่ไม่ต้องใช้โค้ด

เรา ทีมงาน HappyAddons ขอสัญญาว่าคุณจะปรับปรุงตัวสร้างธีมของเราอย่างต่อเนื่องเพื่อให้เป็นมิตรกับผู้ใช้มากขึ้น ในอีกไม่กี่วันข้างหน้า เราจะทำให้ไลบรารีมีทรัพยากรมากขึ้นโดยการเพิ่มวิดเจ็ตที่พร้อมใช้งานมากมาย คุณพร้อมที่จะรับพวกเขา? แจ้งให้เราทราบสิ่งที่คุณคิด.

สมัครรับจดหมายข่าวของเรา

รับข่าวสารและอัปเดตล่าสุดเกี่ยวกับ Elementor