Decided to deploy a new WordPress template: Typo from Okay Themes. I was angling for a minimal one column layout and this is closest to what I wanted. I didn’t want to hack away too much at a an existing theme like I had in the past.
Read on for more techy UI details. Otherwise, I hear a football game is on.
I tried something new with the customizations: putting the styling and extra content using jQuery. Schlepping a child theme wasn’t worth it because my changes and additions weren’t that much to warrant it, but I also didn’t really want to touch the theme CSS nor the template file in question (the footer).
Since the theme called the jQuery base script already, I thought I would write my own separate script with my customizations and just inserting a call in the header. That way if there’s ever a theme update I’ll just need to insert the call into the header again:
<script src="https://jaydinitto.com/scripts/blog.js"></script>
I realize that doing all of your styling (and inserting content) with jQuery is clunky but I didn’t have much to do to begin with. There’s an issue with the load order because the pre-styled content can sometimes flash before it is rendered—similar to FOUC phenomenon when you don’t call CSS correctly. I have an idea of what’s going on but research is needed.
To do list:
- Update favicon
- Fix jd logo in header
- Figure out jQuery script load order for immediate styling
- Fix for Youtube videos (they activate horizontal scrolling on narrow device views)
- Browser test