Powerful websites, with style.

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...]

We are excited to announce v2.0 of our Styles for Genesis all-in-one customization plugin. All Genesis Styles Add-ons have been combined into 1 powerful plugin.
If you don't know about Styles for Genesis, it's a plugin that allows non-coders to change fonts and colors on their Genesis powered website without having to know how to code. It's a very easy to use plugin that relies on the parent Styles plugin and the WordPress Customizer.
What does it mean?
You will now get support for all … [Read more...]

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 … [Read more...]

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...]

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...]

This is a powerful little snippet to allow filtering your post or custom post type by a specific taxonomy term in the WordPress admin.
In my use case I had a custom post type for 'Team' members. I then had a custom taxonomy called 'Group' that associated each member with one or more groups within the organization. The client wanted to be able to filter all Team members by Group in the admin.
My first thought was to use sortable columns, but that would still require scrolling and possibly … [Read more...]

This tutorial shows you how to use a different template via get_template_part() for parent and child terms of a post. You could make this work for custom post types or custom taxonomies too, but in my case it was just regular posts and categories.
The site has a category called "Recipes", and a bunch of child categories like "Beef", "Poultry", "Breakfast", etc...
The recipe index needed one template, while all child terms needed to share another template.
Thankfully, after some googling … [Read more...]

This tutorial adds loading tabs with Ajax to my last tutorial about creating a tabbed content page template. Watch a quick video below to see it in action.
http://youtu.be/BYGZqVNTg6o
I'm going to assume you successfully followed my last tutorial, and you have a working page template with your tabbed content. To load your content via ajax there are a few small, but extremely important steps to get it all working.
Typically, your first tab will be open by default, so you want that … [Read more...]

This tutorial will help you setup a custom page template with jQuery ui tabs setup as the main content area.
There are lots of plugins available that allow tabbed content areas in your posts or pages, but they are all a bit bloated to me. The jQuery that's included in WP already has tabs built in, so why load extra stuff?
This tutorial gives you the basics of setting up a page template with tabs. From here, you can customize however you'd like. You can put ACF fields in your tabs, or … [Read more...]

This quick tutorial (and snippet) allows you to remove the Gravatar/avatar from the Genesis Author Box. I recently posted about adding a widget area to the Genesis Author Box, but this site needed something different.
I'm currently working on a website that has a lot of contributors (authors). The site requires authors to remain anonymous but still allow a pseudonym, as well as a really short bio.
Given the requirements above, I thought it most fitting to still use the Genesis Author Box, … [Read more...]