การตรวจสอบและติดตั้งปลั๊กอิน Qubely Gutenberg Block Editor & Page Builder

เผยแพร่แล้ว: 2019-11-22

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

นี่คือที่มาของ Qubely – Visual Gutenberg Block Toolkit ที่ลดข้อจำกัดของตัวแก้ไข Gutenberg และเปิดโอกาสที่ไม่จำกัดเพื่อสร้างเลย์เอาต์ที่เรียบง่ายถึงซับซ้อนบนไซต์ WordPress

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

ทำไมคุณถึงต้องการปลั๊กอิน Gutenberg Block?

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

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

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

ปลั๊กอินบล็อก Qubely Gutenberg ใดที่มีให้คุณ

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

คุณสมบัติของ Qubely Gutenberg Block Toolkit

  • ชุดเค้าโครงหน้าพร้อม

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

  • ส่วนในตัว

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

  • บล็อก Gutenberg ขั้นสูง

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

Gutenberg ขั้นสูงบล็อกภายใน Qubely

  • แถว

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

  • ปุ่ม

ออกแบบเลย์เอาต์ รูปร่าง หรือส่วนต่อประสานที่เป็นไปได้ในปุ่ม ปุ่มลักษณะพร้อมตัวเลือกที่มีอยู่ในบล็อกปุ่ม

  • ข้อความรับรอง

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

  • ไอคอน

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

  • แผนที่ของกูเกิล

ฝัง Google Maps และปรับแต่งความสูงของแผนที่ ซูมแผนที่ และตัวเลือกอื่นๆ!

  • ตัวแบ่ง

ตัวแบ่งที่ออกแบบไว้ล่วงหน้าสวยงามพร้อมการตั้งค่าสไตล์และจัดแนวตัวแบ่งอย่างยืดหยุ่น

  • ข้อความขั้นสูง

เพิ่มและออกแบบข้อความ ใช้เส้นขอบ กล่องเงา และปรับแบบอักษรด้วย

  • เคาน์เตอร์

เพิ่มตัวนับด้วยการตั้งค่ามากมาย เช่น ขีดจำกัดและระยะเวลา การออกแบบ คำนำหน้าและคำต่อท้าย ฯลฯ

  • แท็บ

แสดงเนื้อหาในแท็บ เพิ่มแอนิเมชั่น ไอคอน และอื่นๆ อีกมากมาย!

  • หีบเพลง

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

  • ป๊อปอัปวิดีโอ

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

  • หัวเรื่อง

กำหนดรูปแบบหัวเรื่องด้วยแอนิเมชั่น การออกแบบตัวอักษร เส้นขอบ และตัวเลือกขั้นสูงอื่นๆ อีกมากมาย

  • แถบความคืบหน้า

แสดงสถิติบนแถบความคืบหน้าพร้อมพื้นหลังของแถบ ภาพเคลื่อนไหว และอื่นๆ

  • ไอคอนโซเชียล

เพิ่มโปรไฟล์โซเชียลมีเดียในที่เดียวด้วยป้ายกำกับ ไอคอน หรือทั้งสองอย่าง

  • กลุ่มปุ่ม

มีปุ่มหลายปุ่มในที่เดียวพร้อมตัวเลือกการออกแบบที่ยืดหยุ่นและเลย์เอาต์ที่สร้างสรรค์

  • กล่องข้อมูล

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

  • รายการขั้นสูง

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

  • แบบฟอร์มการติดต่อ

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

  • รายการไอคอน

วางรายการไอคอนที่น่าสนใจด้วยไอคอนมากมายและปรับแต่งรูปลักษณ์

  • ราคา

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

  • บล็อคแรปเปอร์

รวมบล็อกที่มีพื้นหลังเป็นสีที่คุณต้องการและอื่น ๆ ด้วย Block Wrapper
ทีม: เกณฑ์สมาชิกในทีมแต่ละคนพร้อมรายละเอียด เช่น ชื่อ ตำแหน่ง และรูปภาพ

  • ภาพ

แทรกรูปภาพและตกแต่งให้สวยงามด้วย Qubely Image Block

  • เส้นเวลา

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

คุณสมบัติ Qubely ที่ดีที่สุดในรายละเอียด

ตัวสร้างเค้าโครงอัจฉริยะ (โครงสร้างแถว-คอลัมน์)

ตัวสร้างเค้าโครงอัจฉริยะ คุณลักษณะ Qubely

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

หลายแถว-คอลัมน์รวมกัน

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

คอลัมน์ปรับได้

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

การตั้งค่าแถวคอลัมน์ขั้นสูง

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

สีพื้นหลังแบบคลาสสิก & ไล่ระดับสี

คุณสมบัติ Qubely สีพื้นหลังคลาสสิก & ไล่ระดับสี

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

การควบคุมการพิมพ์แบบกำหนดเอง

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

การควบคุมแบบตอบสนองเฉพาะอุปกรณ์

ฟีเจอร์ Qubely การควบคุมแบบตอบสนองเฉพาะอุปกรณ์

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

การตั้งค่าสีและการพิมพ์สากล

คุณสมบัติ Qubely การตั้งค่าสีและการพิมพ์ทั่วโลก

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

เอฟเฟกต์แอนิเมชั่นในตัว

เอฟเฟกต์แอนิเมชั่นในตัวในฟีเจอร์ Qubely gutenberg

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

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

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

● ติดตั้งปลั๊กอิน Qubely
● ตั้งค่า Qubely
● การเข้าถึงบล็อก Qubely
● ใช้บล็อก Qubely
● นำเข้าส่วน/เค้าโครง

การติดตั้ง Qubely บนเว็บไซต์ WordPress

ขั้นตอนการติดตั้ง Qubely gutenberg บน WordPress

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

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

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

  • เข้าถึง Qubely Blocks

ขณะนี้ Qubely มีบล็อกที่กำหนดเอง 14 บล็อก เราจะค่อยๆเพิ่มจำนวนบล็อกในการอัพเดทที่จะเกิดขึ้น มารู้จักวิธีเข้าถึงกันเถอะ

การเข้าถึง Qubely Blocks ในโปรแกรมแก้ไข WordPress

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

เข้าถึงการบล็อก Qubely บนแดชบอร์ดตัวแก้ไข Gutenberg

  • ใช้ Qubely Blocks

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

  • นำเข้าส่วน/เค้าโครง

นำเข้าส่วนหรือเค้าโครงในตัวแก้ไข qubely

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

ห่อมันขึ้น

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

ดังนั้นสิ่งที่คุณรอ? รับ Qubely วันนี้และเริ่มสร้างเว็บไซต์ที่น่าทึ่ง