คุณต้องการทราบคุณสมบัติที่ดีที่สุดในการใช้งาน Elementor Pro หรือไม่?
ผู้ใช้ WordPress ทุกคนรู้จักมัน Elementor เป็นหนึ่งในเครื่องมือสร้างเพจที่ได้รับความนิยมมากที่สุด ในฐานะที่เป็นปลั๊กอิน freemium คุณสามารถเพลิดเพลินกับประสบการณ์ในการสร้างหน้าเว็บที่สวยงามในรูปแบบภาพโดยใช้ Elementor พร้อมตัวเลือกในการอัปเกรดเป็นเวอร์ชัน Pro เพื่อปลดล็อกคุณลักษณะขั้นสูงเพิ่มเติม
อ่านคำแนะนำของเราเกี่ยวกับ: วิธีการติดตั้ง Elementor บน WordPress
มีสองวิธีในการขยายฟังก์ชันการทำงานของ Elementor นอกจากการอัปเกรดเป็นเวอร์ชันโปรแล้ว คุณยังสามารถติดตั้งโปรแกรมเสริมของบุคคลที่สามที่พัฒนาโดยนักพัฒนาที่มีชื่อเสียงเช่น พวกเราผู้พัฒนา, นักพัฒนา WP ไปยัง คร็อกโคบล็อค หากคุณต้องการอัปเกรดเป็น Elementor Pro แทน และยังคงสงสัยว่าฟีเจอร์ใดบ้างที่คุณสามารถปลดล็อกได้ นี่คือรายการ
คุณสมบัติ 20 อันดับแรกของ Elementor Pro
1. ตัวสร้างธีม
WordPress เขียนด้วย PHP ที่กล่าวว่าเพื่อสร้างปลั๊กอินหรือ ธีม WordPressคุณต้องมีความเชี่ยวชาญใน PHP และภาษาที่รองรับเช่น JavaScript แต่ก่อนหน้านั้น วันนี้คุณสามารถสร้างของคุณเอง ธีม WordPress โดยไม่ต้องเขียนโค้ด ต้องขอบคุณฟีเจอร์ตัวสร้างธีมที่นำเสนอโดยปลั๊กอินตัวสร้างหน้าบางตัว เช่น Elementor
ตัวสร้างธีมคืออะไร?
เพื่อทำความเข้าใจแนวคิดของตัวสร้างธีม คุณต้องเข้าใจส่วนประกอบของ a ก่อน ธีม WordPress. ธีม WordPress ประกอบด้วยไฟล์เทมเพลต ไฟล์เทมเพลตแต่ละไฟล์จะควบคุมเค้าโครงของส่วนหนึ่งของธีม ตัวอย่างเช่นไฟล์ header.php ควบคุมเลย์เอาต์ของส่วนหัวของธีมในขณะที่ไฟล์ footer.php ควบคุมเลย์เอาต์ของส่วนท้ายของธีม ส่วนใหญ่ของ ธีม WordPress มีไฟล์เทมเพลตดังต่อไปนี้:
- ส่วนหัว.php: เพื่อควบคุมเค้าโครงของส่วนหัว
- ส่วนท้าย.php: เพื่อควบคุมการจัดวางส่วนท้าย
- single.php: เพื่อควบคุมเลย์เอาต์ของบทความเดียว (บล็อกโพสต์)
- แถบด้านข้าง.php: เพื่อควบคุมเลย์เอาต์ของแถบด้านข้าง
- archive.php: เพื่อควบคุมเลย์เอาต์ของเพจเก็บถาวร
- หน้า.php: เพื่อควบคุมการจัดวางหน้า
ตัวสร้างธีมช่วยให้คุณสร้างเทมเพลตที่กำหนดเองเพื่อแทนที่เทมเพลตด้านบน รวมถึงเทมเพลตอื่นๆ ที่เป็นของธีม คุณสามารถสร้างเทมเพลตแบบกำหนดเองได้โดยใช้โปรแกรมแก้ไขภาพของตัวสร้างเพจที่คุณใช้ (Elementor ในกรณีนี้)
ข้อดีอย่างหนึ่งของการใช้ตัวสร้างธีมแทนธีมคือ คุณสามารถกำหนดตำแหน่งที่จะใช้เทมเพลตที่กำหนดเองได้ ตัวอย่างเช่น คุณสามารถกำหนดเทมเพลตส่วนหัวที่กำหนดเองเพื่อใช้กับโพสต์ หน้า โพสต์บางหมวดหมู่ เว็บไซต์ทั้งหมด ฯลฯ
กล่าวอีกนัยหนึ่ง คุณสามารถมีเลย์เอาต์ที่แตกต่างกันของบางส่วนของธีม (เช่น ส่วนหัว) โดยการสร้างเทมเพลตที่กำหนดเองหลายรายการสำหรับส่วนเดียวกัน ข้อดีอีกอย่างคือคุณมีตัวเลือกการปรับแต่งได้ไม่จำกัด unlimited.
2. ตัวสร้าง WooCommerce
คุณมีเว็บไซต์อีคอมเมิร์ซที่ขับเคลื่อนด้วย WooCommerce หรือไม่? Elementor Pro ยังสามารถยกระดับการออกแบบเว็บไซต์อีคอมเมิร์ซของคุณไปอีกระดับโดยให้คุณสร้างเทมเพลตที่กำหนดเองสำหรับร้านค้าออนไลน์ WooCommerce ของคุณ ไม่จำเป็นต้องซื้อธีม WooCommerce
ลี: วิธีสร้างหน้าที่กำหนดเองของร้านค้า WooCommerce ด้วย Elementor
คุณสามารถปรับแต่งส่วนต่างๆ ของ WooCommerce ได้ด้วยตัวเองโดยใช้โปรแกรมแก้ไขภาพของ Elementor ส่วน WooCommerce ที่คุณสามารถสร้างเทมเพลตที่กำหนดเองได้คือ:
- หน้าผลิตภัณฑ์เดียว
- หน้าเก็บถาวรผลิตภัณฑ์ (หมวดหมู่และแท็ก)
- หน้าร้านค้า
คุณมีวิดเจ็ตต่อไปนี้เพื่อสร้างเทมเพลตที่กำหนดเองสำหรับ WooCommerce:
ผลิตภัณฑ์ | คะแนนสินค้า |
เกล็ดขนมปัง WooCommerce | สต็อคสินค้า |
กำหนดเอง หยิบใส่รถเข็น | ผลิตภัณฑ์ Meta |
หน้า WooCommerce | คำอธิบายสั้น |
หมวดหมู่สินค้า | เนื้อหาผลิตภัณฑ์ |
รถเข็นเมนู | แท็บข้อมูลผลิตภัณฑ์ |
ชื่อผลิตภัณฑ์ | ข้อมูลเพิ่มเติม |
ภาพสินค้า | สินค้าที่เกี่ยวข้อง |
ราคาสินค้า | upsells |
เพิ่มไปยังรถเข็น |
3. ตัวสร้างแบบฟอร์ม
Elementor Pro ให้คุณเข้าถึงวิดเจ็ตแบบฟอร์ม คุณสามารถใช้วิดเจ็ตนี้เพื่อเพิ่มฟอร์มให้กับเทมเพลตตัวสร้างเพจ / ธีมที่คุณกำลังทำงานอยู่ วิดเจ็ตนี้ช่วยให้คุณสร้างแบบฟอร์มได้หลากหลายประเภท ด้วยการสนับสนุนประเภทฟิลด์ที่กว้างขวาง ต่อไปนี้คือประเภทฟิลด์ที่รองรับโดยวิดเจ็ต Form ของ Elementor:
ข้อความ | การยอมรับ |
อีเมลล์ | ซ่อนเร้น |
textarea | HTML |
URL | รหัสผ่าน |
โทร | อัพโหลดไฟล์ |
เลือก | เวลา |
ช่องทำเครื่องหมาย | วันที่ |
วิทยุ | จำนวน |
คุณสามารถฝังแบบฟอร์มของคุณใน reCAPTCHA เพื่อป้องกันผู้ส่งอีเมลขยะ คุณสามารถใช้วิดเจ็ต Form เพื่อสร้าง a . ได้ด้วยเคล็ดลับเล็กๆ น้อยๆ หน้าลงทะเบียนบนเว็บไซต์ของคุณ. Elementor ยังช่วยให้คุณ สร้างฟอร์มได้หลายขั้นตอน เพื่อให้คุณสามารถสร้างฟอร์มยาวแบบง่ายได้ เช่นเดียวกับการจัดเตรียม a ประสบการณ์การใช้งานที่ดีที่สุด ให้กับผู้ใช้ของคุณ
Elementor เองไม่มีฟังก์ชันเริ่มต้นในการจัดการกับการส่งแบบฟอร์ม วิดเจ็ต Form ของ Elementor รองรับการผสานรวมกับบริการยอดนิยม GetResponse, ActiveCampaign, ConvertKit, Discord เป็นต้น
4. ตัวสร้างป๊อปอัป
ตัวสร้างป๊อปอัปเป็นหนึ่งในคุณสมบัติที่คุณสามารถปลดล็อกได้หลังจากอัปเกรดเป็น Elementor Pro คุณลักษณะนี้ช่วยให้คุณสร้างป๊อปอัปที่สวยงามบนเว็บไซต์ของคุณโดยไม่ต้องเขียนโค้ด คุณยังสามารถใช้เทมเพลตฟอร์มสำเร็จรูปที่เสนอเพื่อปรับปรุงเวิร์กโฟลว์ของคุณ
มีเทมเพลตป๊อปอัปสำเร็จรูปมากกว่า 100 รายการที่นำเสนอโดย Elementor
ตัวสร้างป๊อปอัปของ Elementor รองรับทริกเกอร์ประเภทต่อไปนี้:
- ในการโหลดหน้า - เมื่อโหลดหน้า
- เมื่อเลื่อน - เมื่อเลื่อน
- เมื่อเลื่อนไปที่องค์ประกอบ - เมื่อเลื่อนไปที่องค์ประกอบ
- เมื่อคลิก - เมื่อคลิก
- หลังจากไม่มีการใช้งาน - หลังจากไม่มีการใช้งาน
- เจตนาในการออกจากหน้า - เจตนาในการออกจากหน้า
ตัวสร้างป๊อปอัปของ Elementor Pro ยังรองรับเงื่อนไขการแสดงผล ซึ่งช่วยให้คุณกำหนดได้ว่าจะให้ป๊อปอัปปรากฏที่ใด นอกจากนี้ยังช่วยให้คุณสามารถแสดงหน้าต่างป๊อปอัปตามเงื่อนไขต่อไปนี้:
- หลังจาก x จำนวนการดูเพจ
- หลังจาก x เซสชั่น
- เมื่อมาจากบาง url
- เมื่อเครื่องมือค้นหามาถึง
- แสดงหน้าต่างป๊อปอัปสำหรับผู้ใช้ที่ไม่ได้เข้าสู่ระบบเท่านั้น
- แสดงผลบนอุปกรณ์บางประเภท (เดสก์ท็อป แท็บเล็ต สมาร์ทโฟน)
- แสดงในเว็บเบราว์เซอร์เฉพาะ
ด้วยการรองรับการคลิกทริกเกอร์ คุณยังสามารถใช้ตัวสร้างป๊อปอัปเพื่อสร้างทั้ง a เมนูเต็มหน้าจอ และเมนูนอกผ้าใบ
5. การบูรณาการกับบุคคลที่สาม
ดังที่กล่าวไว้ข้างต้น คุณสามารถใช้วิดเจ็ต Form ของ Elementor เพื่อสร้างแบบฟอร์มได้หลากหลาย ต้องขอบคุณการสนับสนุนอย่างกว้างขวางสำหรับฟิลด์แบบฟอร์ม หนึ่งในนั้นอนุญาตให้คุณใช้วิดเจ็ตแบบฟอร์มเพื่อสร้างแบบฟอร์มการลงทะเบียนอีเมลเพื่อสร้างโอกาสในการขาย
คุณสามารถเชื่อมต่อแบบฟอร์มของคุณกับบริการการตลาดผ่านอีเมลยอดนิยม เช่น ActiveCampaign, GetResponse เป็นต้น
นี่คือบริการของบุคคลที่สามที่คุณสามารถรวมแบบฟอร์มของคุณได้:
- GetResponse
- ActiveCampaign
- MailerLite
- ConvertKit
- เมล์กวี
- MailChimp
- หยด
- หย่อน
- ไม่ลงรอยกัน
- HubSpot
การผสานรวมของบุคคลที่สามเหล่านี้มีประโยชน์อย่างยิ่งหากคุณต้องการใช้ Elementor เพื่อสร้างหน้า Landing Page
6. CSS ที่กำหนดเอง
เป็นความจริงที่ Elementor ช่วยให้คุณสร้างหน้าที่สวยงามบนเว็บไซต์ WordPress ของคุณโดยไม่ต้องจัดการกับ CSS อย่างไรก็ตามหากคุณต้องการ สร้างเว็บไซต์ ไม่ซ้ำใคร คุณสามารถใช้ทักษะ CSS ของคุณ คุณลักษณะนี้ช่วยให้คุณสามารถใช้คุณลักษณะ CSS ที่ยังไม่มีใน Elementor เช่น CSS Transform เพื่อเพิ่มเอฟเฟกต์โฮเวอร์ที่มีสไตล์ให้กับ Elementor
อ่าน: วิธีการนำเข้าหรือส่งออกโมเดลใน Elementor
คุณสามารถเพิ่ม CSS ที่กำหนดเองให้กับแต่ละองค์ประกอบ Elementor ไม่ว่าจะเป็นส่วน คอลัมน์ หรือวิดเจ็ต คุณสามารถเข้าถึงบล็อก CSS ที่กำหนดเอง ใต้แท็บ สูง จากแผงการตั้งค่า (แผงด้านซ้าย) ในตัวแก้ไข Elementor เพื่อเพิ่ม CSS ที่กำหนดเอง
7. เอฟเฟกต์การเคลื่อนไหว
Elementor Pro มาพร้อมกับตัวเลือกการปรับเพื่อให้คุณสามารถใช้เอฟเฟกต์การเคลื่อนไหวกับองค์ประกอบบนหน้าที่คุณกำลังดำเนินการอยู่ คุณสามารถใช้คุณสมบัตินี้เพื่อเพิ่มเอฟเฟกต์แอนิเมชั่นให้กับเพจของคุณโดยไม่จำเป็นต้องเข้าใจ JavaScript
เอฟเฟกต์การเคลื่อนไหวที่นำเสนอโดย Elementor Pro แบ่งออกเป็นสองประเภท: เอฟเฟกต์การเลื่อนและเอฟเฟกต์เมาส์ นอกจากนี้ คุณยังสามารถใช้ตัวเลือกติดหนึบกับส่วนและวิดเจ็ต
8. วิดเจ็ตกว่า 90 รายการ
ดังที่คุณทราบ Elementor ได้รับการเผยแพร่เป็นปลั๊กอิน freemium ซึ่งหมายความว่ามีเวอร์ชันฟรีให้คุณเพลิดเพลินกับประสบการณ์ผู้ใช้ Elementor โดยไม่ต้องเสียค่าเล็กน้อย แม้ว่า Elementor Free จะมีวิดเจ็ตพื้นฐาน แต่เวอร์ชัน Pro มาพร้อมกับวิดเจ็ตขั้นสูง เช่น แบบฟอร์ม โพสต์ ล็อกอิน รายการราคา ฯลฯ
นี่คือวิดเจ็ตที่คุณสามารถปลดล็อกได้หลังจากอัปเกรดเป็น Elementor Pro
โพสต์ | นับถอยหลัง | โพสต์ข้อความที่ตัดตอนมา |
ผลงาน | แบ่งปันปุ่ม | ภาพที่โดดเด่น |
สไลด์ | blockquote | กล่องผู้เขียน |
ฟอร์ม | ปุ่ม Facebook | แสดงความคิดเห็น |
เข้าสู่ระบบ | ความเห็นที่ Facebook | โพสต์นำทาง |
พาดหัวแบบเคลื่อนไหว | ฝัง Facebook | โพสต์ข้อมูล |
บัญชีแจ้งราคาสินค้า | หน้า Facebook ของ | ผลิตภัณฑ์ |
ตารางราคา | แบบ | เกล็ดขนมปัง WooCommerce |
พลิกกล่อง | โลโก้ไซต์ | กำหนดเอง หยิบใส่รถเข็น |
Call to Action | ชื่อเว็บไซต์ | หน้า WooCommerce |
สื่อหมุน | กระเบื้องหน้า Page | หมวดหมู่สินค้า |
ภาพหมุนรับรอง | เมนู Nav | รถเข็นเมนู |
รีวิว | แบบฟอร์มการค้นหา | ลอตตี |
แผนผังเว็บไซต์ | ชื่อโพสต์ | รหัสไฮไลท์ |
รายการเล่นวิดีโอ | ปุ่ม PayPal | ฮอตสปอต |
มีวิดเจ็ตมากกว่า 90 รายการที่คุณสามารถปลดล็อกได้ทั้งหมด (วิดเจ็ตฟรีและวิดเจ็ตระดับโปร)
9. เนื้อหาแบบไดนามิก
คุณสามารถใช้ Elementor เพื่อสร้างเว็บไซต์แบบสแตติกได้ไม่เพียงเท่านั้น ด้วยการรองรับเนื้อหาไดนามิก คุณสามารถใช้ Elementor to สร้างเว็บไซต์ ไดนามิก เช่น บล็อก พอร์ทัลข่าว เว็บไซต์ประกาศ และเว็บไซต์ไดนามิกประเภทอื่นๆ คุณสามารถเพิ่มเนื้อหาไดนามิกให้กับเทมเพลตตัวสร้างธีมหรือเพจโดยใช้วิดเจ็ตต่อไปนี้:
- โลโก้ไซต์
- ชื่อเว็บไซต์
- ชื่อหน้า
- ชื่อโพสต์
- โพสต์ข้อความที่ตัดตอนมา
- ภาพที่โดดเด่น
- โพสต์ข้อมูล
- โพสต์
10. ฟิลด์ที่กำหนดเอง
วิดเจ็ตที่เรากล่าวถึงในข้อ 9 ข้างต้นสามารถใช้เพื่อเพิ่มเนื้อหาไดนามิกเริ่มต้นของ WordPress เช่น ชื่อโพสต์ เมตาของโพสต์ รูปภาพเด่น ฯลฯ
แล้วฟิลด์ที่กำหนดเองล่ะ Elementor Pro ยังให้คุณเพิ่ม ฟิลด์ที่กำหนดเอง. ด้วยการเพิ่มฟังก์ชันการทำงานนี้ให้สูงสุด คุณสามารถใช้ Elementor เพื่อสร้างเว็บไซต์ประเภทใดก็ได้ที่มีปลั๊กอินน้อยที่สุด Elementor Pro เข้ากันได้กับปลั๊กอินฟิลด์ที่กำหนดเองยอดนิยมต่อไปนี้:
- ฝัก
- ฟิลด์ที่กำหนดเองขั้นสูง
- toolset
- เจ็ตเอ็นจิ้น
จะรวมปลั๊กอินฟิลด์ที่กำหนดเองเข้ากับ Elementor ได้อย่างไร
คุณสามารถสร้างกลุ่มฟิลด์แบบกำหนดเองได้โดยใช้ปลั๊กอินฟิลด์แบบกำหนดเองที่คุณโปรดปราน และใช้ Elementor เพื่อแสดงข้อมูลของฟิลด์แบบกำหนดเองที่คุณสร้างขึ้น คุณสามารถแสดงฟิลด์ที่กำหนดเองบนเทมเพลตได้ คุณสามารถอ่านบทความก่อนหน้าของเราเพื่อค้นหา วิธีเพิ่มฟิลด์ที่กำหนดเองใน Elementor.
ในที่สุด
Elementor เป็นเครื่องมือที่ยอดเยี่ยมในการสร้างเว็บไซต์ที่สวยงามโดยไม่ต้องใช้โค้ดใดๆ ไม่ว่าจะเป็นโค้ด CSS, โค้ด HTML, โค้ด PHP หรือโค้ด JavaScript Elementor เวอร์ชันฟรีนั้นยอดเยี่ยม แต่เพื่อปลดล็อกศักยภาพของมันในฐานะปลั๊กอินตัวสร้างเพจที่ดีที่สุด คุณต้องปลดล็อกคุณสมบัติทั้งหมด ซึ่งคุณสามารถทำได้โดยอัปเกรดเป็นเวอร์ชันโปร
รายการคุณสมบัติแรกที่คุณจะสามารถปลดล็อกได้โดยใช้ Elementor Pro จะสิ้นสุดลงที่นี่ คุณจะค้นพบสิ่งต่อไปในบทความอื่น
รับ Elementor Pro ทันที!
สรุป
ที่นี่ ! บทความนี้จะแนะนำคุณเกี่ยวกับคุณสมบัติที่ยอดเยี่ยมที่สุดสำหรับ Elementor Pro หากคุณมีข้อสงสัยในการเดินทาง f onแจ้งให้เราทราบใน ความเห็น.
อย่างไรก็ตามคุณสามารถปรึกษาได้ ทรัพยากรของเราหากคุณต้องการองค์ประกอบเพิ่มเติมเพื่อดำเนินโครงการสร้างเว็บไซต์อินเทอร์เน็ตของคุณโดยปรึกษากับเราใน การสร้างบล็อก WordPress หรือที่อยู่บน Divi: ธีม WordPress ที่ดีที่สุดตลอดกาล.
แต่ในขณะเดียวกัน แบ่งปันบทความนี้ในเครือข่ายโซเชียลต่าง ๆ ของคุณ.
...