Commons logo

Help & Support

Block Libraries

Manage a Site

Plugin authors are creating elegant, easy to use blocks that will make your site look amazing. When you activate a plugin, you may see one or more new blocks added to your list. On the Commons, we now have three plugins – Atomic Blocks, Kadence Blocks and Otter Blocks – that provide libraries of custom blocks. When you activate the plugins and click to add a block, scroll down to see a separate section for each of these plugins that lists available blocks.

Kadence Blocks

Adds custom blocks and pre-built snippets that can be quickly modified to suit your needs.

Available Blocks

  • Row Layout – demo
  • Advanced Gallery – demo
  • Form – demo
  • Advanced Heading – demo
  • Advanced Button – demo
  • Tabs – demo
  • Accordion – demo
  • Testimonials – demo
  • Icon – demo
  • Spacer / Divider – demo
  • Info Box – demo
  • Icon List – demo

Atomic Blocks

Besides offering a collection blocks, Atomic offers page layouts to help visualize what you build.

Available Blocks

  • Section & Layout Block – demo
  • Advanced Columns Block – demo
  • Newsletter Block – Demo
  • Pricing Block – Demo
  • Post Grid Block – Demo
  • Container Block – Demo
  • Testimonial Block – Demo
  • Inline Notice Block – Demo
  • Accordion Block – Demo
  • Share Icons Block – Demo
  • Call-To-Action Block – Demo
  • Customizable Button Block – Demo
  • Spacer & Divider Block – Demo
  • Author Profile Block – Demo
  • Drop Cap Block – Demo

Otter Blocks

Otter is a page builder plugin that adds extra functionality to the Block Editor for a better page-building experience without the need for traditional page builders like Elementor and Divi.

Available Blocks

  • Image Slider – Minimal image slider to showcase beautiful images.
  • Tabs – Organize and allow navigation between groups of content with Tabs block.
  • Progress Bar – Show your progress with a beautiful Progress Bar block.
  • Circle Counter – Show your progress with a beautiful Circle Counter block.
  • Form – Display a form for your clients.
  • Popup – Display your content in beautiful popup with many customization options.
  • Google Maps – Display Google Maps on your website with Google Map block.
  • Modal – Display your content in beautiful Modal with many customization options.
  • Countdown – Set a countdown for a date.
  • Maps – Display Open Street Maps on your website with Maps block.
  • Lottie Animation – Add Lottie animations to your WordPress.
  • Accordion – Vertically collapsing accordions perfect for displaying your FAQs.

If you activate Otter, you will also see additional settings on non-Otter blocks. Otter makes custom CSS extremely easy for single blocks and its visibility option is very useful in some cases. If you like animation, you will love Otter’s additional settings. See the Otter dashboard below:

Block Editing Resources On The Commons

  • Query Loop Block

    The Query Loop block lets you choose a post type (page, post, or a custom post type), a filter (category, tag, author, keyword) and fetch that data in a loop. This closely resembles the familiar “Post” page (what used to … Continue reading →

  • Reusable Blocks

    If you have content that you expect to repeat in other parts your site, consider creating a reusable block. Start out by creating the block. Perhaps you might have an image and a paragraph. Once you’ve created this composited block … Continue reading →

  • Block Libraries

    Plugin authors are creating elegant, easy to use blocks that will make your site look amazing. When you activate a plugin, you may see one or more new blocks added to your list. On the Commons, we now have three … Continue reading →

  • Block Patterns

    Get a head start on your page design. Copy a pattern and paste it into your content wherever you want it to appear. Then customize it – change the text, images, colors, etc. Continue reading →

  • Block Editor’s “List View”

    “List View” displays how the blocks work together on a page, and provides access to each block’s settings. “List View” can be accessed by clicking the icon pictured above, which is always available in the Block Editor toolbar. Continue reading →

  • Full Site Editing

    Full Site Editing (“FSE”) lets users design every part of a WordPress post or page, with modular blocks.  No coding is needed, but users do need to understand how FSE works. A good understanding how templates are used in WordPress. Continue reading →

  • Block Editing

    The Block Editor is now the default editor on the Commons and we hope you use it. It is the future for WordPress. Continue reading →

FYI – This is a Reusable Bock built with a Query Loop.