{"id":3548,"date":"2023-12-01T17:34:58","date_gmt":"2023-12-01T10:34:58","guid":{"rendered":"https:\/\/dev.artru.net\/?p=3548"},"modified":"2024-09-16T09:39:08","modified_gmt":"2024-09-16T02:39:08","slug":"artru-blog-tu-oxygen-builder-sang-bricks-builder","status":"publish","type":"post","link":"https:\/\/artru.net\/en\/artru-blog-tu-oxygen-builder-sang-bricks-builder\/","title":{"rendered":"ARTRU Blog has migrated from Oxygen Builder to Bricks Builder"},"content":{"rendered":"<p>I have known about Bricks Builder for quite a long time. But recently I&#039;ve really become more interested in Bricks. And currently using Bricks for this website.<\/p>\n\n\n\n<p>For those of you who don&#039;t know. Oxygen and Bricks are both WordPress website building tools like Elementor but allow you deeper customization and better loading speed. I guarantee that anyone who writes code or custom themes will love using these Builders.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Why Bricks and not any other Builder?<\/h2>\n\n\n\n<p>I have used Oxygen Builder for a long time. Honestly, thanks to Oxygen, I learned a lot about code (php, html, css, js). But because of it, I had to leave and come to Bricks Builder.<\/p>\n\n\n\n<p>Oxygen is still very good right now. You easily get the score <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">100\/100<\/mark> on Google Speed Insight. However, the Oxygen development team made a mistake when releasing a new Builder called Breakdance. Almost every requested feature of Oxygen is implemented on Breakdance.<\/p>\n\n\n\n<p>This makes me and many other users feel like Oxygen has been abandoned. But that&#039;s just a feeling, updates for Oxygen are still supported regularly but not too often. At the same time, Bricks emerged in the international Builder community like a bucket of cold water thrown on Oxygen as well as Breakdance.<\/p>\n\n\n\n<p>Indeed, Bricks does not disappoint. The author has updated many features from the first Beta versions. And until now it is considered the best WordPress (drag and drop) website building tool. But in my opinion, there is no best tool, only the most suitable tool.<\/p>\n\n\n\n<p>For these types of Builders, everyone can try them out to see which one suits them better:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/try.bricksbuilder.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">try.bricksbuilder.io<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/oxygenbuilder.com\/try\/\" target=\"_blank\" rel=\"noreferrer noopener\">oxygenbuilder.com\/try<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/breakdance.com\/try\/\" target=\"_blank\" rel=\"noreferrer noopener\">breakdance.com\/try<\/a><\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Advantages of Bricks Builder<\/h2>\n\n\n\n<p>There has to be something better for people to use it, right? Once you are familiar with Oxygen, Bricks is like an upgraded version of Oxygen 2.0<\/p>\n\n\n\n<p>Regarding speed, you don&#039;t need to care too much. Oxygen, Breakdance or Bricks all give extremely good results. Although switching to Bricks is not easily achieved <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-vivid-green-cyan-color\">100 <\/mark>similar to Oxygen, but it helps me save a lot of time when building a website. It only took me nearly 2 days to complete this ARTRU Blog with Bricks.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"982\" height=\"731\" src=\"https:\/\/cdn.artru.eu.org\/wp-content\/uploads\/2023\/12\/Google-Speed-Insights-Bricks-Builder.png\" alt=\"Google Speed Insights Bricks Builder\" class=\"wp-image-3574\"\/><figcaption class=\"wp-element-caption\">Google Speed Insights Bricks Builder<\/figcaption><\/figure>\n<\/div>\n\n\n<p>I don&#039;t want to explain more. You can consult <a href=\"https:\/\/bricksbuilder.io\/showcase\/\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/bricksbuilder.io\/showcase\/\" rel=\"noreferrer noopener\">Showcase of websites built with Bricks Builder here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Disadvantages of Bricks Builder<\/h2>\n\n\n\n<p>Speak well to say back. For newcomers, Bricks or Oxygen are not as easy to get used to from the beginning as Elementor.<\/p>\n\n\n\n<p>Here I only compare the two main characters, Bricks and Oxygen.<\/p>\n\n\n\n<p>Although Bricks has a fast pace of feature development, the basic parts that Oxygen has been working on for a long time, are still not available on Bricks.<\/p>\n\n\n\n<p>Bricks&#039; Global Style CSS management is very clunky and messy. I have to use it <a href=\"https:\/\/vscode.dev\/\" data-type=\"link\" data-id=\"https:\/\/vscode.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">vscode.dev<\/a> To Format Code before putting it in Bricks. While Oxygen manages this part a lot better.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1014\" height=\"803\" src=\"https:\/\/cdn.artru.eu.org\/wp-content\/uploads\/2023\/12\/Global-CSS-Bricks-Builder.png\" alt=\"Global CSS Bricks Builder\" class=\"wp-image-3567\"\/><figcaption class=\"wp-element-caption\">Global CSS Bricks Builder<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1685\" height=\"815\" src=\"https:\/\/cdn.artru.eu.org\/wp-content\/uploads\/2023\/12\/Global-CSS-Oxygen-Builder.png\" alt=\"Global CSS Oxygen Builder\" class=\"wp-image-3564\"\/><figcaption class=\"wp-element-caption\">Global CSS Oxygen Builder<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Next is for those who are passionate about writing code. Once again Bricks lost to Oxygen. In &quot;Code Block&quot; Oxygen is divided into 3 parts for you to enter arbitrary code, while Bricks only has 1 box and you have to manually enter the cards. <code data-no-translation=\"\" data-no-auto-translation=\"\">&lt;?php ?&gt; &lt;style&gt; &lt;script&gt;<\/code>. And Oxygen renders &quot;Code Block&quot; better than Bricks too.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"597\" height=\"643\" src=\"https:\/\/cdn.artru.eu.org\/wp-content\/uploads\/2023\/12\/Code-Block-Bricks-Builder.png\" alt=\"Code Block Bricks Builder\" class=\"wp-image-3565\"\/><figcaption class=\"wp-element-caption\">Code Block Bricks Builder<\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"957\" height=\"928\" src=\"https:\/\/cdn.artru.eu.org\/wp-content\/uploads\/2023\/12\/Code-Block-Oxygen-Builder.png\" alt=\"Code Block Oxygen Builder\" class=\"wp-image-3566\"\/><figcaption class=\"wp-element-caption\">Code Block Oxygen Builder<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Although Bricks has completely switched from jQuery to pure JavaScript to optimize and increase scores in speed measurement tools. But it uses additional Inline JavaScript code, which causes some features like sliders to fail when you use delay JS techniques in tools like WP Rocket, Perfmatters.<\/p>\n\n\n\n<p>Woo is also not Bricks&#039; strong point. By default there are quite a few options, so the solution is to write additional code yourself or use a 3rd party addon to support your sales website like <a href=\"https:\/\/www.bricksultimate.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">BricksUltimate<\/a><\/p>\n\n\n\n<p>I haven&#039;t used all the widgets in Bricks yet, so I can only get a rough feel for it.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter 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=\"Convert Web from Oxygen Builder to Bricks Builder\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/D4uSooEmzlY?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><figcaption class=\"wp-element-caption\">Bricks Builder<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed aligncenter 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=\"100\/100 Google Speed Insights. WordPress Website Built With Oxygen\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/lGpiHpZe6z4?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><figcaption class=\"wp-element-caption\">Oxygen Builder<\/figcaption><\/figure>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>M\u00ecnh \u0111\u00e3 bi\u1ebft \u0111\u1ebfn Bricks Builder kh\u00e1 l\u00e2u r\u1ed3i. Nh\u01b0ng g\u1ea7n \u0111\u00e2y m\u1edbi th\u1ef1c s\u1ef1 quan t\u00e2m \u0111\u1ebfn Bricks nhi\u1ec1u h\u01a1n. V\u00e0 hi\u1ec7n t\u1ea1i \u0111\u00e3 s\u1eed d\u1ee5ng Bricks cho ch\u00ednh [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3576,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[121],"tags":[],"class_list":["post-3548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-bricks-builder"],"_links":{"self":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/posts\/3548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/comments?post=3548"}],"version-history":[{"count":0,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/posts\/3548\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/media\/3576"}],"wp:attachment":[{"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/media?parent=3548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/categories?post=3548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/artru.net\/en\/wp-json\/wp\/v2\/tags?post=3548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}