Function for a Dynamic Title for WordPress Blogs

shahadat-shemul-O2MdroNurVw-unsplash

Are you a WordPress theme developer and you’re running into some frustration with getting the <h1> Title of a page to show properly on archives, categories, search results, and single posts?

Continue reading Function for a Dynamic Title for WordPress Blogs

How to get Hover Dropdowns in Bootstrap 5 Navbars

Class Object Oriented PHP

With the release of Bootstrap 5, the developers had made a decision to not support hover dropdown. They claim it has something to do with user experience on touch devices… whatever. I don’t buy it. On phones and small tablets, you’ve got the mobile menu, so you’re good.

Continue reading How to get Hover Dropdowns in Bootstrap 5 Navbars

Automatic Social Menu SCSS Styling with FontAwesome Icons

WordPress Website Planning

Do you hate dealing with styling social media icons in a WordPress theme?  Wish there was a seamless way to manage social links using the WordPress menu without having to use CSS classes?

This is a very interesting way to set the FontAwesome icons for social menu items automatically by selecting the elements using a wildcard href attribute search.

Continue reading Automatic Social Menu SCSS Styling with FontAwesome Icons

How to Make Your Own Opt-in Popup with Foundation Reveal Modal

stock carl-heyerdahl-181868-unsplash

 

Are you working on a WordPress theme that uses Zurb Foundation framework?  Would you like to implement your own lead / opt-in popup using Foundation’s Reveal component?

The one I built even waits until you visit a 2nd page, and on that 2nd page, it waits 10 seconds before popping up. Continue reading How to Make Your Own Opt-in Popup with Foundation Reveal Modal

How to Setup a Local WordPress Development Environment using DB and Media from Staging

Local Dev Setup

In order to make local WordPress development as seamless as possible with collaboration between multiple developers, I’ve devised a process where local versions of WordPress sites can dynamically use the database and media uploads from the staging server. Continue reading How to Setup a Local WordPress Development Environment using DB and Media from Staging

How to Make a Fixed Header Align and Play Nice With the Page

Laptop with Code

Do you have a fixed header area on your website that is not playing nice with the rest of the page?  You can’t quite get the bottom of the fixed header to line up with top of the page content?

Maybe you tried manually adjusting the margin at the top of the content, but when the header height changes at different screen resolutions, what to do?

Well, there’s an easy fix that makes the margin completely dynamic and it uses jQuery.  Use this jQuery in your theme… Continue reading How to Make a Fixed Header Align and Play Nice With the Page

Automatic Table of Contents Sticky Magellan Menu for WordPress Posts

Magellan Menu

See that sweet Magellan menu over on the right sidebar (if you’re not viewing the AMP version of this page)? →

Pretty cool right?

  • It acts as a nice table of contents for the post (and it’s 100% automatic!).
  • You can click the links to smooth scroll down to that section.
  • As you scroll, the visible section is highlighted.
  • It’s also inside of an awesome Theia Sticky Sidebar.

Continue reading Automatic Table of Contents Sticky Magellan Menu for WordPress Posts

How to Add a Scrolling Sticky Sidebar to WordPress

Sticky Sidebar

A sticky sidebar is a great way to improve the user experience of just about any website.  When a website has a sidebar that is not sticky, then when you scroll down below the bottom of the sidebar, then you just have this awkward white space on that edge of the site.  What’s the point of that white space, when the sidebar could stay there? Continue reading How to Add a Scrolling Sticky Sidebar to WordPress

Local Dev Setup With Wildcard Subdomain Vhost

Wildcard Subdomain Vhost

When setting up new local sites for development, skip the hassle with this game-changing setup that uses a single vhost with a wildcard subdomain so you never have to mess with vhosts ever again.

  • Don’t hassle with setting up a vhost every time
  • Don’t waste time adding more rows to your hosts file
  • Don’t mess with developing a site in a subdirectory where absolute links starting with “/” take you back to your localhost dashboard.

Continue reading Local Dev Setup With Wildcard Subdomain Vhost

Dynamic Copyright Year Using PHP or Javascript

Dynamic Copyright Year

Wish you never had to update a footer widget to change the copyright year ever again?  You need to implement a dynamic copyright year into your site.

Here are a couple ways to automate this needless yearly task. Continue reading Dynamic Copyright Year Using PHP or Javascript