WP Page Builder: คู่มือการตรวจสอบและการติดตั้งเชิงลึก!

เผยแพร่แล้ว: 2021-07-28
ตัวสร้างหน้า wp
ติดตาม @Cloudways

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

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

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

แต่ตัวสร้างหน้า WP ทำงานอย่างไร มันมีคุณสมบัติอะไรบ้างและราคาเท่าไหร่?

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

  • WP Page Builder คืออะไร?
  • WP Page Builder ทำงานอย่างไร
  • คุณสมบัติตัวสร้างหน้า WP
  • ราคาตัวสร้างหน้า WP
  • ความต้องการของระบบสำหรับ WP Page Builder
  • จะติดตั้ง WP Page Builder ได้อย่างไร?
  • ความเข้ากันได้และประสิทธิภาพของ WP Page Builder กับ Cloudways
  • ความไม่ลงรอยกันของตัวสร้างหน้า WP
  • WP Page Builder: ข้อดีและข้อเสีย

WP Page Builder คืออะไร?

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

WP Page Builder เป็นมิตรกับงบประมาณ แต่ยังมีเวอร์ชันฟรี (Lite) พร้อมคุณสมบัติมากมาย ดังนั้น แม้ว่าคุณอาจต้องซื้อเวอร์ชันพรีเมียมสำหรับฟีเจอร์ขั้นสูง แต่เวอร์ชันฟรี (Lite) ก็มีคุณสมบัติเพียงพอที่จะให้คุณสร้างเว็บไซต์พื้นฐานได้อย่างสะดวกสบาย

เมื่อคุณทราบแล้วว่า WP Page Builder คืออะไร มาดูกันว่าปลั๊กอินทำงานอย่างไร

ตัวสร้างหน้า WP ทำงานอย่างไร

มันง่าย เมื่อคุณติดตั้ง WP Page Builder บน WordPress มันจะแทนที่ตัวแก้ไขพื้นฐานของคุณด้วยตัวแก้ไขส่วนหน้า ที่ให้คุณจัดการการออกแบบเว็บไซต์ของคุณได้โดยตรงจากส่วนหน้า

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

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

คุณสมบัติตัวสร้างหน้า WP

นี่คือสิ่งที่คุณควรทราบไว้ล่วงหน้า: WP Page Builder มาพร้อมกับคุณสมบัติที่น้อยกว่าเมื่อเปรียบเทียบกับเครื่องมือสร้างเพจยอดนิยมอื่น ๆ เช่น Elementor, Beaver Builder, SeedProd เป็นต้น

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

ต่อไปนี้คือคุณลักษณะเด่นที่สุดของ WP Page Builder เพื่อให้คุณทราบว่าคุณได้รับอะไรบ้าง:

Realtime Frontend Drag-and-Drop Page Builder : ฟังก์ชันการ ลากและวางส่วนหน้าแบบเรียลไทม์ เป็นคุณสมบัติหลักของปลั๊กอิน WP Page Builder ซึ่งเป็นเครื่องมือขั้นสูงสุดในการพัฒนาเว็บไซต์ WordPress ของคุณ มีองค์ประกอบมากมายให้คุณเลือกและวางบนเว็บไซต์ของคุณ

Blocks, Addons และ Layout Packs : WP Page Builder มี 60 บล็อก ส่วนเสริม 38 ส่วน และชุดเค้าโครงที่ออกแบบไว้ล่วงหน้า 27 ชุดสำหรับสิ่งต่างๆ เช่น คำรับรอง ส่วนของสมาชิกในทีม และตารางราคา WP Page Builder มีเทมเพลตหลากหลายที่คุณสามารถเลือกและปรับแต่งได้จนกว่าคุณจะเป็นเนื้อหา

สร้าง บันทึก และนำการออกแบบมาใช้ซ้ำ : หากคุณต้องใช้การออกแบบเดียวกันในหน้าต่างๆ WP Page Builder มีตัวเลือกในการบันทึกแต่ละแถวและการออกแบบหน้าเว็บแบบเต็ม คุณมีตัวเลือกการส่งออกเพื่อใช้การออกแบบที่บันทึกไว้ในเว็บไซต์อื่นในภายหลัง

การสร้างเค้าโครงแถว-คอลัมน์ที่ยืดหยุ่น : WP Page Builder มาพร้อมกับความยืดหยุ่นของแถวและคอลัมน์ การเพิ่มแถว การตั้งค่าขนาดคอลัมน์ หรือช่องว่างภายใน ทำให้ทุกอย่างเป็นเรื่องง่ายด้วย WP Page Builder ทุกสิ่งที่คุณสร้างด้วย WP Page Builder นั้นตอบสนองได้ 100% และพร้อมสำหรับมือถือเช่นกัน

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

ราคาตัวสร้างหน้า WP

WP Page Builder ราคาเท่าไหร่?

WP Page Builder มีโครงสร้างราคา 3 แบบ แม้ว่า WP Page Builder จะมอบเวอร์ชันฟรี (Lite) ให้กับผู้ใช้ แต่คุณจะต้องอัปเกรดเป็นเวอร์ชันพรีเมียมหากต้องการคุณลักษณะขั้นสูงเพิ่มเติม

ราคาสำหรับปลั๊กอินรุ่นพรีเมียมมีดังนี้:

  • บุคคลธรรมดา: $39/ปี
  • ฟรีแลนซ์: $59/ปี
  • หน่วยงาน: $99/ปี

ราคาตัวสร้างหน้า WP

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

ความต้องการของระบบสำหรับ WP Page Builder

ตอนนี้ มาดูข้อกำหนดของระบบสำหรับ WP Page Builder

ชื่อ ที่จำเป็น
เวอร์ชั่น WordPress 5.4 หรือสูงกว่า
เวอร์ชัน PHP 7.3 (หรือสูงกว่าที่แนะนำ
ฐานข้อมูล MariaDB – 10.1 หรือสูงกว่า / MySQL – 5.7 หรือสูงกว่า
ขีด จำกัด หน่วยความจำ WP 256MB หรือสูงกว่า
เบราว์เซอร์ Chrome, Firefox, Safari (แนะนำ)
ไม่รองรับ Internet Explorer
โมดูลเซิร์ฟเวอร์ mod_rewrite, cURL, fsockopen, imagick

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

จะติดตั้ง WP Page Builder ได้อย่างไร?

เริ่มต้นด้วยการเรียนรู้วิธีติดตั้งฟรี (Lite) จากนั้นเราจะดูวิธีการติดตั้งการติดตั้งแบบพรีเมียมด้วยการเปิดใช้งานคีย์ใบอนุญาต

การติดตั้งเวอร์ชัน WP Page Builder ฟรี (Lite)

  • ไปที่ WordPress Dashboard > Plugin > Add new
  • ค้นหา WP Page Builder ใน แถบค้นหา ทางด้านขวา
  • คลิกที่ปุ่ม ติดตั้ง ทันที
  • หลังการติดตั้ง คลิกที่ Activate เพื่อเปิดใช้งานปลั๊กอิน

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

เปิดใช้งานตัวสร้างหน้า wp

เปิดใช้งานตัวสร้างหน้า wp

เมื่อคุณติดตั้งและเปิดใช้งานปลั๊กอิน WP Page Builder แล้ว ปุ่ม แก้ไขด้วย WP Page Builder จะปรากฏขึ้นบนเพจ

แก้ไขหน้าแรก

รุ่นพรีเมี่ยม

ต่อไปนี้คือวิธีการติดตั้งปลั๊กอิน WP Page Builder รุ่นพรีเมียม:

  • ไปที่เว็บไซต์ Themeum.com ลงชื่อเข้าใช้บัญชีของคุณแล้วไปที่รูปโปรไฟล์ของคุณที่มุมบนขวาของเว็บไซต์

ลงชื่อเข้าใช้ตัวสร้างหน้า wp

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

ดาวน์โหลดตัวสร้างหน้า wp

  • ไปที่ WordPress Dashboard > Plugin > Add new
  • คลิกที่ปุ่มอัปโหลดที่มุมบนซ้าย
  • คลิกที่ปุ่มเบราส์และเลือกไฟล์ WP Page Builder Zip จากระบบในพื้นที่ของคุณหรือเพียงแค่ลากและวาง
  • คลิกที่ "ติดตั้งทันที" เมื่อชื่อไฟล์ปรากฏขึ้น

อัปโหลดตัวสร้างหน้า wp

  • หลังการติดตั้ง คลิกที่ปุ่มเปิดใช้งานเพื่อเปิดใช้งาน

เปิดใช้งานตัวสร้างหน้า wp
ตัวสร้างหน้า wp โปร

การเปิดใช้งานรหัสใบอนุญาต

  • เข้าสู่ระบบ themeum.com ไปที่ส่วนใบอนุญาตภายใต้โปรไฟล์ของคุณ
  • ป้อน URL เว็บไซต์ของคุณแล้วคลิกปุ่มเพิ่ม URL

การเปิดใช้งานรหัสใบอนุญาต

  • หลังจากเพิ่ม URL แล้ว ให้คัดลอกรหัสใบอนุญาตที่ปรากฏขึ้น

คีย์ใบอนุญาต

  • ไปที่ WP Page Builder> License Page ป้อนรหัสใบอนุญาตในช่องข้อความแล้วคลิก "เชื่อมต่อกับคีย์ใบอนุญาต"

หน้าใบอนุญาต

เชื่อมต่อหน้าใบอนุญาต

ตอนนี้คุณเปิดใช้งานคีย์ใบอนุญาตเสร็จแล้ว และติดตั้งเวอร์ชันพรีเมียม WP Page Builder ของคุณแล้ว

ความเข้ากันได้และประสิทธิภาพของ WP Page Builder กับ Cloudways

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

Managed Cloud โฮสติ้ง เช่น Cloudways อาจเป็นตัวเลือกที่ดีที่สุดสำหรับเจ้าของเว็บไซต์ที่จริงจังเกี่ยวกับสถานะออนไลน์ของตน เนื่องจากมีความปลอดภัยที่เหมาะสม ประสิทธิภาพการทำงานที่รวดเร็ว และการสนับสนุนตลอด 24 ชั่วโมงทุกวันไม่เว้นวันหยุด ท่ามกลางปัจจัยสำคัญอื่นๆ อีกมากมาย

มาเริ่มขั้นตอนการทดสอบกัน

ทรัพยากรที่เราใช้:

การกำหนดค่าเซิร์ฟเวอร์ Cloudways

ชื่อ ข้อมูลจำเพาะ
เซิร์ฟเวอร์ Cloudways Vultr – ความถี่สูง
ที่ตั้งดาต้าเซ็นเตอร์ ซีแอตเทิล
แกะ 2GB
ดิสก์ SSD 64GB
การถ่ายโอนแบนด์วิดธ์ 2TB
โปรเซสเซอร์ 1 คอร์
ระบบปฏิบัติการ: เดเบียน 9
NGINX 1.19
วานิช 6.0.7
Apache 2.4.25
ฐานข้อมูล MariaDB 10.1
PHP 7.3

การกำหนดค่าแอปพลิเคชัน

ชื่อ ข้อมูลจำเพาะ
เวอร์ชั่น WordPress 5.7.2
CDN CloudwaysCDN
SSL มาเข้ารหัสกันเถอะ
ธีม มหาสมุทร WP

ปลั๊กอินที่ติดตั้งแล้ว

ชื่อปลั๊กอิน เวอร์ชั่น
สายลม เวอร์ชัน 1.2.2
การป้องกันบอท Cloudways เวอร์ชัน 4.63
ปลั๊กอินพรีเมียมตัวสร้างเพจ WP เวอร์ชัน 1.0.9
Ocean Extra (สำหรับการตั้งค่าหน้า) เวอร์ชัน 1.7.7

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

การวิเคราะห์ประสิทธิภาพ GTMetrix

URL: https://gtmetrix.com/reports/wordpress-629073-2046410.cloudwaysapps.com/j1ueyIxL/

  • ประสิทธิภาพ : 100%
  • โครงสร้าง : 93%
  • LCP : 558ms
  • TBT : 0ms
  • CLS : 0.01

ตัวสร้างหน้า gtmetrix wp

การวิเคราะห์ประสิทธิภาพ Pingdom

URL: https://tools.pingdom.com/#5eafa461a8400000

  • เกรดประสิทธิภาพ : 86
  • ขนาดหน้า : 1.0 MB
  • เวลาในการโหลด : 377ms
  • คำขอ : 55

ตัวสร้างหน้า pingdom wp

การวิเคราะห์ประสิทธิภาพ PageSpeed ​​Insight

เกรดโดยรวม: 97

  • FCP : 0.8s
  • ดัชนีความเร็ว : 1.4s
  • LCP : 1.1s
  • TTI : 0.8s
  • TBT : 0ms
  • CLS : 0.018

ตัวสร้างเพจ Pagespeed wp

ผลลัพธ์แสดงให้เห็นชัดเจนว่าเว็บไซต์ที่สร้างด้วย WP Page Builder และโฮสต์บน Cloudways ทำงานได้อย่างเหลือเชื่อ โปรดทราบว่าฉันใช้ Cloudways จัดการโฮสติ้ง WordPress กับเซิร์ฟเวอร์เฉพาะและปลั๊กอินแคชในตัว

ความไม่ลงรอยกันของตัวสร้างหน้า WP

เนื่องจากมีการอัพเดท WordPress เป็นประจำ คุณอาจพบความไม่ลงรอยกันบางอย่าง นี่คือบางส่วนของพวกเขา:

ปวดหัวปลั๊กอินแคช

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

ความขัดแย้งของปลั๊กอิน

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

การปิดใช้งาน WP Page Builder จะลบทุกอย่าง

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

WP Page Builder: ข้อดีและข้อเสีย

ตอนนี้คุณทราบเกือบทุกอย่างเกี่ยวกับ WP Page Builder แล้ว มาดูข้อดีและข้อเสียของปลั๊กอินกัน:

ข้อดี

  • WP Page Builder มี 60 บล็อก ส่วนเสริม 38 ส่วน และชุดเค้าโครงที่ออกแบบไว้ล่วงหน้า 27 ชุดสำหรับผู้ใช้ของตน
  • มีเวอร์ชันฟรีพร้อมคุณสมบัติมากมายและอินเทอร์เฟซที่เรียบง่ายซึ่งช่วยให้คุณตัดสินใจได้ว่าผลิตภัณฑ์นั้นเหมาะกับคุณหรือไม่
  • เหมาะอย่างยิ่งสำหรับเอเจนซี่เพราะคุณสามารถบันทึกทั้งแถวและการออกแบบหน้าเว็บแบบเต็มและนำกลับมาใช้ใหม่ได้
  • ใช้งานง่ายแม้สำหรับผู้เริ่มต้นที่ไม่มีทักษะในการเขียนโค้ด และราคาก็สมเหตุสมผลเมื่อเทียบกับเครื่องมือสร้างเพจอื่นๆ

ข้อเสีย

  • WP Page Builder มีคุณสมบัติน้อยกว่าเมื่อเปรียบเทียบกับตัวสร้างเพจอื่น
  • การสนับสนุนลูกค้าจำกัดเฉพาะอีเมลและเอกสาร แม้ว่าเอกสารจะมีประโยชน์มาก
  • ตัวเลือกส่วนหัวและส่วนท้ายไม่มีใน WP Page Builder คุณต้องหาวิธีสร้างส่วนหัวและส่วนท้าย
  • ฟีเจอร์ Custom Widgets ถูกประเมินต่ำกว่าเมื่อเปรียบเทียบกับเครื่องมือสร้างเพจอื่นๆ

ความคิดสุดท้าย

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

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

โดยรวมแล้ว มันเป็นตัวเลือกการลากและวางที่ยอดเยี่ยมสำหรับการสร้างเว็บไซต์!