ขอแนะนำ Elementor Page Builder พร้อม Widgets-Addons อันทรงพลัง

เผยแพร่แล้ว: 2019-09-06

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

ตัวสร้างหน้า Elementor ช่วยให้ลูกค้าพึงพอใจ 100%

สถิติบอกว่า- มีเว็บไซต์มากกว่า 2037578 เว็บที่สร้างด้วย Elementor

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

Elementor เป็นโปรแกรมสร้างเพจแบบภาพ นั่นหมายความว่าคุณสามารถสร้าง แก้ไข และออกแบบหน้า Landing Page ได้โดยไม่ต้องเขียนโค้ด มันไม่เจ๋งเหรอ?

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

ทำไมคุณควรเลือก Elementor เป็นตัวสร้างเพจ

Elementor page builder

ปลั๊กอิน Elementor ให้บริการที่ดีที่สุดตั้งแต่ปี 2015 ตั้งแต่นั้นมาก็สร้างผลกระทบให้กับผู้ชื่นชอบ WordPress ทุกคน

เรามาดูประเด็นต่อไปนี้กัน

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

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

Elementor Free เทียบกับ Elementor Pro

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

เราได้พูดถึง Elementor เวอร์ชันฟรีแล้ว ดังนั้น ในส่วนนี้ เราจะพูดถึงเฉพาะ Elementor เวอร์ชันโปร

คุณต้องมี Elementor เวอร์ชันฟรีเพื่อใช้เป็นเวอร์ชันโปร

Elementor Page Builder Pro

มีหลายเหตุผลที่ควรพิจารณาและเลือก Elementor Page Builder pro ลองดูบางส่วนของพวกเขาในด้านล่าง

30+ วิดเจ็ตพร้อม Elementor Pro

elementor widgets pro
วิดเจ็ตองค์ประกอบ

Elementor Pro ปลดล็อกเทมเพลตทั้งหมด

ในขณะที่ใช้เวอร์ชันฟรี คุณอาจมีธีมน้อยกว่าให้ใช้ แต่เมื่อได้รับเวอร์ชันโปร ธีมที่มีทั้งหมดจะเปิดให้คุณ

Themes compatible with Elementor

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

คุณสามารถสร้างธีมบางธีมได้โดยใช้เวอร์ชันฟรี เช่น ธีม Astra หรือคุณสามารถเลือกธีม สวัสดี หากคุณต้องการมีความสุขกับเวอร์ชันฟรี

เพิ่มฟังก์ชั่นใหม่

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

Adds new functionality
เพิ่มฟังก์ชัน

ส่วนเสริมและวิดเจ็ตยอดนิยมของ Elementor

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

วิดเจ็ตของ Elementor

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

วิดเจ็ตหลัก

ในวิดเจ็ตพื้นฐาน คุณจะได้รับรายการต่อไปนี้

  • คอลัมน์ – คุณสามารถสร้างคอลัมน์ภายในภายในวิดเจ็ตนี้
  • หัวเรื่อง – เพิ่มหัวข้อข่าวให้มากขึ้นด้วยหัวเรื่อง
  • รูปภาพ – ควบคุมขนาด ความทึบ และการตั้งค่าอื่นๆ ของรูปภาพ
  • ตัวแก้ไขข้อความ – เช่นเดียวกับตัวแก้ไข WordPress
  • วิดีโอ – เพิ่ม YouTube ได้ไม่จำกัดในหน้าของคุณ
  • ปุ่ม – คุณสามารถควบคุมทุกอย่างของการออกแบบปุ่มได้
  • ตัว แบ่ง – เป็นเส้นที่แบ่งองค์ประกอบต่างๆ ในหน้า
  • Spacer – ใช้พื้นที่ตามที่คุณต้องการแบ่งองค์ประกอบต่างๆ
  • Google Maps – ใช้แผนที่แบบฝังในหน้า
  • ไอคอน - สิ่งอำนวยความสะดวกในการเพิ่ม วางไอคอนที่มีอยู่อย่างน้อย 600+ รายการ

วิดเจ็ตที่ปรับแต่งได้

  • Image Box – เป็นกล่องที่มีรูปภาพ พาดหัว และข้อความ
  • กล่องไอคอน – ทำงานเหมือนกับกล่องรูปภาพ
  • คลังภาพ – จะแสดงภาพของคุณในตารางที่จัดแนว
  • ภาพหมุน – เป็นภาพหมุนหรือตัวเลื่อนของภาพที่เลือก
  • รายการไอคอน - รายการไอคอนคือรายการสัญลักษณ์แสดงหัวข้อย่อยที่มีไอคอนและข้อความที่เลือก
  • ตัว นับ – ตัวนับแสดงสถิติและตัวเลขในลักษณะที่เพิ่มขึ้น
  • แถบความคืบ หน้า – แถบความคืบหน้าช่วยให้คุณเพิ่มแถบที่มีความคืบหน้าของเว็บไซต์ มักจะช่วยดึงดูดความสนใจของลูกค้า
  • ข้อความรับรอง – การแสดงคำรับรองคือการสร้างหลักฐานทางสังคม
  • แท็บ – เพื่อแสดงเนื้อหาประเภทต่างๆ บนแท็บเว็บไซต์ที่กำลังใช้งานอยู่
  • หีบเพลง - เป็นการแสดงเนื้อหาที่ยุบได้
  • สลับ – วิดเจ็ตนี้ใช้สำหรับหน้าคำถามที่พบบ่อยโดยทั่วไป
  • ไอคอนโซเชียล - เพื่อแบ่งปันบางสิ่งกับโซเชียลมีเดีย
  • การ แจ้งเตือน – เป็นกล่องแจ้งเตือนสีเพื่อดึงดูดความสนใจของผู้เข้าชม
  • เสียง – คุณสามารถเพิ่มบิตเสียงจาก SoundCloud
  • รหัสย่อ – คุณสามารถเพิ่มการแทรกรหัสย่อจากปลั๊กอินใด ๆ ลงในหน้าได้อย่างง่ายดาย
  • HTML – เพื่อกำหนดหน้าใด ๆ ที่มีรหัสลงในหน้า HTML กำลังใช้อยู่
  • Menu Anchor – คุณสามารถเชื่อมโยงเมนูใดก็ได้กับ Anchor นี้
  • แถบด้านข้าง – เพิ่มแถบด้านข้างลงในหน้ามากที่สุดเท่าที่จะมากได้

ส่วนเสริมยอดนิยมแต่ทรงพลังสำหรับ Elementor

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

เราให้รายการนี้ตามคำวิจารณ์ของลูกค้าและความพึงพอใจโดยรวมของพวกเขา

  1. องค์ประกอบกด
  2. ส่วนเสริมทุกที่
  3. องค์ประกอบเสริมขององค์ประกอบ
  4. โปรแกรมเสริม NavMenu สำหรับ elementor
  5. องค์ประกอบส่วนหัวส่วนท้าย
  6. Stylepress สำหรับ elementor
  7. HappyAddons (โบนัส)
นำเสนอโดย Wp Crafter

องค์ประกอบกด

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

มีคุณลักษณะเฉพาะบางอย่างที่ทำให้เหมาะมากสำหรับการสร้างหน้าเว็บ

Press elementor
กดองค์ประกอบหรือ

Add-on ได้ทุกที่

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

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

Anywhere Elementor
ทุกที่ Elementor

Elementor Addon Elements

ส่วนเสริมและปลั๊กอินองค์ประกอบนี้มอบคุณสมบัติใหม่ที่น่าทึ่งกว่า 15 รายการให้คุณอย่างที่ไม่เคยมีมาก่อนในโปรแกรมเสริมใด ๆ

Elementor Addon and Elements
องค์ประกอบเสริมและองค์ประกอบ

คุณสมบัติพื้นฐานของส่วนเสริมนี้

  • แถบความคืบหน้าที่น่าทึ่ง
  • ปุ่มคู่
  • สีพื้นหลังเคลื่อนไหว
  • ตารางเปรียบเทียบ
  • กล่องพลิกและอื่น ๆ

โปรแกรมเสริม NavMenu สำหรับ Elementor

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

NavMenu add-ons for elementor
โปรแกรมเสริม NavMenu สำหรับ elementor

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

Elementor Page Builder- ส่วนเสริมส่วนท้ายของส่วนหัว

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

Elementor Page Builder- Header Footer add-ons
Elementor Page Builder- ส่วนเสริมส่วนท้ายของส่วนหัว

โดยทั่วไป ปลั๊กอินนี้จะเข้ากันได้กับบางธีม พวกเขาเป็น.

  • เนฟ
  • เฮสเทีย
  • Astra
  • GeneratePress
  • OceanWP
  • ปฐมกาล
  • ต้นฟลอกส

StylePress – ตัวสร้างหน้าองค์ประกอบ

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

StylePress - Elementor page builder
StylePress – ตัวสร้างหน้าองค์ประกอบ
  • สมัครสมาชิกอีเมล์.
  • เมนูเวิร์ดเพรส.
  • แผนที่แบบจัดกลุ่ม
  • วิดเจ็ตเสริมสำหรับ Elementor ( Mailchimp, Navbar, Modal Popups, Page Slider, Tooltip ฯลฯ )

HappyAddons- Addon ที่ต้องการมากที่สุดสำหรับ Elementor

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

เรากำลังพูดถึงส่วนเสริมที่มีความสุข ส่วนเสริมนี้มาพร้อมกับคุณสมบัติที่น่าทึ่งและฟรีทั้งหมด!

Happy Add-on
โปรแกรมเสริมความสุข

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

  • การ์ด
  • หัวเรื่องไล่โทนสี
  • กล่องข้อมูล
  • กล่องไอคอน
  • สมาชิกในทีม
  • ทบทวน
  • แถบทักษะ
  • weForms
  • แบบฟอร์มนินจา
คลิกเพื่อเรียนรู้เพิ่มเติมเกี่ยวกับ Happy Addons

ธีมที่เข้ากันได้กับ Elementor Page Builder

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

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

หมายเหตุ: รายการนี้จัดทำขึ้นตามความคิดเห็นของผู้ใช้และอัตราความพึงพอใจ

ธีมสวัสดี

Hello Theme
ธีมสวัสดี

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

ธีมมหาสมุทร

Ocean Theme
ธีมมหาสมุทร

นี่เป็นธีม WordPress ยอดนิยม ธีมมหาสมุทรทำงานได้ดีที่สุดกับ Elementor

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

ธีมแอสตร้า

Astra theme
ธีมแอสตร้า

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

บรรยากาศโปร

Atmosphere pro
บรรยากาศโปร

ชุดรูปแบบนี้มีความสวยงามมากและเข้ากันได้กับองค์ประกอบได้อย่างง่ายดาย โดยเฉพาะอย่างยิ่งกับคุณสมบัติการลากและวาง Atmosphere Pro จะให้ความรู้สึกที่ปรับแต่งได้ 100% แก่คุณในการแก้ไข ออกแบบ และลบ

ไฮไลท์ที่สังเกตได้อื่นๆ ประกอบด้วยส่วนหัวที่ปรับได้ กระดานตัวเลือกหัวข้อ และรูปแบบหน้าที่กำหนดเอง

เฮสเทียโปร

Hestia Pro
เฮสเทียโปร

ปลั๊กอิน Hestia pro นี้เป็นรูปแบบหัวเรื่อง WordPress แบบหน้าเดียวสำหรับผู้ผลิตหน้าเช่น Elementor มาพร้อมกับแผนล้ำสมัยพร้อมเลย์เอาต์หน้าแรกที่แบ่งออกเป็นส่วนๆ ที่ปรับได้

วิธีการใช้ปลั๊กอิน Elementor อย่างชาญฉลาด?

สับสนว่าจะเริ่มต้นการเดินทางในฝันของคุณกับ Elementor ได้อย่างไร? ไม่ต้องกังวลเราอยู่ที่นี่เพื่อช่วยคุณ มาดูวิธีการติดตั้ง Elementor อย่างง่ายๆ และเริ่มสร้างเพจที่โดดเด่นกัน

ติดตั้งปลั๊กอิน Elementor

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

'ปลั๊กอิน' > 'เพิ่มใหม่' และคลิกที่ปุ่ม ติดตั้ง

Elementor plugin
ปลั๊กอิน Elementor

แก้ไขหน้าใหม่ด้วย elementor

ไปที่ ' หน้า ' < เพิ่มหน้าใหม่ จากนั้นให้ชื่อหน้า + คลิกที่ 'แก้ไขด้วย Elementor'

Screenshot 3

การแทรกเทมเพลต Elementor

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

Elementor page builder
การแทรกธีม

หลังจากเข้าสู่โฟลเดอร์ like-option คุณจะได้รับไลบรารีธีม เลือกเลย

Screenshot 5

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

เริ่มสับสน? นี่คือวิดีโอสอนสำหรับคุณ ให้เช็ค.

ตัวสร้างเพจ

กำลังเพิ่มวิดเจ็ต

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

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

Elementor page builder
ลากและวางคุณสมบัติ

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

Elementor page builder
ตัวสร้างหน้าองค์ประกอบ

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

นี่คือคำแนะนำทั้งหมดสำหรับการเพิ่มวิดเจ็ตที่จำเป็นในหน้า

การเพิ่มวิดเจ็ต

อ่านบทความนี้เพื่อดูรายละเอียดเกี่ยวกับวิดเจ็ต Elementor

คำพูดสุดท้ายเกี่ยวกับ Elementor Page Builder

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

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

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

พร้อมที่จะตรวจสอบ HappyAddons แล้วหรือยัง เพียงคลิก!