วิธีใช้ตัวสร้างหน้าองค์ประกอบใน WordPress: คู่มือฉบับสมบูรณ์

เผยแพร่แล้ว: 2022-10-19

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

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

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

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

ทำไมคุณควรใช้องค์ประกอบ?

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

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

  • สำหรับนักพัฒนา WordPress ยังคงเป็นแพลตฟอร์มที่ต้องการด้วยการเพิ่มประสิทธิภาพสคริปต์ คุณลักษณะที่กำหนดเอง และเวอร์ชันย้อนกลับ คุณได้รับแกดเจ็ต / บล็อกสารที่เป็นประโยชน์ที่ปรับแต่งให้ทำงานในนักพัฒนาเพจสด ยิ่งไปกว่านั้น คุณต้องย้ายไปยังหน้าที่คุณกำลังสร้าง

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

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

คุณสามารถสร้างอะไรได้บ้างด้วย elementor?

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

วิธีการติดตั้ง Elementor?

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

มีแนวทางที่คุณสามารถทำได้ ฉันดูแลทั้งสองอย่างด้านล่าง ดังนั้นดูมันและดูทุกสิ่งที่คุณสามารถทำได้

การติดตั้ง Elementor ผ่าน Elementor.com

  • ขั้นตอนที่ 1: ไปที่ Elementor.com และคลิกที่เริ่มต้น

  • ขั้นตอนที่ 2: ตอนนี้ กรอกที่อยู่อีเมลและรหัสผ่านของคุณเพื่อสร้างบัญชี

  • ขั้นที่ 3: ตอบคำถามบางข้อว่าใครคือเว็บไซต์อินเทอร์เน็ต และความสุขแบบไหนที่คุณสร้างเว็บไซต์ขึ้นมา

  • ขั้นตอนที่ 4: เลือกวิธีที่คุณต้องการสร้างไซต์ของคุณ คุณควรซื้อปลั๊กอิน Elementor Pro หรือแพ็คเกจที่ประกอบด้วยปลั๊กอินเพิ่มเติมจากการตั้งค่า WordPress และโฮสติ้ง คุณยังสามารถทดสอบแผนเก๋าที่แตกต่างกันหรือเริ่มต้นด้วยเวอร์ชันหลวม ๆ ง่าย ๆ สำหรับการสาธิตนี้ เราจะเลือกแผนฟรี

  • ขั้นตอนที่ 5: เนื่องจาก Elementor เรียกร้องให้คุณมีหน้าเว็บ WordPress ที่มีพลัง ให้ป้อนพื้นที่เว็บไซต์ของคุณลงในตัวตรวจสอบเพื่อให้แน่ใจว่าหน้าเว็บของคุณอยู่บนแพลตฟอร์ม WordPress

  • ขั้นตอนที่ 6: หลังจากยืนยันความเข้ากันได้ของเว็บไซต์ของคุณแล้ว ให้คลิกติดตั้ง Elementor

  • ขั้นตอนที่ 7: หลังจากนั้น คุณจะมาถึงหน้าเว็บที่มีข้อความยืนยัน คลิกเปิดใช้งานปลั๊กอิน

การติดตั้ง Elementor ผ่าน WordPress Dashboard

  • ขั้นตอนที่ 1: จากแดชบอร์ดของคุณบนพีซี ให้คลิก ปลั๊กอิน > เพิ่มใหม่

  • ขั้นตอนที่ 2: เพิ่มปลั๊กอินลงในพีซีของ Elementor Website Builder

  • ขั้นตอนที่ 3: คลิกติดตั้งทันที หลังจากติดตั้ง คลิกที่เปิดใช้งาน

วิธีการใช้ Elementor ใน WordPress?

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

มาดูกันว่าเราจะใช้ตัวแก้ไข elementor ได้อย่างไร:

  • ขั้นตอนที่ 1: ในการเริ่มต้น สร้างหน้าเว็บใหม่หรือวางและคลิกแก้ไขด้วยองค์ประกอบหรือ

  • ขั้นตอนที่ 2: คุณจะต้องป้อนเครื่องมือแก้ไขหน้าเว็บ elementor

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

  • ขั้นตอนที่ 4: ก่อนที่คุณจะเริ่มลากและสูญเสียวิดเจ็ต คุณต้องเข้าใจก่อนว่าตัวแก้ไข elementor มีบล็อกการสร้างที่โดดเด่นสามบล็อก: ส่วน คอลัมน์ และวิดเจ็ต

ส่วนเป็นส่วนสำคัญในการสร้างบล็อค ภายใน Sections คุณสามารถอัปโหลดองค์กรของ Columns และ Widgets จะอยู่ภายใน Columns

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

  • ขั้นตอนที่ 6: คลิกปุ่มแฮมเบอร์เกอร์ที่มุมซ้าย จากนั้นเลือก Site Settings คุณสามารถตั้งค่าเฉดสีและแบบอักษรเริ่มต้นให้กับหน้าเว็บของคุณได้ในเมนูนี้ คุณยังสามารถกำหนดการตั้งค่าทั่วโลกให้กับเว็บไซต์อินเทอร์เน็ตทั้งหมดของคุณบน elementor

โดยสังเขป

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

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

เริ่มประกอบไซต์แฟนตาซีของคุณวันนี้ด้วย elementor ต้องการมือ? ติดต่อเรา!

บรรณาธิการ: ทามันนา