Gutenberg Blocks

The WordPress block editor, also known as the Gutenberg editor, is a modern content creation tool that allows users to build and edit web pages and posts using a block-based approach. Each “block” represents a distinct element or piece of content, making it easy to create rich and dynamic layouts.

There are several types of blocks available in the WordPress block editor, including:

  1. Common Blocks: These include fundamental content elements like paragraphs, headings, images, and lists.
  2. Formatting Blocks: These blocks are used for text formatting, such as quotes, code, and custom HTML.
  3. Layout Blocks: Layout blocks help structure your content, offering options like columns, groups, and spacers.
  4. Widgets: You can add widgets like calendars, categories, and recent posts to your content using these blocks.
  5. Embeds: Embed blocks allow you to seamlessly add multimedia and external content, such as videos, social media posts, and more.

These blocks give WordPress users the flexibility to design and customize their websites with ease, even if they don’t have extensive coding or design experience. For more information on the list of blocks that WordPress core provides, please read https://wordpress.org/documentation/article/blocks-list/.

On UBC CMS, in addition to the features offered by the WordPress core, there are blocks that have been developed internally by our team and in collaboration with other teams within UBC. Additionally, there are third-party open-sourced plugins, that have been installed to provide custom blocks to our platform. The blocks are listed below.

  • UBC Tabs Block

    The Tab Block allows you to craft visually appealing and structured information presentations, ensuring that your website visitors can effortlessly navigate through different sections of your content. Read More

  • Accordions Block

    Seamlessly create collapsible sections that hide or reveal content with a simple click, offering your readers a more interactive and streamlined reading experience. Read More

  • Advanced Table Block

    Designed to make web content more inclusive and user-friendly, this block allows you to effortlessly create tables that meet the highest standards of accessibility, ensuring that all users, regardless of their abilities, can access and understand your data. Read More

  • Carousel Slider Block

    This user-friendly addition to the Gutenberg block editor empowers you to effortlessly create engaging image carousels that can be used for various purposes, from showcasing your creative work to sharing informative content. Read More

  • Avatars List

    Avatars List This block is able to display a list of user avatars, grouped by user roles. It also allows you to insert single avatars for blog users or any email address into a post or page. The plugin is developed externally and more information can be found at https://en-ca.wordpress.org/plugins/author-avatars/. Table of Contents Example Settings Background… Read More

  • Code Block Pro

    Code Block Pro Show off your beautiful code, don’t just display it! This block plugin provides you with a code editor that runs your code directly through the same rendering engine that is used by the popular VS Code editor. This block provides fast, native, code highlighting that renders perfectly… Read More

  • Icon Block

    The Icon Block plugin registers a single, easy-to-use block that allows you to add custom SVG icons and graphics to the WordPress block editor (Gutenberg). Read More

  • UBC Cards Block

    UBC Cards Block Cards are versatile design elements commonly used to organize and present content in an aesthetically pleasing and user-friendly manner. They are often employed in layouts for displaying articles, products, profiles, or any other type of content that benefits from a structured and visually appealing presentation. Cards can… Read More

  • UBC Custom Field Block

    UBC Custom Field Block Metadata in WordPress provides context, details, and attributes that help organize, categorize, and display posts effectively. At CTLT (Centre for Teaching, Learning, and Technology), we’ve introduced a custom field block that gives you the ability to retrieve metadata from the current post or any post included… Read More

  • UBC Events Block

    UBC Events Block If you’ve previously worked with or are planning to collaborate with UBC Central Brand and Marketing for hosting your events on events.ubc.ca, we have exciting news for you! At CTLT (Centre for Teaching, Learning, and Technology), in partnership with the UBC Central Brand and Marketing team, we’ve… Read More

  • UBC Profile Search Block

    UBC Profile Search Block The UBC Profile Search Block was created following the deprecation of the Profiles plugin on UBC CMS. This feature empowers site administrators to incorporate a search function if their profiles have been generated as posts categorized under specific categories or tags. Table of Contents Example Settings… Read More

  • UBC Simple Card Block

    UBC Simple Card Block Cards are adaptable design components frequently utilized to structure and showcase content in a visually appealing and user-friendly way. They are commonly integrated into layouts for showcasing articles, products, profiles, or any content that benefits from an organized and visually engaging format. Cards can enhance the… Read More

  • UBC Subcategory Block

    UBC Subcategory Block Cards are adaptable design components frequently utilized to structure and showcase content in a visually appealing and user-friendly way. They are commonly integrated into layouts for showcasing articles, products, profiles, or any content that benefits from an organized and visually engaging format. Cards can enhance the overall… Read More

  • UBC Timeline Block

    UBC Timeline Block A timeline is a visual representation or chronological sequence of events, actions, or historical developments arranged in a linear fashion. It provides a structured way to display and understand the order and progression of various activities or occurrences over time. Timelines can be used to present historical… Read More

  • UBC Wiki Embed Block

    UBC Wiki Embed Block Introducing the UBC Wiki Embed WordPress Block. This block allows you to seamlessly integrate the rich and dynamic content of UBC Wiki pages directly onto your website. Whether you’re a student, educator, researcher, or simply passionate about sharing information, this block empowers you to effortlessly bring… Read More

  • WP Block Extension – Link from CF

    WP Block Extension – Link from CF We recognize that there are situations where you may prefer not to have users directed to the post page when clicking on the title within a Query Loop block. Instead, you might want them to be redirected to an external page. Here, at… Read More

  • WP Query Block Extension – Exclude Posts

    WP Query Block Extension – Exclude Posts We understand that sometimes, you want fine-tuned control over what appears in your Query Loop block. That’s why we’re excited to unveil our latest innovation: the Exclude Post block extension. With this powerful addition to your WordPress toolkit, you can now effortlessly exclude… Read More

  • WP Query Block Extension – Metadata Filter

    WP Query Block Extension – Metadata Filter We understand that sometimes, you want fine-tuned control over what appears in your Query Loop block. That’s why we’re excited to unveil our latest innovation: the Metadata Filter block extension. Thanks to this potent enhancement in your WordPress toolkit, you can now easily… Read More

  • WP Query Block Extension – Metadata Sort

    WP Query Block Extension – Metadata Sort We understand that sometimes, you want fine-tuned control over what appears in your Query Loop block. That’s why we’re excited to unveil our latest innovation: the Metadata Sort block extension. Thanks to this potent enhancement in your WordPress toolkit, you can now easily… Read More

  • WP Query Block Extension – Frontend Taxonomy Filters

    Query Filter – Taxonomy Block Thanks to the WP Interactivity API introduced in WordPress 6.5.2, we’re excited to unveil our latest development at CTLT, the “WP Query Block Extension – Frontend Taxonomy Filter” plugin. This extension empowers you to create frontend filters with ease. Filtering Query Loop block by categories… Read More

  • WP Query Block Extension – Frontend Custom Field Filter

    Query Filter – Custom Field Block Thanks to the WP Interactivity API introduced in WordPress 6.5.2, we’re excited to unveil our latest development at CTLT, the “WP Query Block Extension – Frontend Custom Field Filter” plugin. This extension empowers you to create frontend filters with ease. Filtering Query Loop block… Read More

  • WP Query Block Extension – Frontend Search Filter

    Query Filter – Frontend Search Block Thanks to the WP Interactivity API introduced in WordPress 6.5.2, we’re excited to unveil our latest development at CTLT, the “WP Query Block Extension – Frontend Search Filter” plugin. This feature enables you to refine your search within a Query Loop block by using… Read More

  • WP Query Block Extension – Override Taxonomy Filter Operand

    The Query Loop Block within WordPress allows you to search in the database for content on your site and display the results of that query. You’re able to apply filters to your search query meaning you can restrict the results of the search query. One of the native filters that… Read More