Category: Web


  • Easy Related Posts WordPress Query

    Sometimes you just need to output some posts based on the post you are already on. You could place this code on your single post template and it would return 3 posts based on the categories said post are associated with. The ‘post__not_in’ => array(get_the_ID()), line ensures the post you are currently on doesn’t show […]

    read more

    Published:

    Category:

    Tags:


  • Upload vCard files to WordPress

    We use the upload_mimes Hook to add the vcard file formats to our allowed mime types. This can be placed in your custom or child themes functions.php file or in a custom plugin. You can craft this function to allow other file formats also, but be careful as you may be opening your site up […]

    read more

    Published:

    Category:

    Tags:


  • Death By (Exercise Rep Calculator)

    A small javascript calculator for determining the number of reps completed during a “Death By” EMOM workout. https://codepen.io/philhoyt/pen/bGpGLeN

    read more

    Published:

    Category:

    Tags:


  • Using Airtable to learn React

    The past few weeks I’ve started to learn the React library more seriously with a few practice projects. I learned of Airtable from a CSS-Tricks article a while back which goes into more detail of what Airtable is but the TL;DR might sum it up as a Google Sheets on steroids with API endpoints. In […]

    read more

    Published:

    Category:


  • How I am styling Select elements

    I’ve complained about styling forms before on this blog. But things have gotten better over the last several years and we are starting to see some browser consistency. I did run into a problem with select elements to find that adding pseudo classes won’t work, which is my usual go to for adding font icons […]

    read more

    Published:

    Category:

    Tags:


  • Custom Animated Submit Button for Ninja Forms

    Ninja Forms is easily one of my favorite WordPress plugins. It’s one of the most design agnostic form building plugins I’ve come across and has saved me time on every project. Every now and then a designer asks for some UI that isn’t easily accommodated by most form markup. I needed to animate a submit […]

    read more

    Published:

    Category:


  • Generate Post Title and Slug from Advanced Custom Fields

    I often need to create post titles in WordPress based on fields I’ve generated using Advanced Custom Fields. Below is an example that assumes we have a Custom Post Type registered to “staff” and two Custom Fields with the name of “first_name” and “last_name”. Using the “update_value” hook provided by Advanced Custom Fields and “wp_update_post” […]

    read more

    Published:

    Category:


  • How WordPress default themes add Google Fonts

    I spent some time diving into Twenty Seventeen in preparation to develop for the theme directory. I was curious as to how the developers of very popular theme would enqueue a Google Font. I am no stranger to using a @import tag in the stylesheet, but I assumed there had to be a more sustainable solution. What […]

    read more

    Published:

    Category:

    Tags:


  • Free Plugins to Enhance your WordPress Experience!

    The WordPress UI is one of the best CMS’s on the market and continues to improve with every version. That being said there are a few features that seem to be missing which could make your experience a whole lot better and I am going to show you a few plugins to fill that void! […]

    read more

    Published:

    Category:

    Tags:


  • Big Bold Button

    I’ve been on a spree of creating button styles as well as scalable elements using em’s. Combining those ideas I created the below button. I imagine it being a big call to action. http://codepen.io/philhoyt/pen/xOjmBP

    read more

    Published:

    Category: