วิธีใช้ Elementor: คู่มือฉบับสมบูรณ์

โดย แพทซี่ผู้ชาย | Elementor

คุณมีปัญหาในการเริ่มต้นกับ ปลั๊กอินองค์ประกอบ ? นี่คือคู่มือฉบับสมบูรณ์เกี่ยวกับวิธีใช้ Elementor

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

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

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

วิธีการใช้ Elementor

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

ทำความรู้จัก Elementor

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

จำเป็นอย่างยิ่งที่คุณจะต้องติดตั้งธีม WordPress ที่เข้ากันได้กับ Elementor ก่อน

อ่าน: คุณสามารถใช้ Elementor โดยไม่มีธีมได้หรือไม่? (ไม่ - นี่คือเหตุผล)

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

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

คุณสามารถติดตั้ง Elementor ได้โดยไปที่ your เว็บไซต์ของตัวเอง และภายหลังโดยการอัปโหลดไฟล์ zip ไปยัง WordPress ของคุณหรือเรียกดูที่เก็บของ ปลั๊กอิน WordPress และค้นหา “Elementor” และคลิกที่ การติดตั้ง.

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

อ่าน: วิธีการติดตั้ง Elementor

คุณสมบัติที่ Elementor มีให้

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

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

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

ใส่วิดเจ็ตปุ่ม Paypal

ทุกหน้าบน WordPress ประกอบด้วยส่วนต่างๆ และนี่คือพื้นฐานของการสร้างหน้าด้วย Elementor

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

คุณลักษณะการลากและวางช่วยให้สร้างหน้าเว็บได้เร็วขึ้นซึ่งชวนให้นึกถึงเครื่องมือออกแบบ

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

ลีร่า คุณสามารถใช้ Elementor โดยไม่มีธีมได้หรือไม่? (ไม่ - นี่คือเหตุผล)

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

Elementor Free กับ Elementor Pro

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

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

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

ในแง่ของวิดเจ็ต นี่คือวิดเจ็ตพื้นฐานที่มีอยู่ในเวอร์ชันฟรี:

  • ส่วนภายใน
  • ภาพ
  • โปรแกรมแก้ไขข้อความ
  • วีดีโอ
  • ปุ่ม
  • เครื่องสกัด
  • ไอคอน
  • ตัวแบ่ง
  • Google Maps

นี่คือวิดเจ็ตบางส่วนที่มีอยู่ในเวอร์ชัน Pro:

  • ผลงาน
  • แบบฟอร์ม
  • พลิกกล่อง
  • รายการราคา
  • บล็อกคำพูด
  • คำกระตุ้นการตัดสินใจ

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

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

Elementor ฟรี Elementor Pro
กรังปรีซ์ ฟรี $ 49 ถึง $ 99,199 / ปี
จำนวนวิดเจ็ต 25 + 50 +
ตัวสร้างเพจ ใช้ได้ ใช้ได้
ตัวสร้างธีม ไม่ว่าง ใช้ได้
ระบบขอใช้บริการ ไม่ว่าง ใช้ได้
เนื้อหาแบบไดนามิก ไม่ว่าง ใช้ได้
เทมเพลตและบล็อกระดับโปร ไม่ว่าง ใช้ได้
บูรณาการอีคอมเมิร์ซ ไม่ว่าง ใช้ได้

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

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

ตัวอย่างเช่น, ตัวสร้างป๊อปอัป, ตัวเลือกไดนามิก, เงื่อนไขที่มองเห็นส่วนหัวหรือป๊อปอัป, CSS ที่กำหนดเอง, รหัสย่อและวิดเจ็ตเทมเพลต, แบบอักษรที่กำหนดเองและตัวจัดการบทบาท

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

สภาพแวดล้อมการแก้ไข

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

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

ด้านซ้ายเป็นแผงโฆษณาที่เต็มไปด้วยวิดเจ็ตแบบลากและวางบนหน้า

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

อ่าน: วิธีเพิ่มเอฟเฟกต์โฮเวอร์ใน Elementor ผ่าน CSS . ที่กำหนดเอง

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

วิธีใช้ Elementor

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

หากคุณอยากออกแบบโฮมเพจ Elementor's Blocks จะช่วยคุณสร้างเพจของคุณเองตั้งแต่เริ่มต้น

อ่าน: วิธีเพิ่มเอฟเฟกต์โฮเวอร์ใน Elementor ผ่าน CSS . ที่กำหนดเอง

ตัวเลือกแท็บ สไตล์ (สี ประเภทฟอนต์ ขนาด) ให้คุณปรับแต่งเนื้อหาของบล็อคได้ตามความต้องการ

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

วิธีใช้ Elementor

เว็บไซต์ธรรมดาๆ ที่มีหน้าเว็บคงที่ เช่น สำหรับพอร์ตโฟลิโอ ส่วนใหญ่จะเป็นแบบคงที่ แต่เว็บไซต์ส่วนใหญ่มีหลายหน้า (บล็อก ร้านค้าออนไลน์ ผลการค้นหา)

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

ดูเพิ่มเติม: วิธีเปิดใช้งานโหมด Coming Soon ใน Elementor

เวอร์ชัน Pro ยังมาพร้อมกับบล็อก เทมเพลต และวิดเจ็ตเพิ่มเติม

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

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

ราคา Elementor Pro

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

ในที่สุด

โดยทั่วไปแล้ว การรวม Elementor (ฟรีหรือ Pro) เข้ากับธีม WordPress ที่ทรงพลังซึ่งครอบคลุมจุดบอดเป็นวิธีที่เหมาะสมในกรณีส่วนใหญ่

ปลั๊กอิน WordPress พรีเมียมเพิ่มเติมอื่น ๆ 

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

1 Foodify

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

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

ที่นี่สำหรับคุณ ปลั๊กอิน WordPress 5 เพื่อเพิ่มประสิทธิภาพคำอธิบายหมวดหมู่และป้ายกำกับ

มีข้อดีคือมีความยืดหยุ่นและเข้ากันได้กับปลั๊กอินที่มีอยู่มากมายในไดเรกทอรี WordPress

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 ภาพขนาดย่อของแพน

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

Image zoom pan ปลั๊กอิน wordpress สำหรับซูม

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

ค้นพบยังของเรา 5 shortcodes ปลั๊กอิน WordPress พรีเมี่ยม

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 Slider Pro

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

ปลั๊กอินตัวเลื่อน wordpress ที่ตอบสนองของ Slider Pro

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

ค้นพบด้วย วิธีสร้างสไลด์โชว์ด้วย Slider Revolution บน WordPress

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

อ่านยังของเรา ปลั๊กอิน WordPress 5 เพื่อสร้างคำถามที่พบบ่อยในบล็อก

คุณสมบัติของมันคือ: การโหลดภาพที่ดีที่สุดการปรับแต่งง่ายแอนิเมชั่นที่ราบรื่นหลายเลย์เอาต์และอื่น ๆ

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

สรุป

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

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

แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ. 

... 

โปสเตอร์ le commentaire

ที่อยู่อีเมลของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมาย *

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