Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
  • Very Popular

    The first steps - for year 3 site updates

    Jimi Wikman

    The first new steps for Year 3 updates are in progress now, and I am rebuilding the theme again on the beta site. I have started with the new header and will do the footer as well before I move things over to this site. I plan to add a light/dark toggle as well because it seems like a fun thing to do, but overall it will be a lot of cleaning up mostly.

    The new header is starting to come along and I have the basics done. I decided to move away from custom navigation and will instead use the default navigation. The only downside is that adding icons and pills require a bit more CSS than before, but I can live with that. The upside that the navigation is always in sync makes up for that, I think.

    I also remade the sections that will only be seen in desktop mode. It's pretty similar to what I had before, but some slight adjustments as I rebuilt it from scratch. If you want to test the prototype, then I have a codepen for that (seen below).

    image.png

    See the Pen JWSE Sections by Jimi Wikman (@jimiwikman) on CodePen.

    I will move on to the footer soon, but first I will need to add the color variables and the font variables into the custom.css. I will also add the toggle for dark/light so I can see that it works properly before I do the footer. This is because the header and footer will probably stay the same regardless of setting.

    With the update, I will also go over the areas and the current features, since I want to remove some areas and set some others as hidden. This so I can focus on the refresh areas and remove areas that are no longer things that I find useful. I am also stepping away from the changes I made to the widget areas previously, and I will instead use CSS to break out full-width containers.

    For blocks, I will rework them completely to make them work even if I switch themes. That means that each block will contain all the CSS and JS, just like how Angular components work. I will also rework the CSS for every Pages template to clean them up as much as possible.

    It is still a week and a half until I start my vacation, but as always...things are moving, even if it is slow!

    Discuss the Guide

    Recommended Comments

    There are no comments to display.



    Please sign in to comment

    You will be able to leave a comment after signing in



    Sign In Now
     Share

    • My Personal Blog

      Foto av Life Of Pix från Pexels

      About the Author

      Jimi Wikman is the owner of this site and this is his personal blog. Jimi is an experienced IT consultant that enjoy movies, TV series, working out and playing games on his PC.

      Opinions expressed are solely my own and do not express the views or opinions of my employer.

×
×
  • Create New...