In this video, Thomas from Bricks introduces the release of Bricks 1.5, which includes numerous new features, enhancements, and bug fixes totaling over 150 changes. Thomas highlights the focus of 1.5 on providing a more robust and efficient workflow, particularly emphasizing improvements to the builder interface.
One significant addition is the introduction of four new layout elements: section, container, block, and div, replacing the previous reliance solely on containers. Thomas explains the benefits of this new structure, demonstrating its ease of use and flexibility, especially in creating multi-section pages.
He also underscores the importance of understanding the updated layout approach, recommending a corresponding article in the Bricks academy for further insight. Through a detailed walkthrough, Thomas showcases how to construct layouts using these elements efficiently.
Moreover, Thomas introduces nestable elements—accordions, tabs, and sliders—which allow for greater customization and easier manipulation of content within these elements. He demonstrates how to customize sliders by adding dynamic loops, enhancing their functionality.
Further enhancements include improvements to the structure panel, such as the addition of context menus for quicker actions, sticky headers for easier navigation, and expanded options for collapsing elements. Thomas also highlights the convenience of keyboard shortcuts for efficient editing.
Thomas also discusses the enhancements to global CSS classes, providing more visibility and control over applied styles. Viewers are shown how to navigate and edit classes seamlessly, with the option to disable the feature if not required.
Overall, Bricks 1.5 delivers a comprehensive set of updates aimed at streamlining workflow, enhancing customization options, and improving user experience within the Bricks interface.
Let's delve into three key features that enhance its layout adaptability:
Layout Building Blocks:
Bricks offers fundamental elements to structure website content effectively:
- Section: Serving as the backbone, sections act as containers for entire pages or specific content segments, facilitating vertical stacking for content organization.
- Container: Nested within sections, containers delineate designated areas for precise layout manipulation, akin to boxes within sections.
- Block: Essential for defining columns, blocks enable the creation of multi-column layouts within containers, accommodating diverse content types such as text, images, or other elements.
- Div (Optional): While not mandatory, the "Div" element allows for finer layout control within sections and containers.
Nestable Functionality:
Bricks excels in its "Nestable Elements" feature, enabling the creation of intricate layouts through element nesting:
- Nested Containers: Leveraging nested containers within sections permits the creation of complex layouts with varied column structures across different sections.
- Nested Blocks: By nesting blocks within containers, users can design layouts with irregular columns or nested grids for enhanced customization.
- Specific Tools for Nestable Elements: Bricks provides elements like "Tabs" and "Sliders" that leverage nesting to construct interactive components, allowing content nesting to create tabbed sections or image carousels.
Infinite Scroll:
Bricks caters to content-rich websites with its "Infinite Scroll" capability, dynamically loading content as users scroll down, eliminating the need for traditional pagination and ensuring a seamless browsing experience.
Additional Considerations:
- Each element within Bricks offers extensive styling options via the intuitive interface, enabling users to customize fonts, colors, spacing, and more effortlessly.
- Bricks seamlessly integrates with WordPress, facilitating the utilization of existing content and functionalities alongside the builder.
