New Blog Template Is A Go. You May Rest Easy.

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

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.