วิธีใช้ตัวสร้างเพจ BoldGrid ด้วย WordPress

เผยแพร่แล้ว: 2021-08-04
วิธีใช้ตัวหนา
ติดตาม @Cloudways

BoldGrid เป็นเครื่องมือสร้างเพจขนาดเล็กที่มี Visual Editor ของตัวเอง และวิธีการแก้ไขหน้าและโพสต์บางวิธี อย่างไรก็ตาม BoldGrid ไม่ได้มีเพียงเครื่องมือสร้างเพจเท่านั้น แต่ยังรวมถึงธีมของ WordPress และปลั๊กอินบางตัว เช่น Total UpKeep, W3 Total Cache, BoldGrid Easy SEO, แรงบันดาลใจ เป็นต้น ดังนั้นสำหรับ BoldGrid เราสามารถพูดได้ว่ามันไม่ได้เป็นเพียงเครื่องมือสร้างเพจเท่านั้น แต่ยังเป็น โซลูชั่นเต็มรูปแบบสำหรับทุกคนที่สร้างเว็บไซต์ใน WordPress

  • ทำไมต้องเลือกตัวสร้างเพจ BoldGrid
  • คุณสมบัติของตัวสร้างเพจ BoldGrid
  • ตัวสร้างเพจ BoldGrid: ข้อดีและข้อเสีย
  • การกำหนดราคาและแผนของตัวสร้างเพจ BoldGrid
  • ข้อกำหนดของระบบ/โฮสติ้งของตัวสร้างเพจ BoldGrid
  • ติดตั้งและกำหนดค่าตัวสร้างหน้า BoldGrid
  • ประสิทธิภาพของตัวสร้างเพจ BoldGrid บน Cloudways
  • BoldGrid Page Builder คำวิจารณ์จากผู้ใช้
  • คำถามที่พบบ่อย

ทำไมต้องเลือกตัวสร้างเพจ BoldGrid

เมื่อเทียบกับผู้สร้างเพจ WordPress อื่น ๆ เราสามารถพูดได้ว่าคล้ายกับ WPBakery มากที่สุด และสำหรับใครก็ตามที่ชอบตัวสร้างแบ็คเอนด์ BoldGrid อาจเป็นทางออกที่เหมาะสม มีบล็อกและเทมเพลตของเพจที่สร้างไว้ล่วงหน้าจำนวนมากเพื่อใช้เป็นตัวเริ่มต้นและแก้ไข ดังนั้นแม้แต่สำหรับผู้ใช้ระดับพื้นฐานบางคนก็อาจเป็นทางออกที่ดีได้ อย่างไรก็ตาม มันไม่ได้ใช้งานง่ายและเห็นภาพมากนัก ดังนั้นฉันเชื่อว่าผู้ชมเป้าหมายเป็นนักพัฒนาเว็บ/เวิร์ดเพรสที่มีทักษะมากกว่าเล็กน้อย

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

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

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

คุณสมบัติของตัวหนา

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

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

ตัวสร้างเพจ BoldGrid: ข้อดีและข้อเสีย

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

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

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

การกำหนดราคาและแผนของตัวสร้างเพจ BoldGrid

การกำหนดราคาสำหรับตัวสร้างเว็บไซต์ BoldGrid นั้นค่อนข้างง่าย มีเพียงแผนเดียวในราคา $30 ต่อปี

ราคาตัวหนา

ความต้องการของระบบ/โฮสติ้ง

แม้ว่าฉันจะไม่พบข้อมูลอย่างเป็นทางการเกี่ยวกับข้อกำหนดของโฮสติ้ง แต่ขอแนะนำให้ใช้ WordPress, PHP, MySQL หรือ MariaDB เวอร์ชันล่าสุด และทรัพยากรมากกว่าที่จำเป็นเล็กน้อย

เพื่อจุดประสงค์ในการทดสอบ ฉันใช้ VultrHF พร้อมหน่วยความจำ PHP 2GB

ติดตั้งและกำหนดค่าตัวสร้างหน้า BoldGrid

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

การตั้งค่าตัวหนา

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

  • บล็อก BoldGrid
  • BoldGrid Premium Blocks
  • สไลเดอร์
  • วิดเจ็ตบล็อก
  • การสนับสนุนระดับพรีเมียม

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

คีย์ API ของตัวหนากริด

ในหน้าจอถัดไป คุณจะได้รับข้อเสนอให้ดาวน์โหลดปลั๊กอินเวอร์ชันโปร

การตั้งค่าปลั๊กอิน

แตะที่การตั้งค่าในแถบด้านข้างด้านซ้ายและตั้งค่าตัวเลือกพื้นฐาน ซึ่งระบบจะถามคุณในภายหลังด้วยในการตั้งค่าแบบหลายขั้นตอน

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

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

ตัวแก้ไข back-end ตัวหนา

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

สิ่งแรกที่ต้องทำคือการตั้งค่าเทมเพลตของเพจเป็น BoldGrid Full Width ซึ่งจะแทนที่ความกว้างของธีมที่ใช้งานอยู่ของส่วนเนื้อหา

การตั้งค่าตัวแก้ไขส่วนหลัง

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

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

เทมเพลตตัวหนา

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

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

การเพิ่มองค์ประกอบตัวหนา

รายการที่สองในแถบเครื่องมือคือ Global Options ซึ่งคุณสามารถเลือกจานสีหรือลบเนื้อหาได้

ตัวเลือกสีตัวหนา

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

อันที่สี่คือพื้นหลังที่คุณกำลังเลือกหรือเปลี่ยนพื้นหลังสำหรับทั้งบล็อก แถว หรือคอลัมน์

เพิ่มคอลัมน์ตัวหนา

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

รูปร่างที่กำหนดเองของตัวหนา

ประสิทธิภาพของตัวสร้างเพจ BoldGrid บน Cloudways

ฉันใช้เครื่องมือที่แตกต่างกัน 3 รายการสำหรับการทดสอบ และทุกครั้งที่ฉันใช้สถานที่ทดสอบเดียวกันเพื่อรักษาผลลัพธ์ที่สม่ำเสมอและยุติธรรม ฉันไม่ได้บีบอัดภาพใดๆ และไม่ได้ใช้ CDN สำหรับการติดตั้งทดสอบเหล่านี้ นอกจากนี้ ฉันได้สร้างหน้า Landing Page เดียวกันโดยใช้รูปภาพเดียวกันและองค์ประกอบหลายอย่าง

– ผลลัพธ์ของ BoldGrid บน GTMetrix

ผลลัพธ์ของตัวหนากริด gtmetrix

– ผลลัพธ์ของ BoldGrid บน Pingdom Tools

ผลลัพธ์ Boldgrid Pingdom

– ผลลัพธ์ของ BoldGrid บน WebPageTest

boldgrid ผลลัพธ์การทดสอบหน้าเว็บ

BoldGrid บทวิจารณ์จากผู้ใช้เครื่องมือสร้างเว็บไซต์

เนื่องจากการตรวจสอบคำวิจารณ์และการให้คะแนนบนที่เก็บปลั๊กอิน WordPress.org เป็นสิ่งสำคัญเสมอ BoldGrid จึงมีคะแนนที่ยอดเยี่ยมและบทวิจารณ์ที่ยอดเยี่ยม สิ่งที่สำคัญก็คือ มีการปรับปรุงอย่างต่อเนื่อง และทันสมัยด้วย WordPress เวอร์ชันล่าสุด

บทวิจารณ์ตัวหนา

สรุป

เมื่อเทียบกับเครื่องมือสร้างเพจสมัยใหม่ ฟังก์ชัน UX/UI และแง่มุมอื่นๆ อยู่เบื้องหลัง สำหรับผู้ใช้ขั้นสูงและผู้ที่คุ้นเคยกับแบ็กเอนด์ของ WordPress และโซลูชันที่ง่ายกว่า BoldGrid อาจเป็นทางเลือกที่ดี เส้นโค้งการเรียนรู้ไม่สูงชันและฉันจะบอกว่ามันค่อนข้างง่ายที่จะเข้าใจพื้นฐานและเริ่มสร้างไซต์ด้วย

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

คำถามที่พบบ่อย

ถาม BoldGrid Page Builder ฟรีหรือไม่

BoldGrid มีปลั๊กอินฟรีในที่เก็บ WordPress โดยมีตัวเลือกและบล็อกที่จำกัด

ถาม BoldGrid มีตัวสร้างธีมหรือไม่

BoldGrid ไม่มีตัวสร้างธีมและต้องใช้ธีมที่ใช้งานอยู่อย่างมากเกี่ยวกับหน้าเทมเพลตที่จำเป็นสำหรับ WordPress เพื่อให้ทำงานได้อย่างถูกต้อง

ถาม BoldGrid มีเทมเพลตที่สร้างไว้ล่วงหน้าหรือไม่

มีเทมเพลตที่สร้างไว้ล่วงหน้า แบบพรีเมียมมีประโยชน์มาก อย่างไรก็ตาม การออกแบบค่อนข้างล้าสมัยและล้าสมัย

ถาม ธีม WordPress ใดที่ดีที่สุดสำหรับ BoldGrid

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

ถาม BoldGrid ทำงานร่วมกับ WooCommerce ได้หรือไม่

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

ถาม คุณควรซื้อ BoldGrid เวอร์ชันใด

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