Advanced Themer - Taking Bricks Builder To ANOTHER Level
HTML-код
- Опубликовано: 12 апр 2023
- Bricks Builder for WordPress offers an amazing platform for building your WordPress websites, but it still has some room for improvement.
Enter, Advanced Themer, a new plugin that takes Bricks Builder and puts it on steroids!
Advanced Themer is a massive productivity boost for anyone wanting to create fluid designs in record time with Bricks for WordPress.
Join me as I take a walkthrough of just some of its many features.
advancedthemer.com/
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.co.uk/ewdd
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: bit.ly/2G0G1vB
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/facebook
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk 
Хобби
Im here in 😊 the comments section to ask for an in-depth video tutorial of this addon, and thank you again for your contribution to our community, Paul.
I think AdvancedThemer and BricksForge are the two tools that you HAVE to get when working with Bricks. Please Paul provide us more videos of these two.
This is super cool Paul! I’d love to see a full site build tutorial using all the functionality of this plugin!
I second that!
Thirded ! Or just an in depth tutorial on using the main features. Great product that sorely needs tutorials.
me 2 please
How does this compare to ACSS! You should consider making a video on different CSS frameworks and how they compare with each other.
Amazing walkthrough. Would love to see more videos of Advanced Themer being used in actual workflows.
Hey Paul, yes make an tutorial please!
Yes Paul, please do a tutorial building a full site with Advanced Themer
Thanks for making time to go through this plugin and showing us how powerful and useful it is. To be honest, I've been looking for a more intuitive way to create style guides for WordPress projects and it's been a pain. This plugin promises a lot. What about button styles? That's so important, you know? Currently, it's quite difficult achieving a proper hover effect with transitions on Buttons in Bricks Builder. Unless I'm missing something, but I'd appreciate it of you could do another video on this plugin extensively.
Thank you.
Thanks Paul, I'd appreciate a full scale tutorial on Advanced Themer. You Rock!
Thank you for the intro video. Yes, please do a more in-depth video using AT to create a website. The number of options is extensive.
Thanks, and yes, please make more videos about this great plugin.
Thanks Paul! Yes we want a long video! Great Channel!
Thank you Paul, I was waiting for this. Please can you please do an in-depth tutorial about this, thanks again
Thanks 🎉 purchased it a while back but never got into it. I’ll have to try now
Awesome intro to a brilliant first-release product. I have only spent about 30 minutes on this plugin and can see it will be amazing. And, Maxime is a super good dude so everyone should just buy this :)
I was just about to record something. What I will do is a use case and some recommendations and just refer back to your video.
Was looking forward for this one 🎉
Looking forward to the full tutorial. Thank You!
Yep. Please do make a full video - thanks Paul
Go go go, thanks for first video about AT.👌
WANT TO LEARN MOOOOOOORE! Looking forward to it Paul. :)
Cool Product, I’d love to see a advanced tutorial using all the functionality of this plugin too!
I would love to see this tool in action with a design. Make some love with Bricks 💟❤❤❤
Yes, pls create a big video on this with bricks! Thanks Paul
Thanks Paul, a New kid on the blocks for bricks After Acss and Oxyprop, the competition is here
Damn Paul, this was in my feed again and now I’m stuck on do I want this to be my primary “go-to” tool for a framework or should I use Automatic CSS.
The setup of this seems to be a bit more intuitive than the other option available.
I’m super intrigued and like many others, would love to see a full site build integrating Advanced Themer as a part of it!
Go for it Paul, waiting to see how you create a site using it 😜!
Yes please a more in depth use of it would be great. As well as bricksforge and it’s animation gsap part
Love this. I was looking at the plugin website, and couldn’t really see what it offered… I just purchased the LTD on the back of this video - please do more! :)
Glad it was helpful!
Do i even need Core Framework if i have this? It seems to do the same and much more.
Also, what is the one plugin for Bricks you value most?
Paul, you’re my trusted “go-to” source for clear cut value and functionality of tools. In regards to Advanced Themer, do you see the need to, also, have to run ACSS in addition to this as well when making a design process easier using Bricks or would you recommend it as a stand-alone add-on without having to use ACSS in addition. Just curious as to what your take on this would be.
similarly you can create type and color libraries in bricks and assign them names. how does this differ i wonder (except for ease of use)
Great! And yes pl for a tutorial.
I’ve always used GP, but I’m really tempted by Bricks.
i just made that move - wish I'd done it earlier.
Please make the full video with Bricks, if possible :)
also wonder how clean the final css looks like . compared to others like winden+tw that promise a tiny clean css
thanks Paul. Looks a lot like ACSS with more options and a nicer UI. Do we know if it adds "bloat" to Bricks? How are those Google Page speed scores looking (before and after plugin install) ?
Their site scores 90 in mobile and 100 in desktop, so it's a good sign
ACSS is my way to go for sure
@@cuaran89 great! It would be good to know some of the your reasons?
Maybe it's moved since you made this video, but I'm having trouble finding the Typography section.
+1 for more detailed tutorial.
An in depth would be very welcome Paul!
Pls do full website tutorial:)
Would love to see you do one of OxyProps as well, or perhaps even a comparison vid.Having a hard time deciding which to get!
To be honest, I don't have a copy of OxyProps to be able to test and compare. But, I believe it's more framework orientated over AT which has elements of that included, but is more about being a Bricks utility.
@@WPTuts Thanks for mentioning those differences. I'll continue to do some more research, as I'm quite new to this. Your videos, btw, are excellent. Thank you for putting them out!
yes please good tutorial to design a bricks website with Bricks and Advanced Themer with dark/light color toggle switch
🎯 Key Takeaways for quick navigation:
00:00 🔨 Advanced Themer is a powerful tool for expanding capabilities of Bricks Builder, a platform for creating WordPress websites.
00:56 📝 Advanced Themer offers numerous features like color palettes, CSS variables, styles, classes, and tweaks for productivity.
01:39 🎨 Color palette feature allows creation of custom color themes with the option to define primary, secondary, and neutral colors.
03:07 🔄 Changes to color variables reflect globally, allowing for quick modifications.
03:51 🌓 Advanced Themer supports automatic generation of color shades and a dark mode option.
05:15 🖥️ Theme settings provide extensive customization options for typography using Advanced Custom Fields.
06:12 🎚️ The tool employs 'clamp' for scaling typography, allowing smooth adjustments across different device sizes.
07:22 📏 You can use custom variables in designs, with immediate access to the variables set up in typography. Changes apply to style and size but do not affect the underlying HTML code.
08:31 🎨 Variables are a crucial tool for creating visual hierarchies on a webpage, simplifying the styling process.
08:58 🖼️ Spacing around elements can be easily adjusted using selected variables, providing design consistency.
09:38 🔧 Changes to the website's overall design can be made quickly by adjusting variables in the settings.
10:06 📏 Users have full flexibility in creating and managing the spacing variables on the website.
10:34 🔄 Border radius variables are versatile and can be used anywhere on the site.
11:33 🏗️ Users can create custom variables for typography, spacing, and radius for added flexibility.
12:02 📊 Using grid classes, users can create multiple column layouts efficiently.
13:26 📲 Grid layouts created are totally responsive and can be easily customized.
13:54 💾 Users can import and export CSS classes to use inside the editor.
14:08 🚀 The interface of the editor can be modified to enable more features and improve productivity.
15:03 📐 Users can enable a 12 column grid for designing web layouts, similar to the grid in Figma.
15:59 ⌨️ Shortcuts for settings and interactions are available for faster design process.
16:12 🤖 The editor can be connected to AI services like GPT for AI-generated content.
16:27 🌐 The editor's interface can be personalized, including changing the logo and setting user role permissions.
16:54 💡 Before starting with the editor, it's recommended to explore the website to understand the features on offer.
17:09 ⚙️ The "Advanced Theme" feature in Bricks Builder offers a front-end playground option, giving users access to a variety of backend variables.
17:37 🖌️ It enables customization and editing of color palettes and typography styles without committing changes, providing a helpful tool for prototyping and receiving client feedback.
18:06 🧱 Users have the flexibility to manage layout grids and CSS classes from within this feature.
18:20 🎨 Additional tools include a color lab for creating color variations, a color converter, a scale generator for color scales, and a color palette generator.
18:48 🌈 An array of popular color palettes are provided for those in need of inspiration.
19:02 👓 The contrast checker tool ensures website accessibility for visually impaired users.
19:16 🌗 Light and dark mode switch is available.
19:30 🌑 Additional features include a dark mode toggle and color swatch generator.
19:43 📘 All these functionalities provide a comprehensive suite of tools for users wanting to create a style guide.
Made with HARPA AI
I think you need to make a new video on Breakdance. You did when it was in beta but now is way better than a year ago.
That’s probably not going to happen I’m afraid. I don’t have a license to test it.
Thanks 🙏 and please make an tutorial!!!!
Wondering why content creator never look at how much load time a plugin ad to a site. Their might be the one or other suprise.
I am considering, lately to switch from Elementor to Bricks, for the speed. Now I found out, that basic things that I take for granted in Elementor, like global style, requires additional plugins on Bricks, witch is a paid only builder.
So I get the speed with Bricks, but then I need to keep installing plugins ( and pay for them ? ) to get the functionality of Elementor Pro?
How many plugins do I need to install on Bricks to get to equal Elementor Pro functionality?
Will the page still be faster with all other plugins installed?
It is the same story as with Gutenberg somehow ….
Please give an objective response if you can, thank you.
What features are you specifically referring to from Elementor?
Without knowing that, I have no way of being able to help or advise.
More videos about this powerhouse of a tool
full site build tutorial please paul
Tutorial building a website would be great please.
Isn't the colours and Fonts already built into Bricks Builder?
Please do the the in-depth video
The lack of RBGA in selecting the color is kind of useless to me.
HSL FTW...
I would love for any of the many gurus that are now refugees from Oxygen Builder to make a video showing a one-on-one comparison of latest version of Oxygen Builder vs Bricks and elaborate on why Bricks is a superior product to Oxygen builder!
PS: No bringing up the politics of business decisions. Only the technology.
I was never an Oxygen user, so I’d say I’m not the best person to provide that comparison with objectivity. 👍
@@WPTuts Yeah. My mistake. I was watching another video and posted here instead. No worries.
do the video.
Hi Paul, thanks for this video.
Looks like ACSS with a bloated GUI.
Does this actually make it easier to work with?
Would love to see a comparison of the two.
Or, you can learn some CSS and do it all your self ;)
To accomplish a project, bricks alone can't do. You need a couple of plug-ins.
Bricks features are half cooked. Lack basic features in form and woocommerce, no ajax popup, no mega menu.
Very similar to what ACSS does, feels like ACSS has a better grip with Bricks.
It doesn't. How does one get the idea? ACSS was initially written for Oxygen and later got Bricks support, while AT is designed with and for Bricks in mind from the get-go.
ACSS is primarily a framework, with completely pre-built classes and variables and dictated workflow, while with AT you get the ability to create your own little framework. It is much more flexible.
@@RyudoFanel Exactly!
Way off Russell lol
Actually there is alot missing here. For example where are color transparencies? Also, when using that frontend playground you never show anything actually "working". There is a huge difference in showcasing "features" vs "working features".
Also the backend admin, definitely needs to be condensed. ACF has even shown developers how to condense these backends that developers have put together. My point is in your video do you see how far your scrolling in the typography settings? That's crazy!
Sorry, as a developer this needs alot more work. AND, it doesn't even come close to OxyProps / BricksPops!
For example, while in the backend editor.. BricksPops right click menu and EVERYTHING is right there for you AND everything auto updates in the editor!
This plugin comes with ACF Pro
Holy shit Paul. Just when I told myself no more tools in my box 📦, then you drop this bombshell. Well here goes to adding to the 🧰 .
Oops! Sorry. Lol
use the "Core Framework" or "Advanced Themer for Bricks" or both together?