Custom Fields In Genesis Page Template

This tutorial for members provides the code for 2 custom page templates with 4 to 6 custom fields.

  1. The 1st template is a bit like a front or home page template that replaces widgets areas with custom fields.
  2. The 2nd template displays full width content sections.

Here’s what the 1st page template looks like with sample text:

custom-field-template

The template uses the Advanced Custom Fields plugin (ACF) to create the meta boxes which appear under the editor on all Edit Page screens using this template.

Here’s some of the fields the plugin adds to all pages using the template:

acf-fields

If you prefer not to install a plugin like ACF, you can hand code a meta box for each field.

The custom fields output within the page loop using the .entry class however you can change the hook from genesis_loop to another genesis hook position.

Here’s what the 2nd template looks like:

template

Installation instructions

  1. After downloading the custom fields template zip folder below, unzip it and upload the page-custom-fields.php to your child themes root directory.
  2. Install the ACF plugin and import the advanced-custom-field-export.xml file using the plugins import settings.

Here’s the link to download both files.

Related Posts


Comments

3 responses to “Custom Fields In Genesis Page Template”

  1. “Install the ACF plugin and import the advanced-custom-field-export.xml file using the plugins import settings.”

    How do I do that? I’ve installed and activated ACF plugin , but I don’t see import seting anywhere?

  2. […] Using Custom Fields in a Genesis Page Template […]

  3. […] Adding Custom Fields in a Page Template Using Genesis […]

Leave a Reply

Join 5000+ Followers

Get The Latest Free & Premium Tutorials Delivered The Second They’re Published.