Omschrijving

Qubely is a full-fledged Gutenberg block toolkit with plenty of custom blocks, predefined sections and starter packs to create beautiful web pages. It minimizes the limitations of the Gutenberg editor and opens unlimited possibilities for any simple to complex design on Gutenberg. Qubely is a user-friendly Gutenberg plugin with necessary customization features and advanced functionalities.

Extend the default WordPress Gutenberg editor with many custom blocks that are missing in there. Take control of your website design and apply out of the box styling options offered in Qubely. Create web pages that are stunning as well as mobile optimized.

Qubely Blocks Pro || Live Demo || Documentation

QUBELY GUTENBERG BLOCKS CORE FEATURES AT A GLANCE

Predefined sections
Modern layout packs
Highly customizable row columns
Row video background & blend mode
Drag column resizing
Shape divider/builder
Device specific responsive controls
Unlimited Google web fonts & system fonts
Classic & gradient color and background
Built-in animation
Box-shadow
Font Awesome 5 Icons and line icons
Custom CSS

Want to know all the latest news and be part of the Qubely community? Join our Facebook group!

ADVANCED GUTENBERG BLOCKS INSIDE QUBELY

Qubely adds numerous custom Gutenberg blocks to the Gutenberg block editor and takes Gutenberg editor to the next level. The available custom advanced Gutenberg blocks inside Qubely are:

More advanced Gutenberg blocks, pre-designed sections and starter packs are coming every month! Signup on our site to receive updates via email.

Pro Features

11 blocks that help you build more sophisticated designs-

⭐️ Ready Sections ⭐️ Starter Packs

QUBELY GUTENBERG BLOCKS FEATURES AND FUNCTIONALITIES IN DETAILS

Row: Create a row and resize columns using mouse drag to achieve the desired layout with this Gutenberg block.
Button: Design a flat, gradient or a line button on Gutenberg block editor. Set button icon and change icon position & size along with its spacing.
Testimonial: Design testimonials with quote icon, message, name, designation, avatar, ratings, etcetera and set them up in the settings unlike no other Gutenberg blocks.
Icon: Choose icons from the rich collection of Font Awesome and Qubely Line Icons. Apply a world of style options using this Icon Gutenberg block.
Google Map: Embed Google Maps with Qubely Google Map block that gives you the controls to add map address, customize height, and zoom the map on a scale of 1 to 20.
Divider: This WordPress gutenberg block plugin lets you separate content with the stunning 28 pre-designed dividers of Qubely’s Divider Gutenberg block.
Advanced Text: Add advanced text with Qubely Gutenberg plugin. Apply advanced styling options. Change the typography, tweak the design and add border & box-shadow.
Counter: Have an animated number/counter on your site with the Counter Gutenberg block to show your milestones in an attractive manner.
Tabs: Display texts in beautiful predesigned tabs. Design tabs with preferred width and spacing. Create responsive tabs to showcase features and trends.
Accordion: Place collapsible text contents on your site with the Accordion Gutenberg block. Setup items to reveal the hidden content in an aesthetic manner.
Video Popup: Create a nice video popup with Qubely Video Popup block. Change the typography and apply the overlay, box shadow and animation.
Heading: Create stunning titles with the advanced Heading Gutenberg block. Style heading text by tweaking typography, color, and other options.
Progress Bar: Present your skills, experiences, or the progress of an ongoing project using Qubely’s Progress Bar Gutenberg block.
Social Icons: Add and style all your social media profiles in one place with Qubely Social Icons Gutenberg block. Display popular social media channels with a label, icon or both.
Button Group: Create and design trendy button groups. Qubely’s Button Group Gutenberg block comes with predefined layouts, size options, and more.
Info Box: Place engaging information with Info Box. Choose design from the 3 predefined layouts and then personalize it with the settings.
Advanced List: Get 2 list layouts- Classic and Fill in this WordPress gutenberg block plugin. Select the number of columns and design flexibly by defining space, background size, shadow and more.
Contact Form: Design contact forms with 2 layouts and many other styling options. Enter receiver email right from the block settings and enable captcha.
Icon List: Get 2 icon list layouts and customize them using the Qubely Icon List block. Chose icons and modify design with colour, spacing and border options.
Pricing: Design pricing plans with 5 layouts. Show features, badges, and post button text in the plan. Set up the plan’s duration, typography, and style badges easily.
Block Wrapper: Wrap up blocks with a background. Set up a gradient background by defining Gradient Angle and Type.
Team: Enlist team members with details. Showcase member’s profile in 3 layouts. Display designation and description with the member profiles.
Image: Insert and beautify images with Qubely Image Block. Get 2 layouts and style images by defining opacity, alignment, border-radius, box-shadow, and many more.
Timeline: Display the timelines of various events with this WordPress Gutenberg block plugin. Showcase detailed road maps and style them with images, texts, headings, icons, and more.
Post Grid: Display posts in different grid and list layouts. Define post number, style the feature image, tweak typography, control spacing, determine post excerpts, and do many more.
Pie Progress: Display complex information and visualize them in circular progress with easy configuration. Choose style from available templates and make it your own.

SOME EXCITING QUBELY FEATURES IN DETAILS

Let’s dig deep into the exciting features of this advanced Gutenberg block plugin.

PREDESIGNED SECTIONS

Qubely has a rich library of pre designed sections those can be imported and used as blocks on the Gutenberg editor. You no longer need to style them from scratch. Also, With this Gutenberg plugin, you can modify their look if you ever want to.

ROW-COLUMN STRUCTURE

Take 1 to as many as 6 columns in a single row at a time. Get multiple combinations of columns. Most importantly, you can adjust the column size by flexibly dragging the columns. The widely used row-column concept of major page builders is with Gutenberg editor thanks to Qubely.

ADVANCED ROW-COLUMN SETTINGS

Apply padding and margin to columns and set column background with single color, image, and gradient. Give column border, apply border-radius, and animate columns.

DEVICE SPECIFIC RESPONSIVE CONTROLS

Create responsive designs with Qubely Gutenberg block plugin. Control the entire responsiveness by defining the breakpoint for small screens. Also, you can hide blocks on different devices.

CUSTOM TYPOGRAPHY CONTROLS

This Gutenberg page builder gives you full control over the typography. You can choose the font, apply font weight, font transform, set font size, line height, letter spacing in px, em, and percentage on the basis of the devices.

You may find the documentation here
Documentation

Want To Contribute To The Plugin?

You may now contribute to the plugin on Github: Qubely Blocks on Github

Schermafdrukken

Qubely Block List
Qubely Blocks
Qubely Layout
Qubely Shape
Qubely Row
Qubely Column
Advanced Type

Blokken

Deze plugin voorziet 1 blok.

qubely/postgrid: Gutenberg Blocks and Page Builder – Qubely

Installatie

Minimum Requirements

PHP version 5.6.0 or greater (PHP 7.1 or greater is recommended)
MySQL version 5.0 or greater (MySQL 5.6 or greater is recommended)

Automatic installation

The automatic installation is the easiest way to install any plugin in WordPress. You can perform an automatic installation of Qubely by logging in to your WordPress dashboard, navigating to the “Plugins” menu and click on the “Add New” button.

This will open up a page showing all the available plugins in WordPress. In the search field, type Qubely. The search result will show you our Qubely plugin, you can then see the detailed info by clicking on “More Details” and to install just click on the “Install Now” button.

Manual installation

To install Qubely manually, you need to download the plugin and upload it to your webserver via any FTP application.

The WordPress codex contains instructions on how to do this here.

FAQ

Is Qubely free?: Yes, Qubely is a free WordPress Gutenberg block plugin. We have a premium version that gives you more options to customize the blocks and hundreds of sections and starter packs.
Can I use Qubely with any WordPress theme?: Yes, you can use Qubely with any Gutenberg compatible WordPress theme.
Do I need Gutenberg to use Qubely?: Yes, Qubely is built based on the Gutenberg editor. Qubely does not work with the classic editor or any other page builder plugin.
Where can I get support?: You can post your questions on the support forum here or chat with us live from our website.
Where can I report a bug?: You can report bugs on the support forum here or send us an email using the contact form on our website.

Beoordelingen

hychanglsis 5 maart 2020

用他們家的區塊，可以做出很棒的頁面效果，目前很喜歡使用他們家區塊製作出來版面樣式同時客服人員也很專業，總是用最快的速度幫我處理使用上的問題，大力推荐

lhm99 2 maart 2020

Went above and beyound to help a novice. Appreciate all the help and explanation.

jftb0762 27 februari 2020

Super plugin and support very good.

Dave Loodts 27 februari 2020

I've seen a lot of Block Pagebuilders, there are a few that's lightens me up. And Qubely is far out the best one who tackles it. Pagebuilders first became popular with the template features. Qubely understands this, their integration around that is the best i've seen in this segment. At the time of writing, they have 4000 installs. That base must grow to be sustainable. But I do hope that they keep on building and dreaming. This plugin has the potential to become the next Elementor for blocks. I really believe this. The only thing of approach that could be better is also focussing on the speed. Optin out of blocks is dropping extra CSS and JS. Like WPAstra does. Cause that's the pain part for lot's of pagebuilders, pleasuring the users with new features with more and more balast as a result. And lastly, please stay on your own. No ratrace for acquisition, the Block pagebuilders that already got acquired, in my opinion, they lost a part of creativity and flexibility.They must fit in a'package' of their new bosses. But Qubely has that creativity and flexibility, so don't loose it or sell it. I'm a fan!

Antonio Rguez. Capita 19 februari 2020

It's a great plugin for Gutenberg Editor. They blocks are very customizables and easy to use. They're eye candy and support is fast and efficiency. I recommended it.

Digital Pure 18 februari 2020

Makes the transition from other page buliders to Gutenberg nearly seemless.

Lees alle 27 beoordelingen

Bijdragers & ontwikkelaars

“Gutenberg Blocks and Page Builder – Qubely” is open source software. De volgende personen hebben bijgedragen aan deze plugin.

“Gutenberg Blocks and Page Builder – Qubely” is vertaald in 2 talen. Dank voor de vertalers voor hun bijdragen.

Vertaal “Gutenberg Blocks and Page Builder – Qubely” naar jouw taal.

Interesse in ontwikkeling?

Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.

Changelog

1.3.4 – 27 February, 2020

New: Team block – External image option
Update: Counter block – Viewport support added
Fix: CSS generator block duplication issue
Fix: Column block – uniqueId issue in case of Row duplication
Fix: Row block – Advanced background option
Fix: Image block – Whitespace issue
Fix: Heading block – Separator color in the backend
Fix: Range field – CSS updating issue on unit change
Fix: Typography field – CSS updating issue on unit change

1.3.3 – 18 February, 2020

Fix: Post Grid block – Translation issue of the dates
Fix: Post Grid block – Post title position settings in frontend
Fix: CSS issue on template selection
Update: Performance improvement

1.3.2 – 12 February, 2020

New : Background field – external image option
Update : Performance improvement in CSS generator
Fix: Context menu z-index issue

1.3.1 – 31 January, 2020

New: Table of Contents block
Update : Map block – Default place id
Fix: PageModal conflict with Learndash
Fix: Customizer – Loading Async script issue

1.3.0 – 21 January, 2020

New: Animated Headline block
Update: Block specific script loading on the frontend
Update: Conditional script loading for interactions, animations, and parallax
Update: Optimised CSS files on the frontend
Update: Infobox block – External image option
Fix: BuddyBoss conflict issue
Fix: Row block – Background overlay issue
Fix: Gradient field – Default preview issue

1.2.9 – 13 January, 2020

New: Image block – External Image option
Fix: Contact form block – focus border issue

1.2.8 – 06 January, 2020

Fix: Contact form block – reCAPTCHA issue
Fix: Additional CSS class issue in Back-end
Fix: Button Group block – Button width issue
Fix: Carousel blocks – Active item dot indicator in Back-end
Update: Block specific script loading in Front-end

1.2.7 – 23 December, 2019

New: Pie Progress block
New: Predesigned block template feature
New: Transform function in CSS generator
Update: Column block default UI
Fix: Block control CSS issue for blocks inside columns
Fix: Reusable block issue in rows
Fix: Post Grid block – Excerpt issue

1.2.6 – 05 December, 2019

New: Full Width, Wide Width alignment option in all blocks
Update: Improvement in Interaction
Fix: Team block – Social icons hover issue

1.2.5 – 28 November, 2019

New: Team block – Image border
New: Team block – Image box shadow
New: Media field – Local video preview option in Panel
Fix: Dropdown field – Search
Fix: Post Grid block – Stack background in style 3
Fix: InfoBox block – Placeholder image width adjustment issue
Fix: Contact Form block – Input field background Material layout
Fix: Broken CSS issue after editing original Reusable blocks
Update: Tabs block – Frontend script
Update: Tabs block – Block preview
Update: Tabs block, Video popup block – Preview image path

1.2.4 – 20 November, 2019

New: Block preview option added
New: Post Grid block – context menu
Fix: CSS issue fixed in Reusable blocks
Fix: Interaction issue fixed
Fix: Typography field – Search option
Fix: Divider block – Divider color issue
Fix: Icon list block – Padding issue
Fix: Team block – Alignment issue
Fix: Icon list block – Animation issue
Fix: Button Group block – Animation issue
Fix: Timeline block – Responsive issue
Fix: Infobox block – Image width issue
Fix: Image block – Animation issue
Update: Team block – Image width
Update: Import layout design

1.2.3 – 12 November, 2019

Update: WordPress 5.3 compatibility added
Update: Heading block – Replaced deprecated components: RichText, InspectorControls, BlockControls

1.2.2 – 11 November, 2019

New: add_theme_support added to qubely-color-palette
Fix: CSS loading from file issue
Fix: Qubely CSS loading in non-Qubely pages
Fix: Global settings issue
Fix: Post Grid block – Date issue fixed
Update: Few label texts

1.2.1 – 01 November, 2019

Fix: Import Layout – Sections & Starter Packs count & search issue fixed
Update: Import Layout – Recategorized Sections & Starter Packs

1.2.0 – 30 October, 2019

New: Mouse Movement effect
Update: Contact Form block – Script
Update: Post Grid block – Style

1.1.6 – 09 October, 2019

Fix: Contact Form block – CSS issue in input fields
Fix: Image block – CSS issue
Fix: Video Popup block – fixed layout naming issue

1.1.5 – 01 October, 2019

Fix: CSS issue in import layout modal
Fix: Image block – Removed empty space
Update: Carousel field – Bug fixed & finalized

1.1.4 – 24 September, 2019

New: Image block – Image URL option
Update: Timeline block – Item removing option
Fix: Row block – Column reverse issue for child rows
Fix: Row block – Column issue in responsive devices

1.1.3 – 19 September, 2019

New: 2 page templates – Qubely Full Width, Qubely Canvas
Update: Performance improvement
Update: Refactored components & fields
Fix: Post Grid block – Category clickable issue in Edit view

1.1.2 – 06 September, 2019

Fix: Font weight issue in frontend
Fix: Conflict with Gutenberg plugin

1.1.1 – 03 September, 2019

Fix: Post Grid block – Front end issue

1.1.0 – 02 September, 2019

New: Post Grid block
New: Custom dropdown field with search option

1.0.9 – 23 August, 2019

Update: Timeline block – Item limit increased to 100 from 20
Fix: Inline CSS issue on frontend

1.0.8 – 09 August, 2019

New: Timeline block
New: Info Box block – Retina image uploading option
New: Team block – Retina image uploading option
New: Testimonial block – Retina image uploading option
Fix: Image block – Top and bottom spacer issue
Fix: CSS duplication issue on frontend

1.0.7 – 06 August, 2019

New: Image Block
Update: Testimonial Block – Ratings settings UI improved
Fix: Qubely Options page issue

1.0.6 – 01 August, 2019

New: Block Wrapper – Image background option
Update: Infobox Block – Settings UI improved
Update: Media field improvement
Fix: Row Block – Column reverse setting

1.0.5 – 24 July, 2019

Update: Advanced Text Block – HTML support for RichText
Update: Testimonial Block – HTML support for RichText
Update: Infobox Block – HTML support for RichText and image alt text
Update: Pricing Block – HTML support for RichText
Fix: CSS issue while exporting/importing pages
Fix: Button Block – Outline layout hover fill color

1.0.4 – 15 July, 2019

Update: InfoBox Block – Button enable/disable toggle position
Update: Button Component – Panel settings improvement
Fix: Row – Margin field issue fixed

1.0.3 – 11 July, 2019

New: Block style copy/paste option on the context menu
New: Typography field – gets Font family & font-weight reset option
Fix: Button block/Button component – has default text-color & background-color for layouts
Fix: Accordion block – not saving separator value issue
Fix: Import layout modal conflict with Yoast SEO plugin

1.0.2 – 08 July, 2019

New: Button Group block – Responsive setting in Alignment field
Update: Info Box block – Button default tag
Update: Import layout modal modification
Fix: Tabs block – inactive tab content display issue in Backend

1.0.1 – 01 July, 2019

New: Column block – Add column option in BlockControls
Update: Social Icons block – Used Gutenberg’s Popover component
Update: Icon List block – Used Gutenberg’s Popover component
Fix: Styling issue while previewing post
Fix: Column block – CSS selector to fix styles in child row’s columns
Fix: Icon List block – Issue with item removal using Backspace
Fix: Pricing block – Issue with removing any newly added feature
Fix: Social Icons block – Icon label inline changing issue

1.0.0 – 20 June, 2019

New: Premade sections & layouts
New: Info Box block – Content disable option
New: Team block – Padding option for content
New: Contact Form block – Button alignment option
New: Pricing & Features blocks – Custom alignment option
New: Advanced List block – Background size option for number
New: Button Group block – Alignment field
Update: Redesigned import layout modal UI
Update: Dimension field in Row & Column blocks
Update: Testimonial block – Replaced dashicons with Font Awesome
Fix: Accordion block – Heading update issue
Fix: Advanced List block – Bullet icon changing issue
Fix: Advanced List block – Line height issue
Fix: Advanced Text & Title blocks – Separator stroke value update issue
Fix: Advanced settings – Z-index value update issue
Fix: Block manager – Resized qubely icons
Fix: Button block – Button URL open in new window setting issue
Fix: Button Group block – Spacing option issue
Fix: Heading block – Sub heading tag change issue
Fix: Row block – Overlay issue in inner rows
Fix: Testimonial block – Layout change issue
Fix: Tabs block – Nav responsive margin issue
Fix: Video Popup block – Icon ripple effect issue

1.0.0-RC-2 – 31 May, 2019

New: Font family search option in typography
Update: Pricing Badge UI
Update: Tab icon setting
Update: Gradient angle & position UI
Update: Shape divider settings in Row

1.0.0-RC-1 – 24 May, 2019

Update: Block Wraper’s description & keyword
Update: Code optimization
Fix: List item auto focus issue in Advanced list & Icon list block
Fix: Border Hover color option in Icon block
Fix: Import layout Reloading Issue

1.0.0-beta-3 – 22 May, 2019

New: Global color palate setting
New: Recent font-family setting in typography
Update: Inline text-color and background-color option
Update: Removed hover option from Pricing block’s background
Fix: Text color issue in Advanced block
Fix: Border Hover color option in Icon block
Fix: Animation delay issue in global option

1.0.0-beta-2 – 16 May, 2019

Update: Gradient field color picker position
Update: Redesigned Testimonial Block’s layout
Update: Responsive device setting
Update: Changed icon updating option in Pricing Block’s features
Fix: Button Size issue in Pricing Block
Fix: Transition issue in Video Popup block, Button Block

1.0.0-beta – 10 May, 2019

New: Pricing Block
New: Wrapper Block
New: Team Block
New: Redesigned user interface
New: Radically Redesigned user experience
New: Added Responsive settings to the Shape Divider
Update: Improved padding, margin, Radius, Box Shadow, Background, Color and border options
Update: Improved typography settings
Update: Restructured Advanced List block
Fix: Icon size in the icon list
Fix: Autofocus in the icon list
Fix: Video Popup SVG

1.0.0-alpha-4 – 28 March, 2019

New: Contact Form Block
New: Icon List Block
New: Advanced List Block
New: Button Group Block
New: Info Box Block
Update: Row settings
Update: Column settings
Fix: Link open in new tab issue
Fix: Button Alignment issue
Fix: Video Popup youtube short link issue

1.0.0-alpha-3 – 11 March, 2019

Update: Tab Improvement
Fix: Social icon blocks dropdown issue

1.0.0-alpha-2 – 08 March, 2019

New: Tabs block
New: Social Icons block
Update: Row setting
Update: Column setting
Fix: Select field issue
Fix: Responsive device issue
Fix: Map block address issue

1.0.0-alpha – 01 March, 2019

Initial Alpha Release 🙂