Gutenberg Blocks Collection – qodeblock

外掛說明

Thank you for your interest in our plugin. Qodeblock is developed by our experts to improve WordPress web design and user experience of your website. This plugin allows to extense your WordPress editor with easy-to-use blocks with powerful functionality.

Qodeblock is a collection of page building blocks for the new [Gutenberg] block editor. Blocks are chunks of content such as paragraphs, images, galleries, columns, and more. Building with blocks gives you more control to quickly create and launch any kind of site you want!

Adding the customizable Qodeblock plugin adds a collection of beautiful, site-building blocks to help you customize page layouts, increase engagement, and get results for your business.

Along with the content blocks you’ll find in Qodeblock, we’re also publishing helpful articles and tutorials to help you get started with Gutenberg.

Qodeblock BLOCKS

Advanced Columns Block – View Block
The Advanced Columns Block empowers you to make your very own page format with a basic arrangement. You can specify number of sections, and format every section to your liking. You can also customize the colors, margins, paddings, responsiveness, and much more.

Accordion Block – View Block
Accordion block provide accordion effect to your blocks, allowing you to display information in collapsible rows. This block is usually used to display collapsible content such as FAQs or to manage the display of different text heavy content.

Author Profile Block – View Block
The Author Profile block enable you to display a user’s name, bio and profile image. You can enter a name, add a position and a description, download an avatar, and provide links to social networks. Alternatively, you can change the font size, avatar shape, background color, text color, link color, and social media URLs in the block.

Button Block – View Block
The Button Block allows you to add buttons linking to other pages on your website or to an external page. You can set the style of the button and adjust it according to the design of your website. The following options are available for setting: the link target, button shape, button size and button colors.

Call to Action Block – View Block
The Call-To-Action block is great tool for bringing attention to actionable items or buttons that you want your users to click! You can prompt them to learn more, download, buy and that’s only the tip of the iceberg.

Container – View Block
The container is flexible block that allows you to gather several individual blocks into a parent container. You can set the desired color or image to the background. You can also customize the Drop Cap Litter and set the font size.

Drop Cap Block – View Block
Drop caps are a specific kind of initial letter, large letters that appear at the beginning of a block of text. A drop cap is used as a decorative element at the beginning of a paragraph or section.

Email Newsletter Block – View Block
The Newsletter Block provides you with a quick and easy way to add email subscription forms to your website. Adding subscription forms to your website has never been so easy!

Inline Notice Block – View Block
You can user this block to create notifications or special messages on the page. It helps to highlight some information or draw interest to specific content. The block also comes with settings for font size, notice color, text color and whether or not to make the block dismissible.

The dismissible notice works by using localStorage. Once you close the notice on the front end of the site, it won’t show again unless you clear out your localStorage. Please note that if you close the notice on the front end, you will still see the block in your editor until you remove it.

Pricing – View Block
The Pricing Box block allows you to display pricing options, service packages, inclusions, and more. All blocks are configurable. You can add an image, price, control the background colors, text colors, layouts, and the position of any of the pricing tables.

Post and Page Grid – View Block
This block gives you quick access to create beautiful post grid and post list. You can add them to any post or page on your site and configure easily, without any line of code! You can customize block and change it as you need.

Sharing Icons – View Block
This block makes it super easy to add social media sharing icons anywhere on your post or page. Here’s the list of available Social Media: Twitter, Facebook, Google, Pinterest, Linkedin, Reddit, Email. You can also change shape, size, color of the icon and select what you want to display (only icon, only text or icon with text).

Spacer block – View Block
The block allows you to creatively divide the content of a page or post using spacing or line. You can experiment with the design, changing the height, color and style of the divider in the block settings.

Testimonial Block – View Block
This block allows you to display a customer testimonials in your content. Customize the font size, avatar shape, background color, text color, link color and social media URLs.

Qodeblock currently includes the following blocks:

螢幕擷圖

  • Drop Cap Block
  • Inline Notice Block
  • Pricing Block
  • Author Profile Block
  • Sharing Icons Blocl
  • Call To Action Block

適用於區塊編輯器

這個外掛提供 21 個可供 Gutenberg/區塊編輯器使用的區塊。

qodeblock/qb-pricing-table-price
Product Price
qodeblock/qb-pricing-table-button
Product Button
qodeblock/qb-pricing-table-title
Product Title
qodeblock/qb-pricing-table-subtitle
Product Subtitle
qodeblock/qb-pricing-table-features
Product Features
qodeblock/qb-pricing-table
Pricing Column
qodeblock/qb-drop-cap
Drop Cap Text
qodeblock/qb-spacer
Spacer
qodeblock/qb-sharing
Sharing Icons
qodeblock/qb-container
Container
qodeblock/qb-profile-box
Author Profile
qodeblock/newsletter
Email newsletter
qodeblock/qb-testimonial
Testimonial
qodeblock/qb-notice
Inline Notice
qodeblock/qb-button
Button
qodeblock/qb-column
Advanced Column
qodeblock/qb-post-grid
Post and Page Grid
qodeblock/qb-accordion
Accordion
qodeblock/qb-cta
Call To Action
qodeblock/qb-columns
Advanced Columns
qodeblock/qb-pricing
Pricing

安裝方式

This plugin can be installed directly from your site.

  1. Log in and navigate to _Plugins → Add New.
  2. Type “Qodeblock” into the Search and hit Enter.
  3. Locate the Qodeblock plugin in the list of search results and click Install Now.
  4. Once installed, click the Activate link.
  5. You will be redirected to the Qodeblock Getting Started page.

It can also be installed manually.

  1. Download the Qodeblock plugin from WordPress.org.
  2. Unzip the package and move to your plugins directory.
  3. Log into WordPress and navigate to the Plugins screen.
  4. Locate Qodeblock in the list and click the Activate link.
  5. You will be redirected to the Qodeblock Getting Started page.

使用者評論

2019 年 11 月 12 日
I have been looking for an easy to use and intuitive page builder for quite some time now when I found Qodeblock. In a few hours I was able to navigate and build the pages with no coding at all. The level of customization is unbelievable. Here's everything for everyone who need quick and qualitative solution.
閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Gutenberg Blocks Collection – qodeblock〉的開發相關工作。

參與者

變更記錄

1.0.1

  • WP 5.2.3 compatible.

1.0.0

  • Initial release.