A Better Way to Create Blog Archive Templates in Bricks Builder
Рет қаралды 11,382
Күн бұрынHow do you make a Blog archive template? I have seen many ways that bricks users have created these and usually I see them get it wrong. I will show you the correct method for building an archive template to cover two use cases in one. It will work as the archive template and the category pages. Not only that but it will have dynamic content, depending on which page the user lands on.
I hope you find this helpful!
Code Snippet for categories: snippet.codes/u/sleeplesskxng...
Tools Used:
Bricksbuilder
bricksbuilder.io/
Automatic.CSS (affiliate)
automaticcss.com/ref/84/?camp...
WPCodeBox (affiliate)
wpcodebox.com/?ref=249&campai...
__________________________________________________
Socials:
/ nickarceco
Buy Me a Coffee:
www.buymeacoffee.com/nickarce
Chapters:
00:00 - Intro
00:53 - Notice
01:27 - Creating Template
02:10 - Setting Template Conditions
03:56 - The Magic of This Tutorial: Dynamic Content
10:55 - Adding Blog Cards + Cool Tricks
19:00 - Proper Card HTML Structure
20:57 - Styling: Naming Classes
24:15 - Styling: Top Content
28:21 - Styling: Button CSS
29:59 - Styling: Cards
47:25 - Card Accessibility
49:23 - Styling: Better Looking Focus Tip
54:16 - Correcting Accessibility CSS Mistake
@nickarceco Жыл бұрын
**NOTICE** After uploading I realized a few things. 1. I did not set the blog card to be an li element. I left it as a div inside the ul card grid. That’s a no no. We can also make the conditions easier. You can do the below: 1. wrap your top blog content in a div and set the condition for that wrapper to only show on the blog archive page. 2. wrap your top category content with a div and set the condition for that wrapper to only show on the category pages Now instead of making 4 or 5 conditions we have narrowed it down to two. Happy building!
@AmandaLucaseu Жыл бұрын
Yeah I’ve been doing this for the past while - makes sense to use conditional display and not another template
@alessiorealini9643 Жыл бұрын
I was thinking about that while watching the video. I do love this long format showing your process, thinking and problem solving. It feels like daily routine when building websites for clients!
@nickarceco Жыл бұрын
@@alessiorealini9643 glad you caught it before me. I'll have to do more long form videos that show the breakdown of thinking.
@nickarceco Жыл бұрын
@@AmandaLucaseu I'm not the only one! Woohoo! It just makes sense to me as well. Keep it all in one spot.
@izzymartinmaxino6422 Жыл бұрын
Nick, if I may add, you can use Template and disable the wrapper, so that on the front end, you don't get an extra div wrapper.
@jhc827 3 ай бұрын
I was unable to make the dynamic titles work, but I made a PHP shortcode in my functions.php file and inserted the shortcode in my header container. Glad to send the code to anyone else who us having that problem. Wish I knew why it wouldn't work inside Bricks Builder.
@nickarceco 3 ай бұрын
It’s probably because of the newest update. Any functions you use inside of echo tags now need to be allowed through an allowed filter. You can see more info here: academy.bricksbuilder.io/article/filter-bricks-code-echo_function_names/
@rafiolio 2 ай бұрын
@@nickarceco Awesome work! Learnt alot. So glad I found this comment though! I spent 2 hours trying to troubleshoot why it wasn't working haha. This should defs be pinned
@interculturalcommunication3889 Жыл бұрын
Love seeing your figure things out! Great format for the videos. Thanks Nick!
@wpeasy Жыл бұрын
Nice! I love the clarity of your flow.
@ManolisGerakakis 2 ай бұрын
Well done Nicholas. It was really useful to walk us through your thinking process and the way you solved problems as they occured. +1 for a video with styling in Bricks since not everyone uses WP Codebox (but I think many will, after seeing your video). Keep up the awesome work!👍
@chrispoole4084 Жыл бұрын
Ton of great stuff here, thanks Nicholas.
@joansey56 10 ай бұрын
Thank you for taking the time to do these video's and share your workflow, solutions and advanced techniques.
@nickarceco 10 ай бұрын
You are most welcome! sincerely hope you found them helpful.
@mattbrooke8320 Жыл бұрын
Nicholas thank you for sharing your knowledge and skills great video and as other taking notes! looking forward to the next.
@larryfarr 7 ай бұрын
Well done. Thanks for sharing your knowledge and doing it in such a thoughtful way. Much appreciated!
@tomiastudio Жыл бұрын
I really enjoyed this video. Thank you Nicholas! I would personally love to see the styling being done inside Bricks if possible. 😘
@nickarceco Жыл бұрын
Got it. If I get more responses like this I will switch over. Maybe ill alternate.
@yasmeenkaram9780 Жыл бұрын
@@nickarceco yes Nicholas thanks for this much needed tutorial you covered steps that are not provided by other website developers. We want beginner video to build and style the blog page and blog posts and linking them. Much appreciated.
@issakhlief 2 ай бұрын
@@nickarceco yes nice to see the settings in the builder itself
@sumerianbrother Жыл бұрын
Watched the whole video and took notes! Many valuable nuggets especially in the styling part. Much appreciated! 👌
@nickarceco Жыл бұрын
Very grateful it's of use to you! never hesitate to post questions if you have any. I try to get back to every comment.
@zach-bray 7 ай бұрын
Wow... First video of yours I've seen and I learned a ton. You do things so clean and beautifully.
@nickarceco 7 ай бұрын
Thank you so much Zach! Means a lot to me. Hope to keep providing more content in the near future!
@gileshughes Жыл бұрын
Amazing tutorial. Most teachers use the builders in house styling, your methods actually teach us how to grow and become better developers. Thats value right there!
@suzannebaker8053 Жыл бұрын
Fantastic video, so much value! Thank you!
2 ай бұрын
An absolute gem, thanks Nicholas!
@isaurasotoca Жыл бұрын
I am loving every second of your tutorials! What I specially like is that you are not afraid of showing us advanced stuff. There’s plenty of tutorials for beginners, but it’s more difficult to find good ones when you are looking for tutorials that follow a professional workflow, good code practices and a nice UI/UX output. And you nailed those! Keep up the good work, Nicholas! 😊 Btw, I like teh way you work styling it via external scss stylesheets 😊
@nickarceco Жыл бұрын
Happy you could find this useful and enjoy watching! ❤ I definitely want to try to make the more complicated concepts easy as best I can.
@vigilantezack 8 ай бұрын
I ran into the same thing at the beginning of the video when having to set the archive conditions. The reason this is weird is because in the WordPress settings you have to choose a "real" page as your blog landing page, even though this page doesn't directly need to have any content on it at all. It's just a placeholder that creates the URL for the blog home so we can use it in the WP settings. So in Bricks, I create an Archive template and set the conditions to be blog home and taxonomies, but I also have to set it to run on that empty landing page too. It felt weird to me as well, but without the empty landing page, we can't tell WordPress what page should be the blog landing page!
@StnurTube 9 ай бұрын
Super! Very clean and straightforward tutorial. A lot of good tips. That is exactly what I was looking for. As a hobbyist developer, I don't have any special development tools, I would love to see the CSS styling inside Bricks.
@eLeieZer Жыл бұрын
Very good tutorial. So much insight from you. I am thinking of learning how to properly use CSS and the SCSS just looks beautiful. Keep doing more tuts!
@nickarceco Жыл бұрын
Do it! I recently took the leap and it really helps you understand the potential of things you can create.
@buntusdev-uf1kt 5 ай бұрын
Haven't used saas before or codebox to produce partial. I realised watching this video how much much i misuse tools like codebox. Apart from that, all the information on using dynamic data is so good. Great to see how our approach workflow and styling. Thanks Nicholas.
@rolandoveca Жыл бұрын
You make the best tutorials I've ever seen on Bricks Builder, please keep making more. Thanks for sharing your knowledge and if you have a website, I would love to see it.
@nickarceco Жыл бұрын
Wow. That is quite the complement. I was on my way to church when I saw this comment and couldn't help but feel an overwhelming sense of "alright. keep down this path it's genuinely helping people." because of your comment. Thank you sincerely. I am in the middle of working on a personal website. I do have an agency website magnifiedweb.com if you are interested in taking a look at that.
@andrefranzke3882 8 ай бұрын
Thank you! High class content as always! More please 😘
@kareem2928 Жыл бұрын
Nicholas, I love the work that you provide! Amazing Tutorial, Great in-depth details, and No cutting corners, It's extremely valuable. Thank you. I want to add this, I'm using different techniques on some projects, By replacing Category w/ Page - with (PHP Snippet) and then editing each category with its own template. More work and hard to be honest. I've reasons for sure doing this.
@nickarceco Жыл бұрын
thank you Kareem! and absolutely sometimes projects do require more templates. If you can get away with less then do it but there are always those cases.
@paulhogden7454 11 ай бұрын
This was a fantastic tutorial - thank you
@Jim.Hummel 7 ай бұрын
This is the first video I've watched from you and it simply blows me away! I love seeing the thought process and then exactly how to build it. I just got to where you're going to work on the styling and had to take a break to process the functionality but wanted to answer a question you posed; I would prefer to see the styling in Bricks.
@nickarceco 7 ай бұрын
Glad you are finding value!! I ended up moving my workflow to be in bricks for the local items and wpcodebox for global items. So definitely more bricks styling in the future
@andreavocaturo3448 5 ай бұрын
Hi NIcholas Thanks for the amazing tutorial! I am fairly new to Bricks and WP in general and I have learned a lot from your videos. Please keep them coming.
@nickarceco 5 ай бұрын
Welcome to bricks! There is lots to learn but so much you can do!
@GavinDavidson Жыл бұрын
Nice dude, I've been looking for something like this. I have saved it to watch later.
@erika_huber 5 ай бұрын
This video was so informational, even beyond the dynamic blog. I have been looking for someone that shows their way of thinking while designing and showing best practices along the way. Your style of teaching is easy to follow and the fact that you show your "mistakes" actually helps in the learning process. Hoping you decide to post more frequently because these videos are great! Thank you!
@nickarceco 5 ай бұрын
Thank you Erika! I definitely want to make more “unpolished” videos that show thought process and mistakes. I’m glad you find them helpful to
@marcorubiol_ Жыл бұрын
Thank you. I really enjoyed this video. Seeing your workflow and few more advanced tip Really nice
@nickarceco Жыл бұрын
Glad you enjoyed it! Let me know if you have questions I can help with.
@SinisaSinjori 10 ай бұрын
Excellent tutorial. Very nice explanation, and I have to say - I am very positively surprised. Thank you, Nicholas.
@nickarceco 10 ай бұрын
Thank you sir! Happy to hear it was useful
@nikkihstokes 10 ай бұрын
Learnt some very useful tricks, thanks.
@odinaka_joshua Жыл бұрын
Great video Nicholas, thank you.
@ReubenHochstetler Жыл бұрын
This was incredible. Very valuable.
@barbarossa04 11 ай бұрын
Thank you a lot for this awesome tutorial.
@danielblomster Жыл бұрын
Top notch! Keep it up!
@danieleromano7442 Жыл бұрын
Great tutorial super useful 👍 more tutorials 😊
@PaulGJD Жыл бұрын
This is fantastic! Love it when it works for me THE FIRST TRY! 🙏🙏
@nickarceco Жыл бұрын
Wow! I’m really happy to hear this! Means it was time well spent making the tutorial! Thank you for implementing it on your project.
@anjon-roy 7 ай бұрын
You are a great teacher. I just seen your first video and subscribed your channel.
@nickarceco 6 ай бұрын
Welcome aboard! Thank you for the sub.
@thorsten-roever Жыл бұрын
Now I had time to see the video in full length. I think the styling in Sass is good, although I haven't mastered Sass yet. However, it forces me to learn. It's good to see that not everything works right away, even for a pro, and there's a lot to learn in troubleshooting. I also think it's excellent that you put the styling at the end of the video and don't style each element to death right after creating it, as you see in many videos. Thanks for the chapters as well. I add good tutorials to my library. There I have the ability to search directly for chapters, and also add my own notes. I will definitely spend several more hours with this perfect video before I internalize everything. Thank you very much.
@nickarceco Жыл бұрын
I do want to make note to you. I am in no way a pro. I am in the same boat of still learning how to make myself more professional in how I do things. For instance I even forgot how to do the flex-direction: column-reverse; 😂 I'm very glad to hear that you are working to enhance your skills and not staying stagnant. We need people doing that in the wordpress sphere.
@ricardodesirat2590 Жыл бұрын
Great video, Nick. Just subscribed! There is a lot of content out there but you are a great teacher with a lot of new knowledge. Learned a lot of great tricks for Bricks. I've already left Sass since CSS is getting so powerful, it also keeps me down to earth :) All the best!
@nickarceco Жыл бұрын
Appreciate the sub! Thank you very much! I hope I can continue to bring value to you. You left sass?? Would love to know more your thoughts on it
@ricardodesirat2590 Жыл бұрын
@@nickarceco I'm a raw/vanilla kind of guy. I prefer to avoid extra "layers" like Sass or parallel methods like utility classes (this one, maybe good for prototyping but terrible for production). The tendency is that they eventually stop being so useful and we lost the evolution and momentum of the original technic. But I love your workflow. Love to see it applied to raw technics :)
@jordanhuang5892 Жыл бұрын
I really appreciate this video, thanks!
@nickarceco Жыл бұрын
You are most welcome
@fernandophipps 10 ай бұрын
Thanks for the tutorial. Very valuable content
@nickarceco 10 ай бұрын
You are most welcome! Glad you liked it!
@Joe-ss9cr Жыл бұрын
Very good. Thank you.
@KeshavDaBhutra 6 ай бұрын
Your content are great for learning Keep doing man,
@nickarceco 6 ай бұрын
Glad you enjoy it!
@AmandaLucaseu Жыл бұрын
Great video and tips
@JulianSong Жыл бұрын
This is awesome, TQ.
@SherissaR 11 ай бұрын
Great tutorial, thank you. I'd like to see the styling in Bricks. It's also good to see how you do things with SCSS
@nickarceco 11 ай бұрын
I may be moving back to doing a mix of both. Currently working out what that workflow looks like
@liviustanciu165 Жыл бұрын
Another great tutorial. I was waiting for it! :) About the .stretch class: you put .stetch, not .stretch, that is why it didn`t work. :)
@nickarceco Жыл бұрын
oh yup. that pesky stetch class
@thorsten-roever Жыл бұрын
Thanks for the video
@farhan-app Жыл бұрын
Great video! Keep it coming please! :)
@nickarceco Жыл бұрын
you got it 😉
@damiansaunders2074 3 ай бұрын
Hey Nick, I come back to this post often, it's awesome, thank you. Seems the 1.9.7 Bricks update adds an additional step with the new Echo: Function Names security step. I had to add 'is_category', to the filter to get the things working.
@LeoKoo 3 ай бұрын
I'm a bit lost here. Where do we add "is_category" to?
@nickarceco 3 ай бұрын
Yeah...I am now expecting to get support requests and comments here regarding it haha Im glad they added it but at the same time its another step we have to take.
@nickarceco 3 ай бұрын
@@LeoKoo Hey leo, Bricks now blocks external functions from running inside the {echo:} tag unless you specifically allow them to be ran. They show this in their youtube video under the "echo function names" area of the bricks settings kzfaq.info/get/bejne/sJyhZ5WTr9zPqKM.htmlsi=sq_Bvw4tjA6lE4Qm
@loliradotopper 9 ай бұрын
3:24 I have lost for a big while ,Thank you
@erling5148 Жыл бұрын
Very Very nice and clearly explained Would you mind sharing the json of the page and the css, I would love to have this as a reference file/point
@davidnickson5043 Ай бұрын
Amazing tutorial! So for my understanding I need a normal page for fun just so I can select it as an individual page in the template conditions on the template archive page?
@albertkorsukov151 Жыл бұрын
Awesome tutorial! Would like to see you style in bricks aswell
@nickarceco Жыл бұрын
I may be moving back to the builder thanks to advanced themer. We shall see!
@HEYVIET 3 ай бұрын
You have to set the condition for your Blog Page as well as Archive because you probably have set the default “Home and Blog” page settings to be your blog. Wordpress Settings / Reading I think? If not it’s one of those settings. But just set your homepage and leave the blog dropdown empty. No more blog page template condition required 😮
@nickarceco 3 ай бұрын
sooo the only thing I can think is that the reading setting is to set the blog archive url? so if you dont set that the archive has no URL?
@robertmsoares 11 ай бұрын
Wow, I learned so much watching this video! The least I can do is the routine comment, like and subscribe to try and give something back to you. Thank you, sir.
@nickarceco 11 ай бұрын
Thank you for the engagement. It’s a big help!
@ekoflexofficial3903 3 ай бұрын
Thanks for the video. Could you make a 1h video about how to make a bricks builder website from scratch with your good practices?
@nickarceco 3 ай бұрын
I can certainly entertain the idea. What specifically has you stuck? What questions come up when trying to setup a bricks website? Where do you feel your practices arent up to a good standard?
@kin_nam5 9 ай бұрын
Hey Nic! Thank you for the tutorial very helpful! I'm just wondering if I can create my own custom layout for my blog page: post highlight that is takes more space and masonry style cards. Can I do those using Bricks?
@nickarceco 9 ай бұрын
absolutely! one way you can do this is by the below. We can set the card-grid to have something like three rows then we can target the very first card and set that to span all three so it takes up the first row. Something like the below HTML: CSS: .card-grid { display: grid; grid-template-columns: repeat(3, 1fr); } .card:first-of-type { grid-column: 1 / span 3; }
@toby-green 3 ай бұрын
Great tutorial. I had created a page for my archive (forgotten where I was advised to do it...) - but I'm wondering is it strictly necessary and what are the advantages? Also, on the theme of keeping things simple, are there any pros/cons to using custom post types vs having everything under the native post type and assigning custom fields to categories? I guess using just native posts each post type would inherit the same permalink structure which may not be ideal...
@nickarceco 3 ай бұрын
If you are only doing the archive page and not category pages as well you could argue that you could just create a page with the archive URL and build it there but I prefer to have it as an archive template and cover my bases with making sure those category pages go to the same type of archive page. As for CPT’s, always always use them. Dont put them all in pages and post and organize them by tags. That’s just plain ridiculous. Hard to organize and like you mentioned the url structures don’t vary by information type. Not great practice.
@deehrk Жыл бұрын
Hi Nic. another nice tutorial ! thanks ! question : the"page" blog is something you created isnt ?
@nickarceco Жыл бұрын
Yes. And then under Wordpress settings > reading I set the “posts page” to that blog page
@deehrk Жыл бұрын
Hi Nic, do you think its a good idea to place the blog heading and blog desc into one div and set conditions ? easier to manage i think ? less one set of condition to set, i'm not sure how the conditions impact the site speed?
@nickarceco Жыл бұрын
Yes absolutely! You are thinking ahead! I actually made a pinned comment down below of all the little adjustments I missed and that was one of them. Absolutely great catch.
@issakhlief 2 ай бұрын
Hi, thanks for the great tutorial. I have a question: If I have parent categories and sub categories, them I have the posts, what is the best approach to create a template to show the sub categories in a certain design when someone click a parent category, and when there are posts they show in a different design?
@nickarceco Ай бұрын
Hey I didn’t see this until now. Did you figure this out yet?
@wpeasy Жыл бұрын
A side question for you, if I may? I have been tossing up between WPCodeBox and "Scripts Organiser" for some time. My preference has been "Scripts Organiser" for better autocompletion and cleaner UI. Now WPCodeBox 2 is out I see the auto-completion is way better now. Have you tried both, and if so, what makes you favor WPCodeBox? One thing I see is that it now has auto-complete for ACSS variables. I have just written to them to ask if there is a filter to include your own framework variables.
@nickarceco Жыл бұрын
I’ve played with scripts organizer a little bit and gave up on it after about an hour. The UI is better but the experience is much worse in my opinion. Having to jump between different screens to create or organize snippets wasn’t my favorite. Unless I missed something. And there was no folder organization like code box. Just on that alone I chose code box. And 2.0 with monaco editor (the same as vs code) is really nice to have.
@mr.matt.eastwood Жыл бұрын
What an awesome video! Thanks for sharing. Just one thing, I cannot stand that human time difference. I hate not knowing when something was posted, it drives me nuts. Especially when we're talking about years. It can make a huge difference if something was posted in April or June.
@nickarceco Жыл бұрын
Very very good point. I think im going to create a condition to show that {posted x days ago} if its no more than 1 month ago. then it changes to the date method. Good mix of both.
@steiner554 3 ай бұрын
I LOVE these kinds of videos! Not a fan of sass though.
@nickarceco 3 ай бұрын
I’ve since moved my approach to having global css in SASS and everything else in bricks builder
@maddalenaF Жыл бұрын
Thank you Nicholas for this tutorial! 🙂 I wanted to ask: is there a method to translate into a different language the aria-label that Bricks automatically adds when using {post_title:link}? Or in case of non-English language I should just add the aria label manually?
@nickarceco Жыл бұрын
That is an excellent question and I’m not too sure. I haven’t had to play with other languages so that would be a good question for their support.
@maddalenaF Жыл бұрын
@@nickarceco thank you, I'll ask them!
@maddalenaF Жыл бұрын
@pixelstrata, I must correct myself. I actually didn't test it thoroughly the first time. It is indeed translated correctly, as the great Bricks' support pointed out. I apologize for bringing up a non-existent issue!
@pahtashow 10 ай бұрын
Can you please give an advice on how to learn custom post types with Bricks or MetaBox ? I need to learn how to structure tour packages/destinations custom types for a travel website. What video or course do you recommend?
@nickarceco 10 ай бұрын
i would search for kevin gearys videos on CPT's. they are very helpful
@panism1926 Жыл бұрын
Thank you for the tutorial. You set the card grid to be a ul for semantic html. Shouldn't you set the blocks inside to be li as well? Or to use div tag under like this ul-> li -> div? As it is in the tutorial, inside the ul you have divs. As far a s i know, Element “div” not allowed as direct child of element “ul”
@nickarceco Жыл бұрын
YES good catch! I could have sworn I did do it but looks like I didn’t. 🤦♂️ this is why on every project you go back through everything to verify.
@wingtracer 5 ай бұрын
I just noticed that there is no default archive page for taxonomy that would list terms. I would think we should have an archive for any custom taxonomy that lists all the terms? Any ideas?
@nickarceco 5 ай бұрын
I would probably put these on the archive page. List out all the different terms. I would only do this if there were a ton of posts the user could find under each one. Otherwise I would just use a filter for them to filter down.
@christophe_s 11 ай бұрын
Hello Nicolas, Thank you for this excellent video. I'm looking for a solution to hide a button that doesn't have a url. (This is incorporated by a metabox field). Unfortunately, I haven't found a php function to include in the conditions element. Thanks for your help, and keep up the great videos!
@nickarceco 10 ай бұрын
Hey Christopher, did you ever figure this out? Apologies for the late reply
@christophe_s 10 ай бұрын
@@nickarceco Yes always :'( And i don't have found any soltuion for that.
@nickarceco 10 ай бұрын
@@christophe_s have you tried checking the field to see if its empty like this imgur.com/a/5o1SPPG
@Repeatedlyreminded 6 ай бұрын
Hey Mate, Newbie here: would be nice to know the out of the box alternative to automatic css settings, that you took on that card, as I can't figure out how to create those three columns without it. My queryloop just has no end :( Also, you're explaining everything great, but a bit fast. And your custom code for the categories works, but with just one category, it shows it like this "o Category xyz" instead of "Category xyz o (+ Category zyx)"
@nickarceco 6 ай бұрын
Totally understand this. It's a hard balance because I truly believe and stand behind automatic CSS because its in my daily workflow so I want to show people how I use the tools I stand by. I'm not quite sure what you mean by the category code not working. You can send me a support request and I may be able to help you troubleshoot it nickarce.com/contact/#support
@Repeatedlyreminded 6 ай бұрын
@@nickarceco which I totally understand, and your video seems to be for actual developers, which I am not. I could just follow to some extend, and lost you right there. Nevermind, I’ll figure out a workaround.
@ReubenHochstetler Жыл бұрын
Can you explain how you have your partials organized?
@nickarceco Жыл бұрын
Absolutely. I actually have a video that covers partials and I cover how I organize: kzfaq.info/get/bejne/lZxjnq2S3tScnZc.html
@rubenbad1869 6 ай бұрын
Thanks a lot @Nicholas very nice tuto! i am staring using bricks, it helps me to learing via this tutoriel! i stuck at one point, i not have automatic css, so the css ( clickable-parent). not working. Can you help me to solve this problem? to have the full card clickable. please....
@nickarceco 6 ай бұрын
I apologize for some reason I didnt see this comment. I have a snippet to a mixin for clickable parent here: nickarce.com/products/clickable-parent-snippet/
@rubenbad1869 6 ай бұрын
@@nickarceco Thanks a lot
@morozara4962 16 күн бұрын
What am I doing wrong? I followed your tutorial. It has no effect on the archive page and get error Parse error when saving the snippet: parse error: failed at `&cat-gap: 0.6em;` (stdin) on line 47, at column 13 in SCSS Snippet: Global Is there something I am missing.?
@deehrk Жыл бұрын
Hi Nic, this i will consider pro level lessons. thanks for that ! btw i have one strange issue, not sure anyone has the same issue. my partial scss keep loading older version of the file everytime i refresh the site.or when i click cat link and back to "all blog post" all styling is gone.strange to me
@deehrk Жыл бұрын
i have to click save button in the partial scss in order to load the style!
@nickarceco Жыл бұрын
I actually just ran into this problem. its pretty frustrating. I think its a bug.
@RobCooper 4 ай бұрын
Question. I don't use bricks yet. Im looking for a solution to a woocommerce issue i have. Or rather custom checkout functionality. I need 2 different checkout designs depending on if a coupon has been applied and the amount is zero. Can a condition be made to check for that and completely change the layout, field order and button wording?
@nickarceco 4 ай бұрын
you definitely can. you will need to create a function to check for that coupon, but you can use the bricks condition builder to check against that function and show/hide things conditionally. The different field order will be a custom work. Maybe WS forms has this capability to create a checkout forms and you can show those conditionally? im not sure on that though
@RobCooper 4 ай бұрын
@@nickarceco ya when I saw the custom php working with the conditions I immediately thought this could work for my situation. I subbed. I like your style and approach.
@nickarceco 4 ай бұрын
@@RobCooper Thank you Rob! appreciate you subscribing!
@RobCooper 2 ай бұрын
@@nickarceco Hey again (2 months later). Now that I just picked up Advanced Themer, I'm curious about your shortcut on the right side of the panel that takes you to conditions. Was that maybe moved in a later release? I see one on top of the left hand side panel when I activate it. It was nice to have indicated which elements had conditions on them but I can't find where to do that.
@Joe-ss9cr Жыл бұрын
I've used the clickable-parent and it works fine, but when I want to use pseudo-classes to give the image some hover effect, it shuts down the ability to mouse-over the image part. The pseudo-class does its thing, but it seems to remove clickable-parent. It works fine again without the pseudo-class. Any idea what causes this?
@nickarceco Жыл бұрын
You would have to give me a url for me to see. Couldn’t really tell ya from your description.
@Joe-ss9cr Жыл бұрын
@@nickarceco that is very lovely sir, but I won't waste your time with problem-solving my ideas. Thought you might know it on the top of your head, since I'm sure it will come up for everyone at some point with these cards. Let me throw it on the Bricks forum tomorrow. Tnx anyway!
@nickarceco Жыл бұрын
@@Joe-ss9cr send me a DM with the link to my twitter: twitter.com/Sleeplesskxng ill happily take a look. could be something really simple
@Joe-ss9cr 11 ай бұрын
@@nickarceco i thought I responded yesterday, but don't see the comment anymore. Sadly I don't Tweet (Euro). Made a a topic on Bricks forum though. BTW, found out yesterday we've been in contact before. You DM'd (is that a word) about my restaurant websites on Inner Circle a while ago.
@nickarceco 11 ай бұрын
@@Joe-ss9cr Oh yeah thats right! i remember. Good to see you here. I found the answer to your problem (atleast I think I did) and answered in the bricks forum
@nikoweb Жыл бұрын
What is that ACSS Color Extended snippet? =)
@nickarceco Жыл бұрын
oooo thats a good question. It is a snippet that gives me about 11 more shades of each ACSS color. hence why I was using var(--shade-800) and similar variables. ACSS just reworked their color system so I may be reworking that snippet and potentially sharing that with everyone. Otherwise for yourself ACSS allows you to get the individual HSL values of every color so you can make your own shades. Super helpful.
@nikoweb Жыл бұрын
@@nickarceco hehe, already found it. ;)
@nickarceco Жыл бұрын
@@nikoweb my first thought “he hacked me!” Second thought “oh yeah it’s in my snippets 😂”
@erling5148 24 күн бұрын
this {echo:is_category()} does not seem to work for me to display the category title
@nickarceco 22 күн бұрын
As of bricks 1.9.7 you have to add non bricks functions to an allow list for them to run in a dynamic tag like the {echo:} academy.bricksbuilder.io/article/filter-bricks-code-echo_function_names/
@erling5148 22 күн бұрын
@@nickarceco Thanks for this any chance on some new tutorials, I would love to see one about setting up the theme style without AT and or ACSS
@BGdev305 Жыл бұрын
Why do all of those conditions for each individual text / heading? Why not just put wrap cat stuff in a div.. and put the condition on that single div.. then simply anything you put in the div AUTOMATICALLY has the condition. And then another div aka wrapper for the blog stuff? Now you only have 2 conditions.. and 2 wrapper divs.. done.
@BGdev305 Жыл бұрын
lol... i just saw that you corrected it.
@nickarceco 11 ай бұрын
I’m glad you caught it though. Means you’re thinking about optimizing your work.
@stephenjeffers2316 Жыл бұрын
Are you exclusive to Bricks?
@nickarceco Жыл бұрын
Yes. Her and I are in a relationship 😂 but in seriousness, yes I use bricks for all my projects
@loze 11 ай бұрын
Hi Nic, absolutely great video, I just want to ask do I need to get WPcodeBox2 to do things you do ? or is there a alternative choice.
@nickarceco 11 ай бұрын
To use SASS you would need to use wpcodebox, advanced scripts, or scripts organizer. I have found after trying all that wpcodebox is the best. There are other ways to right the css like in your theme or straight within bricks but you won’t have SASS.
@shepdesign 10 ай бұрын
Too many ads :(
@nickarceco 10 ай бұрын
Really!? I’m not even eligible for monetization and they bombard you with ads?
@shepdesign 10 ай бұрын
@@nickarceco Yeah it’s crazy! I could barely reverse, pause and play again with ads haha. What in tarnation
@seangolding4324 11 ай бұрын
Great video Nicholas, I've been looking for a solution like this. Do you know the function to do the same with WooCommerce archives by any chance? I had no luck with {echo:is_product_cat()}
@nickarceco 11 ай бұрын
You were close! It looks like it’s {echo:is_product_category()} woocommerce.com/document/conditional-tags/
@seangolding4324 11 ай бұрын
@@nickarceco amazing, thank you!
Gufee.medalin
Рет қаралды 8 МЛН
DIY Zoonomaly Zookeepers Kinder Joy | PaperCraft Ideas #shorts #papercraft #toys #art #diy #unboxing
learning song
Рет қаралды 8 МЛН
ROYAL DesigneR
Рет қаралды 363
WP Easy
Рет қаралды 2,3 М.
Kevin Geary
Рет қаралды 16 М.
Kevin Geary
Рет қаралды 16 М.