Color Code Your Posts by Category with a Simple Custom Property!

แชร์
ฝัง
  • เผยแพร่เมื่อ 7 ต.ค. 2024

ความคิดเห็น • 14

  • @dominikj.h.4590
    @dominikj.h.4590 2 หลายเดือนก่อน

    I've just realized how powerful the trick with var instead of a color is when used in practice! Unfortunately not possible to give a second like, so leaving my kudos here :)

  • @LaRosaMJohnson
    @LaRosaMJohnson 4 หลายเดือนก่อน

    Simple, yet brilliant! You're pushing me closer to GB & GP

  • @nickm1049
    @nickm1049 5 หลายเดือนก่อน +1

    Redefining the variable based on category instead of trying to add a different variable per category👍 Sharing these different logic videos can so expand one's thinking in seeing new possibilities, great little helpful video

  • @rightpadding
    @rightpadding 5 หลายเดือนก่อน

    This is definitely going on my saved YT vids

  • @ItzD3fW1sH
    @ItzD3fW1sH 5 หลายเดือนก่อน

    Not a web designer just have a basic blog with generate press but your videos were so helpful when I designed the blog. So much so that I wanted to stick around so I can keep learning even if I’m done designing! Thank you!

    • @TheAdminBar
      @TheAdminBar  5 หลายเดือนก่อน

      Ah wow, that's awesome to hear! 🙌 Glad it's helpful and thank you for the support!

  • @SparaCash
    @SparaCash 5 หลายเดือนก่อน +1

    Maaan I've been thinking about this style for so many years and suddenly you just come out with this wizard tutorial. Dang! Thanks a LOT :D

    • @TheAdminBar
      @TheAdminBar  5 หลายเดือนก่อน +1

      🙌 I'm in your brain!

  • @adamwrightdesign
    @adamwrightdesign 5 หลายเดือนก่อน

    Oh snap, I love this! Great demo man! 🙌 Definitely see myself using it!

  • @Simulacra001
    @Simulacra001 5 หลายเดือนก่อน +1

    I wished this video had been released a few weeks back when I was trying to do the same thing lol
    I used a similar way to target categories and tags. As an example, I used the following CSS to target each tag:
    .entry-meta .tags-links a[href*="YOURTAGHERE"] {
    background-color:#ff3e00;
    }
    And categories:
    .entry-meta .cat-links a[href*="YOURCATEGORYHERE"{
    background-color:#77bb2c;
    }
    And finally, the tag cloud widget:
    .wp-block-tag-cloud .tag-cloud-link[href*="TAGNAMEHERE"] {
    background-color:#77bb2c;
    }

    • @TheAdminBar
      @TheAdminBar  5 หลายเดือนก่อน

      Sounds like it got the job done! 😅

  • @niaskywalk
    @niaskywalk 5 หลายเดือนก่อน

    This is Awesome! I knew about those particular sets of properties, but I didn't think about putting them together. Now I feel rather silly, LOL! Thanks you for point out how to use these features together. 😄

    • @TheAdminBar
      @TheAdminBar  5 หลายเดือนก่อน +1

      Glad it was helpful!

  • @DavePerth
    @DavePerth 5 หลายเดือนก่อน

    Thanks Kyle, Nice bit of logic, can certainly use it - before I watched I thought "I'll bet he is going to add a custom field to each category which is is a hex value for the colour for that category", but I was wrong! There are limitations here - when the client adds a new category someone has to update the CSS, and what if a post has 2 or more categories?