{"id":1030,"date":"2025-08-07T12:27:01","date_gmt":"2025-08-07T12:27:01","guid":{"rendered":"https:\/\/orkenyi.hu\/?p=1030"},"modified":"2025-08-07T12:29:53","modified_gmt":"2025-08-07T12:29:53","slug":"bricks-2-0-minden-amit-az-uj-verziorol-tudni-erdemes","status":"publish","type":"post","link":"https:\/\/orkenyi.hu\/en\/bricks-2-0-minden-amit-az-uj-verziorol-tudni-erdemes\/","title":{"rendered":"Bricks 2.0 \u2013 Everything you need to know about the new version"},"content":{"rendered":"<p><strong>Introductory.<\/strong> Bricks Builder has become one of the fastest growing visual page builders in the WordPress world in recent years. On July 16th, it was released <a href=\"https:\/\/bricksbuilder.io\/release\/bricks-2-0\/#full-changelog\">Version 2.0,<\/a> which is the culmination of four years of development. According to the developers, the pre-2.0 releases contained nearly 300 changes and more than 3,500 new features, improvements, and bug fixes. The update also includes a security patch for a SQL injection vulnerability that affected all releases up to version 1.12.4. In the following lines, we will review what is new in 2.0, the 2.0.1 bug fix release, as well as what long-awaited improvements have arrived and which areas still need polishing.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Builder features and improvements<\/strong><\/h2>\n\n\n\n<p>Version 2.0 brings a number of new features to the editor. The most important ones are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Builder Capabilities:<\/strong> A permissions manager with over 50 permissions allows you to precisely control which user roles can access certain content types or styles<br><\/li>\n\n\n\n<li><strong>Element Manager:<\/strong> we can globally turn unnecessary elements on or off, giving us a cleaner interface<br><\/li>\n\n\n\n<li><strong>Font Manager:<\/strong> With the built-in manager, you can download Google Fonts to local storage with one click and add your own or Adobe fonts<br><\/li>\n\n\n\n<li><strong>Icon Manager:<\/strong> Upload and organize SVG icon sets, hiding the icon list as needed<br><\/li>\n\n\n\n<li><strong>Command Palette:<\/strong> quick command search (Ctrl+K) to access important menu items, element structures or create new entries in seconds<br><\/li>\n\n\n\n<li><strong>Quick Access Bar:<\/strong> a new toolbar for navigating between item tabs; fully keyboard-friendly<br><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Bricks 2.0 - Release Highlights (alpha)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/chdGTb0RK_c?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Style, layout and visual control<\/strong><\/h2>\n\n\n\n<p>Bricks 2.0 also has something for lovers of unique designs<br>surprises:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visual CSS Grid Builder:<\/strong> Visually create CSS grids using drag-and-drop, even for looped content<br><\/li>\n\n\n\n<li><strong>Inherited setting indicator:<\/strong> shows if a property is inherited from a class, breakpoint, or pseudo-element<br><\/li>\n\n\n\n<li><strong>New Selector UI and Selector Detector:<\/strong> we can select sub-nodes in any element and then visually style them; pseudo-states (such as :hover) are also more easily accessible<br><\/li>\n\n\n\n<li><strong>Theme Styles improvements:<\/strong> we can choose to load only the most specific or all matching styles; we can add our own CSS to stylesheets; new contextual spacing helps create a consistent layout<br><\/li>\n\n\n\n<li><strong>SVG style and class lists:<\/strong> The height, width or color of SVG elements can be modified at various breakpoints, and clusters and variables can be managed by dividing them into categories.<br><\/li>\n\n\n\n<li><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Workflow and UX improvements<\/strong><\/h2>\n\n\n\n<p>The new version helps you work more efficiently:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Renewed user interface:<\/strong> cleaner, more contrasting panels, more uniform design<br><\/li>\n\n\n\n<li><strong>Bulk editing:<\/strong> we can style, group or rearrange multiple elements at once<br><\/li>\n\n\n\n<li><strong>Context Menu \u2013 Unwrap:<\/strong> in the right-click menu, we can extract elements from the containing container with a single click<br><\/li>\n\n\n\n<li><strong>Variable manager with color picker:<\/strong> allows visual editing of color variables<br><\/li>\n\n\n\n<li><strong>Hide item:<\/strong> we can hide elements in both the editor and the frontend with a switch<br><\/li>\n\n\n\n<li><strong>Orphaned Elements Review:<\/strong> checks for orphaned elements from old or broken templates on every editor load and helps remove them<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Components and structure<\/strong><\/h2>\n\n\n\n<p>Bricks also takes modular editing to a new level:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Embedded components:<\/strong> One component can be used within another component, resulting in a modular structure and easier maintenance.<br><\/li>\n\n\n\n<li><strong>Stable components:<\/strong> The previously experimental component feature can now be used in a live, production environment.<br><\/li>\n\n\n\n<li><strong>New property types:<\/strong> Switches, selectors, and global class selectors can be used for component variations.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Performance and technical changes<\/strong><\/h2>\n\n\n\n<p>The new version has been updated not only in features, but also under the hood:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>New rendering logic:<\/strong> the editor response time is shorter, the loading time is faster.<br><\/li>\n\n\n\n<li><strong>Cascade Layers enabled by default:<\/strong> By activating CSS Cascade Layers, theme styles, user styles, and component styles are better isolated, but it may cause style differences on old websites, so it&#039;s worth testing.<br><\/li>\n\n\n\n<li><strong>Global Elements exit:<\/strong> Global elements have been replaced by components; the old elements still work for now, but new ones can no longer be created. A separate tool is available for conversion.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Special elements \u2013 unique developments<\/strong><\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Form: Webhook Action:<\/strong> allows direct integration<br>with third-party services.<br><\/li>\n\n\n\n<li><strong>Map element:<\/strong> we can display based on dynamic data<br>pages; supports query loops, unique markers, and<br>grouping.<br><\/li>\n\n\n\n<li><strong>WooCommerce variation swatches:<\/strong> built-in color, you can<br>Text swatches help display product variations.<br><\/li>\n\n\n\n<li><strong>WooCommerce interactions:<\/strong> for new events (add to cart,<br>coupon validation, etc.) we can order individual interactions<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Bricks 2.0.1 \u2013 quick response to feedback<\/strong><\/h2>\n\n\n\n<p>After 2.0, we didn&#039;t have to wait long for fixes: 2.0.1 was released on July 28th, focusing on fixing critical bugs and minor refinements. The release brought several improvements that improved usability (e.g. faster &quot;drag &amp; drop&quot; category management in the class\/variable manager, more flexible group editing for many elements), and fixed many bugs. Among the more important fixes, it is worth highlighting:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>AJAX pagination and dynamic data:<\/strong> Paging finally works with dynamic data placed in the &quot;Include&quot; field.<br><\/li>\n\n\n\n<li><strong>Built-in permissions:<\/strong> The &quot;Insert Templates&quot; button now works even if the user cannot edit templates.<br><\/li>\n\n\n\n<li><strong>Global Class Renaming Error:<\/strong> Styles are not lost when renaming the class of the active element.<br><\/li>\n\n\n\n<li><strong>Masonry layout:<\/strong> Turning off the mosaic layout prevents infinite loops.<br><\/li>\n\n\n\n<li><strong>RTL support:<\/strong> Improved the position of the legacy styles window for right-to-left languages (e.g. Hebrew, Arabic).<br><\/li>\n\n\n\n<li><strong>Several minor errors:<\/strong> Hidden elements do not appear when populating sample data, double-click interactions work, boxed layouts display properly again, etc.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Long-awaited new features<\/strong><\/h2>\n\n\n\n<p>Several features that the community has been requesting for years have finally been implemented:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visual CSS grid:<\/strong> Visual grid editing has long been missing from Bricks; the Visual CSS Grid Builder now makes it easier to create complex layouts with drag-and-drop.<br><\/li>\n\n\n\n<li><strong>Stabilization of components:<\/strong> The stability of components and nested components greatly aids modular page design.<br><\/li>\n\n\n\n<li><strong>Command Palette:<\/strong> Fast navigation and command execution was one of the most talked about desires of the community, and now it has been integrated into the system.<br><\/li>\n\n\n\n<li><strong>Authorization Management (Builder Capabilities):<\/strong> Thanks to detailed permission settings, developers can more easily grant role-based access to their customers.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What still needs polishing<\/strong><\/h2>\n\n\n\n<p>Although 2.0 is a big step forward, some areas are still not perfect:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Differences caused by Cascade Layers:<\/strong> Since Cascade Layers is enabled by default, styles may behave differently on older websites; it is worth testing and adjusting theme styles if necessary.<br><\/li>\n\n\n\n<li><strong>Convert Global Elements:<\/strong> Converting old global elements into components is extra work and can be time-consuming, although it is necessary for future compatibility.<br><\/li>\n\n\n\n<li><strong>Learning curve for a new interface:<\/strong> The redesigned UI, Command Palette, or Quick Access Bar may be unfamiliar at first; some users may find the Quick Access Bar unnecessary when using the Command Palette. However, this is a matter of personal preference.<br><\/li>\n\n\n\n<li><strong>Missing pre-made templates:<\/strong> Although the system now works with components, beginners may still miss several templates and block sets. For now, we can make up for this with external libraries.<br><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What many have shown<\/strong><\/h2>\n\n\n\n<p>The most popular video and blog presentations are mainly the following<br>elements are highlighted:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Visual CSS Grid Builder<\/strong> \u2013 visual editing of grids appears in many developer blogs and videos, as it significantly speeds up layout design.<br><\/li>\n\n\n\n<li><strong>Font Manager and Icon Manager<\/strong> \u2013 managing fonts and icons in a separate panel, with previews and categories, makes it easier to select design elements.<br><\/li>\n\n\n\n<li><strong>Command Palette<\/strong> \u2013 quick access to the panel is included in most presentations, as it gives the editor a new workflow.<br><\/li>\n\n\n\n<li><strong>Nested Components<\/strong> \u2013 the embeddability of components enables modular design, which is the basis of the modern development approach.<br><\/li>\n\n\n\n<li><\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>AI and Bricks \u2013 where does the future lie?<\/strong><\/h2>\n\n\n\n<p>Bricks 2.0 itself does not include built-in artificial intelligence, but the community is already working on AI integrations. <a href=\"https:\/\/sleekwp.com\/ai\/integrations\/bricks\/#:~:text=AI%20Integration%20for%20Bricks%20Builder\">SleekWP<\/a>appearing at <strong>SleekAI<\/strong> module allows you to generate AI-generated content in Bricks text fields with the \/ai command, and to request answers from models locally in the editor. The plugin uses your own OpenAI or Anthropic API keys, so you don&#039;t have to switch to another interface. The same package can also create chatbots from the content of pages created in Bricks; chatbots can be placed in the admin area or frontend, and their appearance can be matched to the design.<\/p>\n\n\n\n<p>Among Bricks&#039; official experts, developers who integrate AI into websites have also appeared. <strong>ai4biz<\/strong> For example, with 25 years of development experience and AI expertise, he creates Bricks-based websites that automate, support lead generation, and provide business intelligence. This indicates that the Bricks ecosystem is open to AI, and more AI features are expected to emerge in the future.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Summary and call to action<\/strong><\/h2>\n\n\n\n<p>Bricks 2.0 is a milestone in the world of WordPress page builders: most of the features requested by the community have arrived, the interface has been transformed, and performance has been accelerated. And the 2.0.1 release quickly fixed the first bugs. However, mastering the new features takes time and practice, and the changes to the CSS cascade require special attention. For us web developers and content creators, this new version provides even more opportunities to create an efficient workflow behind spectacular, fast, and responsive websites.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Do you have a question or want a website?<\/strong><\/h3>\n\n\n\n<p>Are you already using the Bricks builder and have questions about the new features? Or maybe you want to have your own website but don&#039;t want to get lost in the settings? <a href=\"https:\/\/orkenyi.hu\/en\/kapcsolat\/\" data-type=\"page\" data-id=\"40\">Feel free to write to me!<\/a> I&#039;d be happy to help you design and build the website of your dreams and answer any questions you may have.<\/p>","protected":false},"excerpt":{"rendered":"<p>Bevezet\u0151. A Bricks Builder az elm\u00falt \u00e9vekben az egyik leggyorsabban fejl\u0151d\u0151 vizu\u00e1lis oldalszerkeszt\u0151v\u00e9 v\u00e1lt a WordPress\u2011vil\u00e1gban. J\u00falius 16\u2011\u00e1n megjelent a 2.0\u2011s verzi\u00f3, amely n\u00e9gy \u00e9v fejleszt\u00e9s\u00e9nek cs\u00facspontja. A k\u00e9sz\u00edt\u0151k szerint a pre\u20112.0 kiad\u00e1sok k\u00f6zel 300 v\u00e1ltoz\u00e1st tartalmaztak, \u00e9s t\u00f6bb mint 3 500 \u00faj funkci\u00f3, fejleszt\u00e9s \u00e9s hibajav\u00edt\u00e1s ker\u00fclt a rendszerbe. A friss\u00edt\u00e9s biztons\u00e1gi jav\u00edt\u00e1st is [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1033,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Bricks Builder 2.0 \u2013 Minden, amit az \u00faj verzi\u00f3r\u00f3l tudni \u00e9rdemes","_seopress_titles_desc":"A Bricks Builder az elm\u00falt \u00e9vekben az egyik leggyorsabban fejl\u0151d\u0151 vizu\u00e1lis oldalszerkeszt\u0151v\u00e9 v\u00e1lt a WordPress\u2011vil\u00e1gban. J\u00falius 16\u2011\u00e1n megjelent a 2.0\u2011s verzi\u00f3","_seopress_robots_index":"","footnotes":""},"categories":[6],"tags":[],"temakor":[],"class_list":["post-1030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technikai-segiteg"],"_links":{"self":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts\/1030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/comments?post=1030"}],"version-history":[{"count":3,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts\/1030\/revisions"}],"predecessor-version":[{"id":1037,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/posts\/1030\/revisions\/1037"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/media\/1033"}],"wp:attachment":[{"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/media?parent=1030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/categories?post=1030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/tags?post=1030"},{"taxonomy":"temakor","embeddable":true,"href":"https:\/\/orkenyi.hu\/en\/wp-json\/wp\/v2\/temakor?post=1030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}