• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2670

Original Genesis Tutorials & 5000+ Guaranteed Code

Snippets

  • Tutorial Requests
  • Contact
  • Videos
  • Tags
  • Log in

Premium Member? - Request custom code

Genesis Tabs Template With Custom Fields

This page template enables you to add content via the native WordPress custom fields meta boxes located on every Edit Page.

custom-fields

Setup Instructions

  1. Using a code editor, create a new file named tab_fields.php and add the large block of PHP code below to the file.
  2. Add the jQuery near the end of this post to a file in your child themes js folder.
  3. Upload the file to your child themes root directory.
  4. You can then select the template named Tabbed Fields from the drop menu under the Page Attributes box located on every Edit Page screen.
  5. Add a custom field for each tab using the field names you see in the above image and then add content to each value field.

Template Code

Register for full access

Related Templates

  • Display Single Posts In Tabs
  • Genesis Tabs Widget You Can Fully Customize
  • Add Tabbed Content in Posts & Pages
  • Genesis Tabbed Widgets Template
  • Genesis Tabbed Content Template

Custom Fields Tabs

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Brad Dalton Specializes In Genesis child theme customization & code modification. Read More…

Learn PHP Code

template_include

get_body_class

if else

array

class_exists

foreach

sprintf

add_action

printf

variable

Advertise · WPEngine · Genesis · Log in

  • How Premium Membership Works
  • Sign Up
  • Support
  • Subscription Details/Invoice
  • Tagged Tutorials
  • Access-Download Problems