สร้างเว็บไซต์ของคุณเองโดยใช้ WordPress Elementor

เผยแพร่แล้ว: 2021-06-08

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

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

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

Elementor คืออะไร?

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

การใช้ปลั๊กอิน Elementor

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

ติดตั้ง WordPress Elementor

WordPress Elementor มีสองเวอร์ชัน พวกเขาคือ

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

ติดตั้ง elementor เวอร์ชันฟรี:

ในการติดตั้ง Elementor เวอร์ชันฟรี

ติดตั้ง Elementor เวอร์ชัน Pro

ในการติดตั้ง Elementor เวอร์ชัน Pro

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

สร้างหน้าเว็บไซต์ของคุณ

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

เทมเพลต Elementor

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

ในการสร้างหน้าใหม่ ไปที่หน้าบนแดชบอร์ด WordPress และคลิกที่ 'เพิ่มใหม่' ตอนนี้เรากำลังจะสร้างหน้าเว็บไซต์พื้นฐานสามหน้า ได้แก่:

ตอนแรกเราจะสร้างโฮมเพจ

1. หน้าแรก

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

เพื่อสร้างโฮมเพจ

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

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

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

2. เกี่ยวกับเพจ

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

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

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

ปรับแต่งเว็บไซต์ของคุณโดยใช้ Elementor

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

1. ปรับแต่งข้อความในหน้า

2. เปลี่ยนสีและภูมิประเทศของ Text

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

3. ปรับแต่งส่วนต่างๆ

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

4. การปรับแต่งเค้าโครงหน้า

หลังจากทำงานกับสไตล์ทั้งหมดแล้ว ตอนนี้ก็ถึงเวลาทำงานกับเค้าโครงของคุณ

เพื่อเพิ่มคอลัมน์ในส่วนหน้าของคุณและทำให้สวยงามยิ่งขึ้น

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

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

5. ปรับแต่งรูปภาพ

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

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

6. ลิงค์โซเชียลมีเดีย

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

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

เพิ่มส่วนหัวและส่วนท้าย

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

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

1. เพิ่มส่วนหัว

หากต้องการเพิ่มส่วนหัว

2. เพิ่มส่วนท้าย

หากต้องการเพิ่มส่วนท้าย

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

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

สร้างโพสต์บล็อก

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

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

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

ในการสร้างโพสต์บล็อก

บทสรุป

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

“เว็บไซต์ส่งเสริมคุณ 24/7: ไม่มีพนักงานคนใดทำอย่างนั้น”

-พอล คุกสัน

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