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

WriteNowDesign - Wordpress and Ecommerce Website Design

WordPress, Joomla, Ecommerce Website Design

  • Home
  • Prices/Packages
  • WordPress
  • Services
  • Portfolio
  • Blog
  • About
    • Testimonials
    • Locations
    • Online Payment
  • Contact
  • Show Search
Hide Search

Call 303-907-6133 Email

How to Modify Genesis Search Results Page

How to Build a Portfolio for Genesis 2.0

August 7, 2013 by Pat Fortino

After years of wrestling around with a cumbersome portfolio page, I decided to create a custom post type for my website portfolio with a featured image and title for the archive page, and custom fields for the site url, and “Built with” icons for the framework and cms the site is built with. Now that all the coding is done, it’s a real time saver.

Update: 08-27-2013 – Thanks to a comment by Nathan, I updated the Portfolio tutorial to use the new Genesis 2.0 Custom Post Type Archive settings.

The following steps provide an overview of how to build a portfolio for a Genesis 2.0 template.

  • Click here to see a working example of the Genesis 2.0 portfolio.

I will explain each of the following steps in detail:

  1. In your Genesis child theme folder, create a file called archive-portfolio.php
  2. In your Genesis child theme folder, create a file called single-portfolio.php
  3. Add the portfolio code to your Genesis child theme functions.php
  4. Optional – Add Custom Fieldscode to functions.php 
    1. Add Custom-Metaboxes-and-Fields-for-WordPress code to functions.php
    2. Add Nick the Greek Genesis Custom Field Code to functions.php
  5. Add Brad Dalton code for Previous / Next links on single portfolio pages to functions.php
  6. Add portfolio css rules to your theme’s styles.css
  7. Configure the Genesis Portfolio Archive
  8. Update your permalinks.
    Pages: Page 1 Page 2 Page 3

Tagged With: genesis, WordPress, Comments are closed. If you have information to share, contact me here.

Previous Post: « Upgrading Mosets Tree from Joomla 1.5 to Joomla 2.5
Next Post: How to Customize Genesis Site Map Page »

Reader Interactions

Comments

  1. Renee says

    August 25, 2013 at 3:12 pm

    I very much appreciate you posting this code. I recently upgraded to WordPress 3.6 with Genesis 2.0.

  2. Nathan Schmidt says

    August 26, 2013 at 8:58 am

    Thank you for this tutorial. I had been trying to do this using a portfolio custom post type from another Studiopress theme I have and it wouldn’t work. Looks like some of the hooks have changed in the new Genesis 2.0 framework, which seemed to be the issue. My portfolio is working well, now.

    Would you have a recommendation on what to use to get the archive page to display the posts in a particular order based on the ‘order’ field in the custom post type? I originally used a custom field for ‘order’, but then I noticed that in WP, the ‘order’ field is already built in to the ‘attributes’ panel on the new post admin page. I used WP_query w/ an array in my archive-portfolio.php page to try to populate the posts by the ‘order’ I had designated, but I’m not having any luck.

    Any help would be appreciated… even a link to some documentation. I find a lot of posts on utilizing WP_Query, but nothing recent enough or along the lines of incorporating into a Genesis (2.0) theme.

    • Pat Fortino says

      August 27, 2013 at 8:02 am

      Not sure how to sort by order field. There are plenty of plugins that do that; seems like that would be easiest.

      • Nathan Schmidt says

        August 27, 2013 at 8:49 am

        I found a way to do it after breaking it a lot. I tried w/ WP_Query kind of unsuccessfully, but eventually, adding this in after the function that outputs the page header and before the function that plots out the posts got it to do what I wanted:


        query_posts( array( 'post_type'=>'product-categories' , 'orderby' => 'menu_order' , 'order' => 'ASC' ));

        Also, I saw on another post from Carrie Dils that activated the archive-page settings if you wish to add in content prior to the post output on the archive post page.

        I found this useful, as well. Basically, in the function registering the custom-post-type, you add in:

        ‘genesis-cpt-archives-settings’ into the register_post_type function’s array where ‘supports’ are listed.

        I found this to be a pretty cool baked in feature for Genesis 2.0

        • Pat Fortino says

          August 27, 2013 at 10:20 am

          Hi Nathan. Thanks for the update. I forgot about the genesis-cpt-archives-settings. I’m going to update my portfolio tutorial to include it since it makes adding a title or description to the ctp archive much easier.

          Regarding your comment:

          I noticed that in WP, the ‘order’ field is already built in to the ‘attributes’ panel on the new post admin page

          Not sure I understand what you mean. I don’t see any order field or option for it in the posts screen? Is this something you added using a plugin?

          • Nathan Schmidt says

            August 27, 2013 at 1:07 pm

            I have to correct that earlier statement. The page attributes panel is only located in the ‘page’ screen when making or editing a page, not post (located in panel to the right of the description field). I hadn’t realized that the tutorial made the custom post type more of a page layout rather than post, but it looks like by adding the ‘page_attributes’ in the ‘supports’ array in the registering function (in function.php), it adds this behavior.

            I suppose if you wanted to order posts in this manner, you could use a custom field and then integrate that into the query. This is likely why it wasn’t working before—I was trying to query posts rather than perhaps using something w/ page attributes. I hadn’t noticed this behavior until you brought this up. Now, I realize why it takes on the page attributes.

          • Pat Fortino says

            August 28, 2013 at 6:48 am

            Nathan. Thanks for that clarification.

  3. WriteNoWrong says

    September 11, 2013 at 1:23 pm

    Awesome tutorial! I know this wasn’t really covered, but how would you suggest going about adding custom taxonomies to said Custom Post Types and then presenting them?

    • Pat Fortino says

      September 11, 2013 at 1:33 pm

      The current code has taxonomies for tags. If you want categories, add category to taxonimies. See below.

      ‘taxonomies’ => array( ‘category’, ‘post_tag’ ),

      • WriteNoWrong says

        September 11, 2013 at 2:57 pm

        So say if I registered a custom taxonomy called “location.” I could theoretically just add that into the taxonomies line and it would present that data on the custom post type posting?

        ‘taxonomies’ => array( ‘location’, ‘category’, ‘post_tag’ ),

        • Pat Fortino says

          September 11, 2013 at 6:14 pm

          In order to create a custom taxonomy, you need to register it. See this url for explanation: http://codex.wordpress.org/Taxonomies

Related

Primary Sidebar

Blog Categories

Call Today

Get a Free Quote

303-907-6133

Subscribe to News

News about WordPress, WooCommerce, & Technology

What’s New

  • WPForms Not Sending Notifications
  • Add Terms and Conditions WooCommerce
  • Fix WordPress AMP Validation Errors
  • Use the Classic Editor with Gutenberg Block Editor
  • Add a Message at Top or Bottom of WooCommerce Checkout Page
  • How to Link to a PDF in WordPress

Find Us On…

  • Facebook
  • LinkedIn
  • RSS

Call 303-907-6133 Email

© 2004–2023 · WriteNowDesign · Sitemap · Log in · Return to Top