วิดเจ็ตที่กำหนดเอง Elementor 5 อันดับแรกที่คุณสามารถเลือกได้

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

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

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

ยังไงก็พอคุยกันได้! มาดำดิ่งในการสนทนากันเถอะ!

วิดเจ็ตที่กำหนดเองของ Elementor 5 อันดับแรกที่ผู้คนชื่นชอบ

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

มาดูรายละเอียดเกี่ยวกับวิดเจ็ตที่กำหนดเองของ Elementor กันดีกว่า

วิดเจ็ตส่วนกลาง

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

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

ในการทำเช่นนั้น เพียงบันทึกการออกแบบของคุณเป็น Global Widget แล้วลากวิดเจ็ตของคุณไปที่หน้าใดก็ได้ แค่นั้นแหละ!

อย่างไรก็ตาม คุณสามารถดูวิดีโอต่อไปนี้เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ 'Global Widget':

วิดเจ็ต HTML

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

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

ดูวิดีโอบทช่วยสอนต่อไปนี้ในวิดเจ็ต HTML โดยละเอียด:

วิดเจ็ตรหัสย่อ

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

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

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

วิดเจ็ตส่วนภายใน

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

ดังนั้น ' วิดเจ็ตส่วนด้านใน ' ช่วยให้คุณแบ่งส่วนที่คุณสร้างด้วย Elementor ได้ คุณสามารถตรวจสอบแอนิเมชั่นต่อไปนี้ว่าได้ใช้งานอย่างไรเพื่อสร้างส่วนที่สวยงามภายใต้ส่วนแม่

วิดเจ็ตเทมเพลตโพสต์เดียว

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

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

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

วิธีสร้าง Elementor Custom Widgets (สำหรับนักพัฒนา)

ส่วนนี้มีไว้สำหรับนักพัฒนาที่ต้องการปรับแต่งวิดเจ็ต Elementor ด้วยตนเอง ดังนั้น หากคุณต้องการใช้งานบางอย่างที่ไม่ธรรมดาใน Elementor คุณก็สามารถทำได้ง่ายๆ

มาดูขั้นตอนของการสร้างวิดเจ็ตองค์ประกอบแบบกำหนดเองโดยย่อกัน

• โครงสร้างวิดเจ็ต
• ระดับ
• ข้อมูล
• การควบคุม
• กำลังแสดงผล
• รหัสทั้งหมด
• และการสมัครรอบสุดท้าย

ตามขั้นตอนเหล่านี้ คุณสามารถพัฒนาวิดเจ็ตสำหรับไซต์ Elementor ของคุณได้

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

คุณสามารถใช้ Happy Addons ในการสร้าง Elementor Custom Widgets ได้อย่างไร

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

แท็บขั้นสูง

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

การแบ่งส่วนไม่ จำกัด

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

แต่การใช้ 'Unlimited Section Nesting' คุณสามารถสร้างการออกแบบที่ก่อนหน้านี้ไม่สามารถทำได้อย่างรวดเร็วด้วยส่วน Elementor และคอลัมน์ในสต็อกโดยการสร้างส่วนที่ซ้อนกันแบบไม่จำกัด:

วิดเจ็ตแผนภูมิแท่ง

เช่นเดียวกับฟีเจอร์อื่นๆ ของ Happy Addons วิดเจ็ต 'Bar Chart' เป็นหนึ่งในวิดเจ็ตที่ทำกำไรได้มากที่สุด คุณสามารถสร้างแผนภูมิที่น่าทึ่งบนเว็บไซต์ของคุณได้โดยใช้วิดเจ็ตที่ปรับแต่งเองนี้

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

เลื่อนภาพ

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

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

บทความที่เกี่ยวข้อง: 'Happy Addons: Ultimate Elementor Addon'.?

ความคิดสุดท้าย

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

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

ดังนั้นอย่ารอช้ารีบคว้า Happy Addons ทันที !!!?