I've written a lightweight plugin to make it extremely easy to create Posts 2 Posts connections via the WordPress WP-API (Rest API). If you don't know about Posts 2 Posts, it's an extremely powerful (developer) plugin that allows you to create a 'connection' between 2 objects, often posts, pages, or CPT, but also users. A typical example Posts 2 Posts (P2P) usage is a website where you have 2 custom post types, actors and movies. They exist as separate post types so they can easily be managed … [Read more...]
Add SMS share button to EA Share Count plugin
I recently added an SMS share button to a high traffic site we built over at my main gig, BizBudding, Inc. We were already using the slim, but awesome, EA Share Count plugin from Jared Atchison and Bill Erickson so adding a new service was as easy as 2 simple filters. The first filter registers a new service called 'sms', while the 2nd filter adds the data (label, link, etc). After a little help testing via the amazing Genesis Slack group, we had it working on iOS and Android. The main code … [Read more...]
Remove Buttons/Items From The WordPress TinyMCE Editor
Sometimes you have a client that really thinks they are a designer, and reeeaaalllly wants everything to be pink. Or centered, justified, bold, etc. Did I already mention pink? On some occasions it's better for the client, and their business/blog, if they didn't have the ability to do that stuff. I'm currently rebuilding a site for a new client that wants everything pink. Everything. Seriously. I decided it may be worth disabling the font color option from the TinyMCE editor in WordPress. I … [Read more...]
Responsive background image aspect ratio with content overlay
Here's the scenario. You want to use an image as the background of a container, and you want to maintain that images' aspect ratio. For an extra bonus, you want to have some text (HTML) on top of the image. There are a few ways you may go about doing this, but all that I've tried so far seem to have some major pitfalls. As a starting point, there is a post on Golden Apple Web Design that I keep referring back to. It actually got me 90% of the way there. Adding content (HTML) inside the … [Read more...]
Grid Column Generator
Radio buttons as toggle buttons with CSS
Updated: March 15, 2019 to use Flexbox instead of float 🙌 Form inputs are annoying, let's face it. There is a ton of data showing the more fields you have in a form, the higher the bounce rate of that form. I decided to play with radio buttons and try make them more like simple toggle buttons. After a bit of playing, I got it working in a clean, easy to use style. This makes your form very clear and fast to fill out for your user. Win. Let's see it in action You can play with the … [Read more...]
Shortcode to show map markers of child pages with Advanced Custom Fields Pro
This post shows you how to create a shortcode that will display a map with markers of all the child pages of the current page. There is also a shortcode attribute to choose the parent page ID for the map, if you want to show the map elsewhere. Create our Google Map field First, lets create our map field. Make sure you set the metabox 'Location' accordingly. I chose to only show the field if the parent page is 'Data Centers'. Next, you need to make sure you have child pages of … [Read more...]
Front End Post Editing with Advanced Custom Fields Pro
This is a continuation of front end posting with ACF Pro to allow editing of posts on the front end. We will use acf_form() for the post fields, and use Sidr for the slide out menu to hold our form. There's a video of the final outcome at the end of this post. I'm using a custom Genesis child theme, but you can modify the code to work however you'd like. Let's get started. Add our form to blog posts We need to load our form on single posts. We're using the same field groups we created … [Read more...]
Front End Posting with Advanced Custom Fields Pro
This tutorial shows you how to build a page template that will allow you to create new posts (or custom post type posts) from the front end of your WordPress website using the powerful Advanced Custom Fields Pro (not free) plugin. Some of the code is specific to The Genesis Framework, so you will have modify it to work on non-Genesis themes or child themes. Part 2 shows you how to edit posts with ACF Pro. There are lots of other cool plugins like Gravity Forms, Ninja Forms, and Formidable … [Read more...]
Show Field Keys in Advanced Custom Fields Pro
When doing some fun stuff with Advanced Custom Fields Pro, we often need to use the field key. Field keys are important because unlike the field title and name, the field key never changes. If you change the field type, title, or name, the key will always stay the same, unless you delete the field itself and create a new one. It's really simple.... In your Dashboard go to Custom Fields > Custom Fields, and choose your field group Click 'Screen Options' at the top right of your browser … [Read more...]