เว็บโฮสติ้ง: WordPress Elementor

คู่มือนี้ถูกสร้างขึ้นด้วยผลิตภัณฑ์ดังต่อไปนี้:

(รายละเอียดอาจแตกต่างกันไปตามผลิตภัณฑ์จากผู้ให้บริการต่างๆ แต่แนวคิดหลักยังคงเหมือนเดิม)

เว็บโฮสติ้ง

แนะนำ

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

ข้อมูล

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

การติดตั้ง

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

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

ไปที่เมนู ปลั๊กอิน ใน WordPress แล้วคลิกที่ปุ่ม เพิ่มปลั๊กอินใหม่ ที่ด้านบนของหน้า ในขั้นตอนถัดไป ให้ค้นหา Elementor แล้วคลิกติดตั้งที่ตัวเลือก Elementor Website Builder - More than just a page builder

การตั้งค่า

เมื่อการติดตั้งเสร็จสิ้น คุณก็สามารถตั้งค่าต่อได้ ในขั้นตอนถัดไป คุณจะเห็นหน้าต่างต้อนรับของ Elementor ที่จะนำทางคุณผ่านขั้นตอนต่าง ๆ ได้แก่ การสร้างบัญชี Elementor, การติดตั้งธีม “Hello”, การเลือกฟีเจอร์ที่ต้องการ และสุดท้ายคือการยืนยัน “Good to go” แค่ทำตามคำแนะนำก็จะตั้งค่า Elementor ได้ครบถ้วน

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

เริ่มต้นใช้งาน

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

วิดเจ็ตที่มีให้ใช้งาน

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

วิดเจ็ตพื้นฐาน

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

• Inner Section, Heading, Image, Text Editor, Video, Button, Star Rating, Divider, Google Maps, Icon, Image Box, Icon Box, Basic Gallery, Image Carousel, Icon List, Counter, Spacer, Testimonial, Tabs, Accordion, Toggle, Social Icons, Progress Bar, Sound Cloud, Shortcode, HTML, Menu Anchor, Alert, Sidebar, Text Path, Container และ Link in Bio

วิดเจ็ต Pro

ขยายการออกแบบเว็บไซต์ของคุณให้มากขึ้นด้วยวิดเจ็ต Pro เสริม เวอร์ชัน Elementor Pro มีวิดเจ็ตเพิ่มเติมดังนี้:

• Posts, Share Buttons, Portfolio, Slides, Form, Login, Nav Menu, Animated Headline, Price Table, Price List, Gallery, Flip Box, Call to Action, Media Carousel, Testimonial Carousel, Nested Carousel, Loop Carousel, Table of Content, Countdown, Facebook Page, Blockquote, Template, Reviews, Facebook Button, Facebook Embed, Facebook Comments, PayPal Button, Lottie Widget, Code Highlight, Video Playlist, Hotspot, Progress Tracker, Stripe Button, Mega Menu, Off-Canvas

การออกแบบและเลย์เอาต์

สร้างเพจ

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

เทมเพลต

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

เอกสาร Elementor

คู่มือนี้เน้นเฉพาะการติดตั้ง การตั้งค่า และพื้นฐานสำคัญสำหรับการใช้ WordPress ร่วมกับ Elementor เท่านั้น สำหรับการแนะนำเชิงลึกเพิ่มเติม เราแนะนำให้ดู เอกสารอย่างเป็นทางการของ Elementor และ ศูนย์ช่วยเหลือ

ส่วนขยาย Elementor เพิ่มเติม

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

ส่วนขยาย	การใช้งาน
Ultimate Addons for Elementor	มีเวอร์ชันฟรีและเสียเงิน
Master Addons for Elementor	มีเวอร์ชันฟรีและเสียเงิน
Essential Addons for Elementor	มีเวอร์ชันฟรีและเสียเงิน
Premium Addons for Elementor	มีเวอร์ชันฟรีและเสียเงิน
Happy Addons for Elementor	มีเวอร์ชันฟรีและเสียเงิน
ThePlus Addons	มีเวอร์ชันฟรีและเสียเงิน
JetElements	เวอร์ชันเสียเงิน

สรุป

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