Elementor Review: ออกแบบบล็อกของคุณโดยใช้ตัวสร้างเพจนี้

เผยแพร่แล้ว: 2020-11-10

ต้องการสร้างเว็บไซต์ของคุณเองหรือไม่?

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

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

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

เรามีหลายสิ่งที่จะครอบคลุมดังนั้นเรามาดูกันดีกว่า

สารบัญ

  • 1. Elementor คืออะไร?
  • 2. คุณสมบัติหลักของ Elementor
  • 3. ทำความคุ้นเคยกับอินเทอร์เฟซ Elementor
  • 4. ราคา Elementor: Pro เทียบกับฟรี
  • 5. Elementor ยากที่จะเชี่ยวชาญหรือไม่?
  • 6. ใครควรได้รับ Elementor?
  • 7. คำถามที่พบบ่อยของ Elementor
  • 8. ความคิดสุดท้าย

    Elementor คืออะไร?

    Elementor คืออะไร
    • บันทึก

    เมื่อฉันเริ่มสร้างเว็บไซต์ด้วย WordPress ครั้งแรกฉันคิดว่ากระบวนการนี้ไม่ง่ายเลย

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

    อย่างไรก็ตามเป็นเรื่องที่หลีกเลี่ยงไม่ได้ที่คุณจะต้องเรียนรู้การเขียนโค้ดเล็กน้อยเพื่อสร้างไซต์ต้นฉบับ 100%

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

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

    นั่นคือก่อนที่ผู้สร้างเพจเช่น Elementor จะเข้ามาในรูปภาพ

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

    นี่คือตัวอย่างของอินเทอร์เฟซ Elementor:

    ดูตัวอย่าง Elementor
    • บันทึก

    คุณสมบัติหลักของ Elementor

    เพื่อให้การตรวจสอบนี้เริ่มต้นขึ้นเรามาดูคุณสมบัติหลักของ Elementor อย่างรวดเร็ว

    1. โปรแกรมแก้ไขแบบสดลากแล้ววาง

    คุณต้องการทราบส่วนที่ดีที่สุดในการสร้างเว็บไซต์หรือไม่?

    กดปุ่มบันทึกและดูการเปลี่ยนแปลงของคุณ

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

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

    Elementor Live Editor
    • บันทึก

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

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

    ส่วนต่างๆของ Elementor Live Editor
    • บันทึก

    2. ชุดวิดเจ็ตจำนวนมาก

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

    Elementor เวอร์ชันปัจจุบันรองรับ 90+ วิดเจ็ตที่คุณสามารถใช้เพื่อรวมเพจที่สมบูรณ์แบบสำหรับเว็บไซต์ของคุณ

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

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

    วิธีค้นหาวิดเจ็ต Elementor
    • บันทึก

    3. บล็อกและหน้าออกแบบไว้ล่วงหน้า

    ต้องการประหยัดเวลาในการพัฒนาเว็บให้มากขึ้นกว่าเดิมหรือไม่?

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

    หากต้องการดูบล็อกและเพจที่มีให้คลิกที่ไอคอนโฟลเดอร์บนพื้นที่วิดเจ็ตใด ๆ สิ่งนี้จะดึงไลบรารี "Elementor" ขึ้นมา

    ทางลัด Elementor Library
    • บันทึก

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

    ห้องสมุด Elementor Blocks
    • บันทึก

    ในทางกลับกันเพจเป็นเทมเพลตที่จะช่วยให้คุณเห็นภาพทิศทางของการออกแบบเพจของคุณ

    ตัวอย่างบางส่วน ได้แก่ หน้า "อยู่ระหว่างการปรับปรุง" หน้า Landing Page และหน้า "เกี่ยวกับ"

    เทมเพลตหน้า Elementor
    • บันทึก

    4. สร้างบนธีม WordPress ใด ๆ

    หากคุณไม่คุ้นเคยกับเครื่องมือสร้างเพจคุณอาจกังวลว่า Elementor เข้ากันได้กับธีม WordPress ปัจจุบันของคุณหรือไม่

    มั่นใจได้ว่าได้รับการออกแบบมาให้ทำงานร่วมกับธีม WordPress ได้อย่างราบรื่น

    และหากคุณยังไม่ได้สรุปธีมบล็อกของคุณให้เลือกธีม Elementor เหล่านี้

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

    พื้นที่เนื้อหาสามารถมีได้หลายคอลัมน์ตาม "โครงสร้าง" ที่คุณเลือก

    โครงสร้างส่วนเนื้อหา Elementor
    • บันทึก

    5. ตัวสร้างป๊อปอัป

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

    หากคุณต้องการเปลี่ยนผู้เข้าชมเป็นลูกค้าคุณต้องการให้พวกเขาเห็นองค์ประกอบของ Conversion เช่น CTA และแบบฟอร์มที่เลือกใช้

    วิธีที่มีประสิทธิภาพคือการนำเสนอองค์ประกอบเหล่านั้นผ่าน "ป๊อปอัป" อัจฉริยะที่ไม่รบกวนประสบการณ์ของผู้ใช้

    เดาอะไร? คุณยังสามารถสร้างสิ่งเหล่านั้นด้วย Elementor

    มีแม้แต่คลังเทมเพลตป๊อปอัปที่ปรับแต่งได้ทั้งหมดอยู่ที่ปลายนิ้วของคุณ

    เทมเพลตป๊อปอัป Elementor
    • บันทึก

    Elementor Popup Builder ช่วยให้คุณสามารถนำเสนออะไรก็ได้ตั้งแต่กล่องสมัครอีเมลไปจนถึงแบบฟอร์ม "ออกจากความตั้งใจ" ผ่านป๊อปอัป

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

    6. ตัวสร้าง WooCommerce

    ต้องการสร้างรายได้จากเว็บไซต์ WordPress ของคุณด้วยการขายสิ่งของหรือไม่?

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

    แพลตฟอร์มนี้ทำงานผ่าน WooCommerce ซึ่งเป็นแพลตฟอร์มอีคอมเมิร์ซที่ออกแบบมาเฉพาะสำหรับ WordPress

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

    นี่คือตัวอย่างบางส่วน:

    • วิดเจ็ตรูปภาพสินค้า
    • ปุ่ม "เพิ่มในรถเข็น"
    • วิดเจ็ตราคาสินค้า
    • WooCommerce วิดเจ็ต breadcrumbs
    • วิดเจ็ตรูปภาพสินค้า

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

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


    ทำความคุ้นเคยกับอินเทอร์เฟซ Elementor

    Elementor มีอินเทอร์เฟซผู้ใช้ที่สะอาดตากว่าที่ใคร ๆ จะเรียนรู้ได้ภายในเวลาไม่ถึงหนึ่งวัน

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

    คุณควรจะหาได้จากที่เก็บปลั๊กอินอย่างเป็นทางการ

    วิธีติดตั้ง Elementor บน WordPress
    • บันทึก

    เปิดตัว Elementor

    มีสองวิธีในการเปิด Elementor จากแดชบอร์ด WordPress

    หลังจากเปิดใช้งานคุณสามารถใช้โปรแกรมแก้ไขสดได้โดยคลิก 'แก้ไขด้วย Elementor' จากโปรแกรมแก้ไขหน้าของ WordPress

    แก้ไขด้วยปุ่ม Elementor
    • บันทึก

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

    ปุ่มสร้างโพสต์ใหม่
    • บันทึก

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


    การทำงานกับองค์ประกอบ

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

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

    แผงหลักของ Elementor
    • บันทึก

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

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

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

    ส่วนแก้ไขสด
    • บันทึก

    คุณสามารถดูภาพเคลื่อนไหวด้านล่างเพื่อดูวิธีการเพิ่มองค์ประกอบในเพจของคุณด้วย Elementor

    เพื่อประโยชน์ของคู่มือนี้เรามาเพิ่มบรรทัดแรกแบบเคลื่อนไหว

    การเพิ่มบรรทัดแรกแบบเคลื่อนไหว
    • บันทึก

    เมื่อเพิ่มองค์ประกอบแล้วคุณสามารถเปลี่ยนคุณสมบัติได้ในแผงด้านซ้าย

    เพียงคลิกที่องค์ประกอบที่คุณต้องการกำหนดค่าเพื่อแสดงการตั้งค่าที่เหมาะสม

    วิธีแก้ไขการตั้งค่าขององค์ประกอบ
    • บันทึก

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

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

    อินเทอร์เฟซควรจะง่ายพอสำหรับผู้ใช้ที่ไม่เข้าใจเทคโนโลยี

    แก้ไขบรรทัดแรกแบบเคลื่อนไหว
    • บันทึก

    คุณสามารถเปลี่ยนการตั้งค่าได้มากขึ้นโดยเปลี่ยนเป็นแท็บ "สไตล์" และ "ขั้นสูง"

    อีกครั้งการตั้งค่าที่ใช้ได้ขึ้นอยู่กับองค์ประกอบที่คุณกำลังแก้ไข

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

    สไตล์และแท็บขั้นสูง
    • บันทึก

    ง่ายใช่มั้ย?

    ฉันชอบที่จะสำรวจการตั้งค่าสำหรับวิดเจ็ต 90+ ทั้งหมดของ Elementor น่าเสียดายที่จะทำให้รีวิวนี้กลายเป็นเทศกาลที่น่าเบื่อเท่านั้น

    คำแนะนำของฉันสำหรับคุณคือตรวจสอบบล็อก Elementor ฟรีโดยดาวน์โหลดปลั๊กอินด้วยตัวคุณเอง

    ต่อไปเรามาพูดถึงการจัดการส่วนเนื้อหาในเพจของคุณ


    การปรับส่วนเนื้อหา

    โปรดทราบว่าการเพิ่มองค์ประกอบในส่วนหลักของเพจของคุณจะเป็นการสร้างส่วนใหม่

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

    ส่วน Elementor Live Editor
    • บันทึก

    วิธีหนึ่งในการเพิ่มส่วนในเพจของคุณคือคลิกปุ่ม "บวก" ที่ด้านบนขององค์ประกอบที่มีอยู่

    ปุ่มเพิ่มส่วน
    • บันทึก

    ควรสร้างส่วนเนื้อหาใหม่ที่ด้านบนขององค์ประกอบที่คุณเลือก

    ในส่วนที่เกี่ยวข้องกับตัวอย่างข้างต้นส่วนเนื้อหาใหม่ของคุณควรปรากฏเหนือบรรทัดแรกแบบเคลื่อนไหว

    เพิ่มส่วนใหม่แล้ว
    • บันทึก

    คุณยังสามารถสร้างส่วนใหม่ได้โดยการลากและวางวิดเจ็ตใหม่ลงในเพจของคุณ

    ในการทำเช่นนั้น Elementor จะวางไว้ที่ด้านล่างขององค์ประกอบที่คุณสร้างไว้ก่อนหน้านี้

    ดูภาพเคลื่อนไหวด้านล่างเพื่อดูวิธีการทำงาน

    การเพิ่มส่วนใหม่
    • บันทึก

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

    หากคุณต้องการวางองค์ประกอบเคียงข้างกันคุณต้องเพิ่มคอลัมน์ในส่วนของคุณ

    ในการดำเนินการนี้ให้คลิกขวาที่ปุ่ม "แก้ไขคอลัมน์" ที่มุมบนซ้ายแล้วคลิก "เพิ่มคอลัมน์ใหม่"

    วิธีเพิ่มคอลัมน์ใหม่
    • บันทึก

    ทำซ้ำขั้นตอนนี้จนกว่าคุณจะถึงจำนวนคอลัมน์ที่คุณต้องการในส่วนของคุณ

    นี่คือลักษณะของส่วนที่มีสามคอลัมน์:

    ส่วนที่มีสามคอลัมน์
    • บันทึก

    ตอนนี้คุณสามารถลากวิดเจ็ตใหม่ลงในคอลัมน์เหล่านี้ได้อย่างอิสระ

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

    วิธีปรับขอบคอลัมน์โดยตรง
    • บันทึก

    หากต้องการแก้ไขลักษณะคอลัมน์ของคุณให้คลิกที่ปุ่ม "แก้ไขคอลัมน์"

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

    การตั้งค่าสไตล์คอลัมน์
    • บันทึก

    ต้องการวิธีสร้างคอลัมน์ที่เร็วขึ้นหรือไม่?

    คุณสามารถประหยัดเวลาได้โดยใช้ "โครงสร้าง" กับส่วนซึ่งสามารถมีหลายคอลัมน์ที่มีเค้าโครงต่างกัน

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

    วิธีเพิ่มโครงสร้างให้กับส่วน
    • บันทึก

    จะมีการแสดงตัวอย่างโครงสร้างที่มีอยู่เพื่อช่วยคุณเลือกว่าจะใช้โครงสร้างใด

    เลือกโครงสร้างของคุณ
    • บันทึก

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

    หลังจากเลือกส่วนแล้วให้คลิกที่ปุ่ม "แก้ไขส่วน" จากแถบด้านบน

    ตัวเลือกในการเปลี่ยนโครงสร้างของส่วนควรปรากฏที่แผงด้านซ้าย

    เปลี่ยนโครงสร้างส่วน
    • บันทึก

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


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

    ชอบสิ่งที่คุณเห็นจนถึงตอนนี้?

    Elementor ยังคงมีลูกเล่นมากมายอยู่ใต้แขนเสื้อ

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

    สมมติว่าคุณต้องการสร้างปุ่ม CTA เฉพาะสำหรับ eBook ของคุณ

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

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

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

    เรียนรู้บล็อกวิดเจ็ตระดับโลก
    • บันทึก

    ในการสร้างวิดเจ็ตส่วนกลางให้เริ่มต้นด้วยองค์ประกอบพื้นฐานที่จะสร้าง

    สมมติว่าคุณต้องการสร้างปุ่ม CTA ที่ใช้ซ้ำได้เหมือนที่ฉันทำ

    จากแผงควบคุมหลักของ Elementor ค้นหาวิดเจ็ต“ ปุ่ม” และเพิ่มลงในเพจของคุณ

    การสร้างวิดเจ็ตส่วนกลาง
    • บันทึก

    จากนั้นคุณสามารถเริ่มปรับแต่งวิดเจ็ตในแบบที่คุณต้องการได้

    ทำให้มันง่ายขึ้นด้วยการเปลี่ยนสีและแบบอักษรของปุ่ม CTA ของเรา

    หากคุณให้ความสนใจคุณจะทราบว่าเราสามารถทำได้โดยไปที่แท็บ "สไตล์"

    ปรับแต่งสไตล์วิดเจ็ต
    • บันทึก

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

    บันทึกเป็นเมนูบริบทวิดเจ็ตส่วนกลาง
    • บันทึก

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

    บันทึกวิดเจ็ตส่วนกลาง
    • บันทึก

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

    ตอนนี้คุณควรจะพบได้ในแท็บ "ทั่วโลก" ซึ่งฉันได้แสดงให้คุณเห็นก่อนหน้านี้

    แท็บวิดเจ็ตส่วนกลาง
    • บันทึก

    ต้องการอัปเดตวิดเจ็ตส่วนกลางของคุณหรือไม่?

    วางไว้ที่ใดก็ได้บนหน้าของคุณเพื่อเปิดส่วน“ การแก้ไขทั่วโลก” ในแผงด้านซ้าย จากนั้นคลิก "แก้ไข" ถัดจาก "แก้ไขวิดเจ็ตส่วนกลาง"

    การแก้ไขวิดเจ็ตส่วนกลาง
    • บันทึก

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

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

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


    ราคา Elementor: Pro เทียบกับฟรี

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

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

    ฉันรู้ว่าฉันทำครั้งแรกที่ได้ยินธีมเพลง Elementor

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


    ไม่ว่าในกรณีใดคุณอาจสงสัยว่าจะมีค่าใช้จ่ายเท่าไร

    ข่าวดีก็คือ Elementor มาพร้อมกับเวอร์ชันฟรีที่คุณสามารถใช้ได้ไม่ จำกัด จำนวนหน้า

    ข่าวร้าย?

    ไม่มีที่ไหนที่ทรงพลังเท่า Elementor Pro

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


    คุณสมบัติ Elementor Pro

    ขั้นแรกนี่คือสิ่งที่คุณจะพลาดหากคุณใช้ Elementor เวอร์ชันฟรี:

    • วิดเจ็ตระดับโลก - มีแนวคิดสำหรับวิดเจ็ตระดับโลกที่คุณจะสร้างด้วย Elementor หรือไม่? คุณจะต้องกระอักเงินสดสำหรับ Elementor Pro เนื่องจากวิดเจ็ตระดับโลกไม่สามารถใช้งานได้กับเวอร์ชันฟรี
    • เครื่องมือสร้างป๊อปอัป - การสร้างป๊อปอัปอัจฉริยะเพื่อดึงดูดความสนใจของผู้มุ่งหวังที่จะเป็นลูกค้ายังมีให้สำหรับผู้ใช้ Elementor Pro เท่านั้น สำหรับฉันแล้วความสามารถในการรับประกันการมองเห็น CTA และข้อเสนอมูลค่าของคุณเป็นข้อได้เปรียบอย่างมาก
    • แบบอักษรที่กำหนดเอง - บางครั้งการไม่ซ้ำกันเป็นเพียงเรื่องของการเลือกแบบอักษรอื่น Elementor Pro ช่วยให้คุณสามารถอัปโหลดแบบอักษรที่กำหนดเองไปยังเว็บไซต์ WordPress ของคุณได้โดยตรงหรือเลือกจากตัวเลือกมากกว่า 800+ ที่มีอยู่
    • ตัวสร้างธีม - ด้วย Elementor เวอร์ชันฟรีมีลักษณะบางประการของธีมของคุณที่ไม่สามารถแก้ไขได้ Elementor Pro ปลดล็อกการควบคุมส่วนท้ายส่วนหัวและส่วนอื่น ๆ ของธีมของคุณอย่างสมบูรณ์ในขณะที่บันทึกการออกแบบของคุณเป็นเทมเพลตที่ใช้ซ้ำได้
    • ชุดเทมเพลต Pro - การใช้ Elementor Pro ช่วยให้คุณสามารถเข้าถึงเทมเพลตเว็บไซต์ระดับพรีเมียมที่สร้างโดยทีมนักออกแบบมืออาชีพภายในองค์กร เทมเพลตเหล่านี้จะติดตามการพัฒนาเว็บไซต์ของคุณอย่างรวดเร็วเพื่อให้คุณสามารถสร้างเนื้อหาได้อย่างรวดเร็ว
    • WooCommerce Builder - ใช่คุณสามารถใช้เครื่องมือ WooCommerce Builder ของ Elementor ได้ก็ต่อเมื่อคุณได้รับเวอร์ชัน Pro ซึ่งรวมถึงวิดเจ็ต WooCommerce ต่างๆที่จะปรับปรุงประสบการณ์ร้านค้าออนไลน์บนเว็บไซต์ WordPress ของคุณ

    องค์ประกอบ Elementor Pro

    นอกจากนี้ยังควรชี้ให้เห็นว่าการอัปเกรด Elementor Pro ให้การเข้าถึงรายการวิดเจ็ตที่มีประโยชน์มากมาย

    นี่คือตัวอย่าง:

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

    คุณสามารถค้นหาวิดเจ็ตเหล่านี้ได้ในส่วน“ Pro” ของพาเนลหลัก Elementor

    วิดเจ็ต Elementor Pro
    • บันทึก

    คุณจะได้อะไรจาก Elementor ฟรี

    ดังนั้นเราจึงสร้าง Elementor Pro ให้คุณทำสิ่งดีๆมากมายให้สำเร็จ

    คำถามคือรุ่นฟรีของ Elementor นำอะไรมาสู่ตาราง?

    มีคุณสมบัติมากมายจริงๆ

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

    วิดเจ็ต Elementor ฟรี
    • บันทึก

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

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

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

    ที่ด้านล่างของแผงควบคุมหลักของ Elementor ให้คลิกโหมด "ตอบสนอง" แล้วคลิกอุปกรณ์ที่คุณต้องการจำลอง

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

    มุมมองโหมดตอบสนอง
    • บันทึก

    การดูแลให้เว็บไซต์ของคุณเป็นมิตรกับอุปกรณ์เคลื่อนที่ถือเป็นขั้นตอนสำคัญสำหรับ SEO หรือ Search Engine Optimization

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

    Elementor สามารถช่วยคุณ ในการเพิ่มประสิทธิภาพบนหน้า ของคุณ   ความพยายามในหลาย ๆ ทาง

    นอกจากนี้ยังรวมกับ คณิตศาสตร์อันดับ   - ปลั๊กอินยอดนิยมที่สามารถช่วยปรับปรุง SEO ของเว็บไซต์ WordPress ของคุณ

    ไม่ว่าคุณจะใช้ Elementor Pro หรือแค่รุ่นฟรีก็ตาม

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

    ด้วยการผสานรวม Elementor คุณสามารถเข้าถึงคุณลักษณะของ Rank Math ได้โดยไปที่แท็บ“ SEO” จากแผงด้านซ้าย

    อันดับคุณสมบัติ SEO คณิตศาสตร์
    • บันทึก

    ประทับใจยัง?

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

    อย่างไรก็ตามหากคุณกำลังพิจารณาซื้อ Elementor Pro คุณอาจสงสัยเกี่ยวกับสิ่งหนึ่ง


    Elementor Pro ราคาเท่าไหร่?

    ตอนนี้ - สำหรับคำถามล้านดอลลาร์

    Elementor Pro ราคาเท่าไหร่?

    ค่าธรรมเนียม Elementor Pro รายปีขึ้นอยู่กับจำนวนไซต์ที่คุณต้องการใช้

    • ส่วนบุคคล (ดีสำหรับ 1 เว็บไซต์) - $ 49 ต่อปี
    • บวก (ดีสำหรับ 3 เว็บไซต์) - $ 99 ต่อปี
    • ผู้เชี่ยวชาญ (เหมาะสำหรับ 1,000 เว็บไซต์) - 199 เหรียญต่อปี

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

    ราคา Elementor
    • บันทึก

    ได้เลย - คุณอาจจะได้รับส่วนลด Elementor Pro จำนวนมาก ณ จุดนี้

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

    หากคุณซื้อ Elementor Pro จากลิงก์ของฉันและแสดงใบเสร็จคุณจะได้รับเทมเพลตทั้งหมดของฉันที่ฉันใช้เป็นการส่วนตัวเพื่อออกแบบทุกหน้าในบล็อกของฉันรวมถึงโฮมเพจ, เกี่ยวกับหน้า, หน้าการขาย eBook, ส่วนหัวและส่วนท้าย, หน้าเครื่องมือ ฯลฯ .

    เพื่อประโยชน์ของของสมนาคุณเหล่านี้ให้ใช้ลิงค์นี้


    Elementor ยากที่จะเชี่ยวชาญหรือไม่?

    Elementor เรียนไม่ยากแน่นอน

    ตามความเป็นจริงฉันมั่นใจว่าคุณสามารถสร้างหน้าเว็บที่สวยงามได้ภายในหนึ่งชั่วโมงหลังจากซื้อ

    อย่างไรก็ตามคำถามที่ว่า Elementor ยากที่จะเชี่ยวชาญหรือไม่นั้นขึ้นอยู่กับคำจำกัดความของ "ความเชี่ยวชาญ" ของคุณ

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

    นอกจากนี้ยังมีคุณสมบัติเช่น Popup Builder ที่ช่วยขยายพลวัตของการสร้างไซต์

    เรื่องสั้นขนาดยาวฉันเชื่อว่าจะต้องใช้เวลาอีกนานก่อนที่คุณจะเรียกตัวเองว่า Elementor“ master” แต่อีกไม่นานคุณจะได้ทำสิ่งที่น่าทึ่งกับมัน


    ใครควรได้รับ Elementor?

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

    แม้ว่าคุณจะเป็นมือใหม่ แต่คุณก็ประสบปัญหาในการสร้างหน้าเว็บคุณภาพสูงโดยมี Elementor เป็นผู้นำในการพัฒนาของคุณ ป้ายราคาเป็นศูนย์ยังหมายความว่ามีความเสี่ยงเป็นศูนย์

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

    เพื่อให้ง่ายขึ้นคุณควรพิจารณารับ Elementor Pro อย่างจริงจังหากคุณเป็น:

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

    คลิกที่นี่เพื่อรับ Elementor Pro


    คำถามที่พบบ่อย Elementor

    Elementor จะทำงานกับธีมของฉันหรือไม่

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

    Elementor Pro คืออะไร

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

    มีการทดลองใช้ Elementor ฟรีหรือไม่?

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

    Elementor จะทำให้ไซต์ของฉันช้าลงหรือไม่

    ไม่หากมีสิ่งใดการติดตั้งปลั๊กอินแบบ all-in-one เช่น Elementor จะช่วยเพิ่มประสิทธิภาพเนื่องจากคุณจะต้องใช้ปลั๊กอิน WordPress น้อยลง


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

    Elementor เป็นเครื่องมือสร้างเพจที่ยอดเยี่ยมที่ฉันอยากจะแนะนำทุกคนที่ต้องการสร้างเว็บไซต์ที่สวยงาม

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

    บางทีการที่ฉันใช้ Elementor เป็นการส่วนตัวในบล็อกของฉันอาจทำให้คุณเชื่อมั่นได้

    ตามความเป็นจริงหน้า Landing Page ทั้งหมดที่คุณจะพบในบล็อกนี้สร้างขึ้นด้วย Elementor

    โปรดจำไว้ว่าใน Master Blogging ความสำคัญสูงสุดของฉันคือการจัดหาเครื่องมือที่จำเป็นสำหรับผู้อ่านเพื่อให้ประสบความสำเร็จ

    Elementor เป็นหนึ่งในเครื่องมือเหล่านั้น

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

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

    เริ่มออกแบบเพจของคุณด้วย Elementor

    โบนัส Elementor

    การตรวจสอบ Elementor ของฉันทำให้คุณสนใจที่จะใช้เวอร์ชัน Pro หรือไม่?

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

    • บันทึก

    นี่คือสิ่งที่คุณจะได้รับ:

    • โบนัส # 1: เทมเพลตองค์ประกอบสำเร็จรูป : คุณจะได้รับเทมเพลตทั้งหมดของฉันที่ฉันใช้เป็นการส่วนตัวเพื่อออกแบบทุกหน้าในบล็อกของฉันรวมถึงโฮมเพจ, เกี่ยวกับหน้า, หน้าขาย eBook, ส่วนหัวและส่วนท้าย, หน้าเครื่องมือ ฯลฯ คุณเพียงแค่ต้อง นำเข้าในบัญชีของคุณและคุณจะมีไซต์ที่คล้ายกับบล็อกของฉันทันที อย่าลังเลที่จะปรับแต่งที่นี่และที่นั่นเพื่อให้บล็อกของคุณดูเป็นเอกลักษณ์
    • โบนัส # 2: หลักสูตรฝึกอบรม Elementor มูลค่า 47 เหรียญ : เมื่อฉันยืนยันการซื้อของคุณแล้วฉันจะให้สิทธิ์คุณเข้าถึงหลักสูตรการฝึกอบรม Elementor ของฉันด้วย (ภายใน 4-5 วัน) เพื่อให้คุณสามารถเรียนรู้วิธีใช้ Elementor pro ให้เกิดประโยชน์สูงสุด .

    สนใจรับโบนัสเหล่านี้หรือไม่? รับ Elementor Pro จากลิงค์นี้และส่งต่อใบเสร็จการซื้อของคุณทางอีเมลของฉันจากที่นี่

    รีวิว Elementor
    • บันทึก