วิธีใช้ Oxygen Page Builder กับ WordPress ในปี 2021 [คู่มือง่าย ๆ ]

เผยแพร่แล้ว: 2021-07-29
ตัวสร้างหน้าออกซิเจน
ติดตาม @Cloudways

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

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

  • Oxygen Page Builder คืออะไร?
  • ทำไมคุณจึงควรใช้ Oxygen Page Builder?
  • 6 คุณสมบัติเด่น – ตัวสร้างหน้าออกซิเจน
  • วิธีการติดตั้งตัวสร้างหน้าออกซิเจน
  • เกณฑ์มาตรฐานประสิทธิภาพของตัวสร้างหน้าออกซิเจน
  • ราคาออกซิเจน
  • รีวิวออกซิเจน: คุ้มค่าที่จะลองไหม

Oxygen Page Builder คืออะไร?

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

ตัวสร้างหน้าออกซิเจน

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

ทำไมคุณจึงควรใช้ Oxygen Page Builder?

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

ใช้ตัวสร้างหน้าออกซิเจน

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

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

6 คุณสมบัติโดดเด่น – ตัวสร้างหน้าออกซิเจน

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

การแก้ไขภาพ

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

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

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

การควบคุมเค้าโครงที่มีประสิทธิภาพ

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

นอกจากนี้ Oxygen ยังให้การปรับระยะห่างและการปรับขนาดได้ง่ายเพียงลากด้านข้างขององค์ประกอบเพื่อความสะดวกของผู้ใช้

Gutenberg Integration

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

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

รหัส ความสะอาด

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

เมื่อเปรียบเทียบกับคู่แข่งรายใหญ่ที่สุด Elementor (ชื่อใหญ่ในโลกของผู้สร้างเพจ WordPress) Oxygen ให้เอาต์พุตการเข้ารหัส HTML ที่แม่นยำมาก Oxygen มีความสามารถในการแสดงโค้ดบรรทัดเดียวที่ Elementor อาจแสดงในบล็อกโค้ด บรรทัดของโค้ดที่ลดลงช่วยให้โหลดได้รวดเร็ว จัดทำดัชนีได้ง่าย และได้ผลลัพธ์โดยรวมที่ดีขึ้น

ตัวสร้างส่วนหัว

Oxygen's Header Builder ช่วยให้คุณสร้างส่วนหัวที่สะดุดตา คุณสามารถใส่องค์ประกอบการออกแบบลงในส่วนหัวของคุณได้ด้วยการลากและวาง และตกแต่งองค์ประกอบเหล่านี้โดยใช้เอฟเฟกต์และเลย์เอาต์พิเศษ

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

ฟังก์ชันข้อมูลแบบไดนามิก

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

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

  • โพสต์เนื้อหา
  • คำอธิบาย
  • ไฟล์สื่อ
  • ชื่อกระทู้ ผู้แต่ง ฯลฯ

วิธีการติดตั้งตัวสร้างหน้าออกซิเจน

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

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

เพื่อไม่ให้เป็นการเสียเวลา เรามาเริ่มกันเลย!

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

การติดตั้งเครื่องสร้างออกซิเจน

หลังจากเปิดใช้งานปลั๊กอิน หน้าจอต้อนรับแบบป๊อปอัปจะแจ้งให้คุณเลือกประเภทการติดตั้ง Oxygen ของคุณ

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

การติดตั้งตัวสร้างหน้า WordPress ออกซิเจน

ข้อกำหนดเบื้องต้นสำหรับตัวสร้างหน้าออกซิเจน

การเริ่มต้นใช้งานตัวสร้างเพจ Oxygen จำเป็นต้องมีข้อกำหนดเบื้องต้นบางประการสำหรับประสบการณ์การสร้างเพจที่ราบรื่น:

ชื่อ ความต้องการ
เวอร์ชั่น WordPress 5.0 ขึ้นไป
เวอร์ชัน PHP 7.0 ขึ้นไป ยกเว้น PHP 8 (เนื่องจากยังไม่รองรับ PHP 8)
เวอร์ชัน MySQL / MariaDB 5.6 / 10.1 หรือสูงกว่า
เบราว์เซอร์ Chrome, Firefox, Safari และเบราว์เซอร์ที่ทันสมัยทั้งหมด

โปรดทราบว่า Oxygen Page Builder ยังไม่รองรับ PHP 8 ข้อกำหนดข้างต้นขึ้นอยู่กับผู้ให้บริการโฮสติ้งของคุณ ดังนั้นตรวจสอบให้แน่ใจว่ามีเวอร์ชันล่าสุดบนเซิร์ฟเวอร์และแพลตฟอร์มของตน Cloudways นำเสนอ WordPress, PHP และ MariaDB เวอร์ชันล่าสุดและเสถียรสำหรับประสบการณ์การแก้ไขหน้า Oxygen ที่ราบรื่น

เกณฑ์มาตรฐานประสิทธิภาพของตัวสร้างหน้าออกซิเจน

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

ผลการเปรียบเทียบจะถูกแบ่งปันดังนี้:

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

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

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

ชื่อ ข้อมูลจำเพาะ
เวอร์ชั่น WordPress 5.7.2
ธีม ยี่สิบยี่สิบเอ็ด

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

ชื่อปลั๊กอิน เวอร์ชั่น
สายลม เวอร์ชัน 1.2.3
การป้องกันบอท Cloudways เวอร์ชัน 4.63
ตัวสร้างหน้าออกซิเจน ตัวสร้างหน้าออกซิเจน

เหนือสิ่งอื่นใด เราได้สร้างเนื้อหาสาธิตของไซต์และเพิ่มรูปภาพจำนวนมากเพื่อจำลองสถานการณ์ในชีวิตจริง

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

https://gtmetrix.com/reports/wordpress-635160-2066150.cloudwaysapps.com/AXkCR1eG/

ประสิทธิภาพของเครื่องสร้างออกซิเจน gtmetrix

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

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

https://tools.pingdom.com/#5eba5748a0400000

ประสิทธิภาพ pingdom ของตัวสร้างออกซิเจน

  • เกรดประสิทธิภาพ: 92
  • ขนาดหน้า: 2.0 MB
  • เวลาในการโหลด: 277ms
  • คำขอ: 32

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

https://prnt.sc/1gragu8

ประสิทธิภาพข้อมูลเชิงลึกของ PageSpeed ​​ของตัวสร้างออกซิเจน

  • เกรดโดยรวม: 92
  • FCP: 0.8s
  • ดัชนีความเร็ว: 1.4s
  • LCP: 1.6 วินาที
  • TTI: 0.8s
  • TBT: 0ms
  • CLS: 0.015

ราคาออกซิเจน

ราคาเครื่องสร้างออกซิเจน

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

1) พื้นฐาน

  • จ่ายครั้งเดียว $129
  • เครื่องมือสร้างภาพที่ยืดหยุ่นและทรงพลังสำหรับ WordPress
  • รับประกันคืนเงินภายใน 60 วัน

2) WooCommerce

  • จ่ายครั้งเดียว $169
  • การรวม WooCommerce
  • ใช้สำหรับสร้างเว็บไซต์และร้านค้า WooCommerce
  • รับประกันคืนเงินภายใน 60 วัน

3) หน่วยงาน

  • จ่ายครั้งเดียว $199
  • การรวม WooCommerce
  • ผู้สร้างบล็อก Gutenberg
  • UI ไคลเอ็นต์แบบง่าย
  • รับประกันคืนเงินภายใน 60 วัน

4) สุดยอด

  • จ่ายครั้งเดียว $229
  • การรวม WooCommerce
  • ผู้สร้างบล็อก Gutenberg
  • UI ไคลเอ็นต์แบบง่าย
  • องค์ประกอบคอมโพสิต
  • รับประกันคืนเงินภายใน 60 วัน

รีวิวออกซิเจน: คุ้มค่าที่จะลองไหม

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

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

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

ถาม Oxygen builder ดีกว่า Elementor หรือไม่?

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

ถาม ฉันจะอัปเดตตัวสร้างออกซิเจนได้อย่างไร

ทำตามขั้นตอนด้านล่างเพื่ออัปเดตตัวสร้างออกซิเจน:

  • ไปที่ออกซิเจน> การตั้งค่า> ใบอนุญาต
  • ป้อนรหัสใบอนุญาตของคุณแล้วคลิก " ส่ง "
  • ไปที่แผงควบคุม> การปรับปรุง
  • ดูว่ามีการอัพเดท Oxygen หรือไม่ ถ้าไม่เช่นนั้น ให้คลิก “ ตรวจสอบอีกครั้ง
  • เมื่อการอัปเดตพร้อมใช้งาน ให้ทำเครื่องหมายในช่องในการอัปเดตปลั๊กอิน
  • คลิก " อัปเดตปลั๊กอิน " เพื่ออัปเดตตัวสร้างออกซิเจน

ถาม Oxygen WooCommerce คืออะไร?

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