Categories
Free Tutorials Genesis Tutorials

Add Sidebar To Navigation Pro Single Posts Template

The way Navigation Pro is coded, doesn’t let you change the layout on single posts because of this line of PHP code located around line 31 in image-functions.php.

What happens if we remove the code which checks to make sure the layout used is full width:

genesis_site_layout() === 'full-width-content' &&

Then you get this :

Resulting in this :

You can then change the layout by adding this line of code to the Navigation Pro themes single.php template file :

add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_content_sidebar' );
Categories
Genesis Tutorials

Remove Featured Image On A Per Post Basis In Navigation Pro

This tutorial includes the code which enables you to remove the featured image after the header on any single post in Navigation Pro without removing the archive image.

Show Hide Featured Image After Header Single Posts Navigation Pro

The code adds a show/hide button you can use to remove the featured image. When you do, the single post displays i exactly the same way as it would when a featured image is not added :

Remove Featured Image Single Post

Demo Video

Displays a switch to remove the featured image from the after header position on single posts without removing the featured image on archive pages.

Tested using the Navigation Pro child theme by StudioPress.

Installation Steps

There’s 3 steps :

  1. # Copy & paste the PHP code from the file named image-functions.php to the end of your Navigation Pro themes image-functions.php file or your functions.php file
  2.  

    Step 1

  3. # Copy & paste the CSS from the style.css file to the end of your Navigation Pro themes style sheet and clear caching
  4.  

    Step 2

  5. # Install the ACF ( advanced custom fields ) plugin ( free or premium version ), in your WordPress Dashboard go to Custom Fields > Tools > Import and import the file named acf-73003.json
  6.  

    Step 3

Download Folder

Categories
Genesis Tutorials

Template To Display Archive Entries In Columns Using Navigation Pro

This template enables you to show posts on archive pages in columns. Here’s the result written specifically for the Navigation Pro child theme by StudioPress :

The code enables you to :

  • Display posts in 2,3,4 or 6 columns. In this theme, 2 or 3 works best.
  • Display posts in a single column n smaller screens for ipads and hand held mobile devices.
  • Use the template for category, tag, date, author and other archive page types simply by naming the file according to the WordPress Template Hierarchy. In this case its named tag.php
  • Use the code from this template to fully customize all archive page elements.

Demo Video

Shows the tag archive page displaying posts in 3 columns on desktop screens and 1 column on smaller screens for mobile devices.

Installation Steps

There’s 2 steps :

  1. # Upload the file named tag.php to the Navigation Pro themes root directory and name the file according to the WordPress Template hierarchy to load the template on any archive page type.
  2.  

    Step 1

  3. # Copy & paste the CSS from the style.css file to the end of the Navigation Pro themes style sheet and clear caching.
  4.  

    Step 2

Download Folder

Categories
Genesis Tutorials

Different Featured Image For Archive Pages in Genesis

The code in this download folder enables you to add a special featured image which only displays on archives. The image you add will be different to the image displayed on single posts and pages.

Custom Archive Featured Image

The code enables you to :

  • Add the archive only image using a custom field plugin like ACF or any other custom field plugin.
  • Add your archive only image using custom fields native to WordPress.
  • Use the Genesis > Theme Settings > Content Archives settings to choose your featured image size and alignment.

Demo Video

Shows a custom image added using ACF or WordPress custom fields ( by Image ID which you can see when viewing the image attachment details page ) displayed on archive pages using the content archive settings to choose the size and alignment.

Tested using the Genesis Sample & Navigation Pro child themes by StudioPress.

Installation Steps

  1. # Remove or comment out the code for the genesis_do_post_image function located inside the navigation-pro > lib > image-functions.php like this :
  2.  

    Step 1

  3. # Copy & paste the PHP code from the functions.php file to the end of your Navigation Pro themes functions file or to the end of the image-functions file.
  4.  

    Step 2

  5. # Using ACF or WordPress custom fields, create a new field named archive_image. If using ACF, import file named 72894-acf.json file. If using WordPress fields, create a field like you see in the following screenshot and add the image id to the value field like this :
  6.  

    Step 3

Download Folder

Related Tutorials

Categories
Genesis Tutorials

Genesis Search Results Page The Same As Your Archives In Navigation Pro

This template enables you to display search results the same as your archive pages. In this example, we’ll display the search results on the Navigation Pro themes search results page like this :

As seen in the above screenshot, the template enables you to :

  • Set the layout for the search results page
  • Enable or disable the featured image
  • Align the featured image
  • Set the featured image size
  • Display the content or excerpt
  • Set the content limit
  • Add Your Gravatar to the byline in the entry footer
  • Display the post info including date, author and comments link in the entry footer
  • Enable the comments form and comments link in the entry meta

Demo Video

Tested using the Navigation Pro child theme by StudioPress, the video shows you the search results page displaying entries for posts and pages which display exactly the same.

Will work in any Genesis child theme however some modification may be needed in some themes.

Installation Step

There’s only 1 step.

# Upload the search.php file to the Navigation Pro theme folder replacing the default search.php file.

Step 1

Download Folder