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

เผยแพร่แล้ว: 2022-04-28

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

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

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

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

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

ในบทความนี้เราจะนำเสนอส่วนเสริมสำหรับ Elementor ที่เราเชื่อว่าทุกคนควรมี

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

เริ่มกันเลย!

Elementor คืออะไร

หน้า Landing Page ขององค์ประกอบ

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

ไลบรารีเทมเพลตที่กว้างขวางมาพร้อมกับ Elementor และสำหรับไลบรารีนี้ นักพัฒนายังใส่เครื่องมือแก้ไขแบบลากแล้ววางที่น่าทึ่งอีกด้วย

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

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

วิธีเพิ่มองค์ประกอบใน Elementor

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

ถัดไป คุณต้องใส่ที่อยู่อีเมลของคุณ และในไม่ช้า ไฟล์ zip จะถูกดาวน์โหลด

จากนั้นในแดชบอร์ด WordPress ให้ไปที่ Plugins > Add New แล้วคลิก Upload Plugin เลือกไฟล์ zip ของคุณ (อย่าเปิดเครื่องรูด) ติดตั้งและเปิดใช้งาน และนั่นคือมัน; คุณทำเสร็จแล้ว

ElementsKit

ElementsKit

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

คุณสมบัติส่วนกลาง

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

คุณสมบัติอื่นๆ

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

เครื่องมือสร้างวิดเจ็ตขั้นสูง ElementsKit

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

แพลตฟอร์มโซเชียลมีเดีย – รับประโยชน์จากสถานะออนไลน์ของคุณด้วยการเพิ่มฟีดจาก Facebook, Twitter หรือ/และ Instagram ลงในเว็บไซต์ของคุณโดยตรง หรือเพิ่มบทวิจารณ์ธุรกิจของคุณที่เผยแพร่บนเว็บไซต์เช่น Yelp หรือ Trust Pilot หากยังไม่เพียงพอสำหรับคุณ เมื่อใช้ ElementsKit คุณจะได้รับวิดเจ็ต WooCommerce มากกว่าสองสามอย่าง เช่น รถเข็นขนาดเล็กและรายการหมวดหมู่

ElementsKit การรวมโซเชียลมีเดีย

ค่าธรรมเนียม: AppSumo กำลังเสนอส่วนลดพิเศษสำหรับ ElementsKit สินค้ามีสามรุ่นให้เลือก รุ่นเดียวที่มีใบอนุญาตสำหรับห้าไซต์สามารถเป็นของคุณได้ในราคา $49 รุ่น Double พร้อมใบอนุญาตสำหรับ 20 ไซต์จะเสียค่าใช้จ่าย $98 และในกรณีที่คุณเป็นประเภทที่ไม่รู้จักพอ เวอร์ชันหลายเวอร์ชันที่ใช้ได้ไม่จำกัดจำนวนไซต์จะเสียค่าใช้จ่าย $147

ส่วนเสริมอื่น ๆ ที่เราแนะนำ

ACF Frontend สำหรับ Elementor

ACF Frontend สำหรับ Elementor

ตามชื่อที่แนะนำ ACF Frontend สำหรับ Elementor ให้คุณสร้างแบบฟอร์มใน Elementor และเช่นเดียวกับ ElementsKit คุณไม่จำเป็นต้องมีความรู้ด้านการเข้ารหัสเพื่อใช้งาน

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

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

Happy Addons สำหรับ Elementor

Happy Addons สำหรับ Elementor

Happy Addons for Elementors มาพร้อมกับวิดเจ็ตมากมายให้ปรับแต่ง โดยมีมากกว่า 30 วิดเจ็ต ดังนั้นเพื่อความกระชับ เราจะพูดถึงเพียงไม่กี่อย่างเท่านั้น

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

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

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

ชุดเครื่องมือสำหรับ Elementor

ชุดเครื่องมือสำหรับ Elementor

หากสิ่งที่คุณต้องการเป็นสิ่งที่มีเทคนิคมากกว่าและเน้นไปที่ผู้ดูแลระบบมากกว่า ToolKit For Elementor ก็คุ้มค่าที่จะลองดู

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

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

TL;DR

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

ต้นแบบการออกแบบเว็บ

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

  • ElementsKit: มาพร้อมกับตัวสร้างส่วนหัวและส่วนท้ายที่ใช้งานง่ายและปรับแต่งได้ นอกจากนี้ยังช่วยให้คุณสร้างวิดเจ็ตของคุณเองและเพิ่มฟีดโซเชียลไปยังไซต์ WP ของคุณ
  • ACF Frontend สำหรับ Elementor: คุณสามารถใช้เพื่อสร้างรูปแบบต่างๆ และให้ผู้ใช้ของคุณมีการควบคุมมากขึ้น
  • Happy Addons สำหรับ Elementors: ให้คุณสร้างกล่องข้อมูลที่สนุกและลื่นไหลด้วยเครื่องมือออกแบบมากมายที่จะเข้ากับสไตล์ทุกรูปแบบได้อย่างแน่นอน รวมถึงเพิ่มส่วนบทวิจารณ์เพื่อสร้างความไว้วางใจในธุรกิจของคุณมากขึ้น
  • ToolKit สำหรับ Elementor: ช่วยให้คุณควบคุมไซต์ WP หลายไซต์ของคุณได้มากขึ้น ทำให้ทำงานเร็วขึ้น รวมทั้งซิงค์กับไซต์อื่นๆ และบันทึกธีมที่กำหนดเอง

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

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

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

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