Custom Category Templates with Genesis

Print Friendly

Share & Comment:
Lithuanian_Archives

You Wanna Do What?!?

Here lately I have been working on a new "feature" for this website. I wanted to create a "blueprint" for each of my readers so you could learn how I setup and coded certain things on this website such as plugins, themes, etc. However, as is usual for me, I wanted to be different, and yet again I wanted to make sure that my work represented the professionalism and pride that I put into each of my projects.
Very quickly I realized that I needed to do some learning about the Genesis Framework and how to customize a category archive page. So I took out to my following favorite resources and started learnin' me-self some Genesis goodness:


What I found were all bits and pieces of what I actually wanted to do, so I thought that I should write this post to you explaining how I put it all together.
Note: I will not be revealing the final result until I have done some more work (Added more content so that it is a more useful page -- nobody wants to look at a bunch of empty categories!) to this area of my site. I will either write a new post on this subject or I will post an update here when the Blueprint section of my site is actually completed, or when its close to completion.
------------------------------ Edit: Updated on 3/23/13 ------------------------------
I have now revealed My Blueprint page to the public! You can also find a link to it in my main menu at the top of each page.
------------------------------------- End Edit --------------------------------------


Making the Page

I wanted to design my custom category page so that I could:

  1. Display my main 'blueprint' category, and...
  2. Display several of its sub-categories and the posts that I put into those categories.
  3. ..., but I wanted this category's page to look very different from the standard category page of my theme!
In order to accomplish this custom look, I needed to customize the default Genesis layout of my custom page template (remove certain default Genesis features), and assign certain different other ones so that I could achieve that completely customized look I was going for.The following tutorial consists of four basic steps. Please continue reading below to learn how to setup your own custom category template in your Genesis based, child theme.

The First Step -- Creating The Template
Create your template just like the code that I am showing you below. Simply copy / paste my template code into your own txt file using your favorite text editor (E.g. Notepad on Windows or 'Notepad for Drive' on Google Drive), save it in a place on your computer you can access, and name it something like: your-new-template.php. Open your FTP program and copy that template file that you just created, and upload it to your child's theme folder. This will usually be located @ /html/wp-content/themes/<your_child_theme>/your-new-template.php
<?php
// Give Your Template a Name:
/* 
Template Name: My BluePrint
*/

/** Remove Genesis Breadcrumbs from the Page */
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs');

/** Remove Genesis Page Title [Primary <h1> tag] */
remove_action('genesis_post_title', 'genesis_do_post_title');

/** Force Layout Setting on Category Page 
*   Change the layout of the page to a specific layout
*/
add_filter('genesis_pre_get_option_site_layout', '__genesis_return_full_width_content');


genesis(); // <- everything important: make sure to include this.
Second Step -- Creating The Page
Creating the actual page in WordPress that will display your category will probably be one of the easiest parts of this exercise because this is "familiar territory" for most of the WordPress users out there. Go ahead and click on Pages --> Add New, then fill out the standard, basic information that is required to create a page. Please follow along with the graphics below.
Third Step -- Obtain, Install & Configure the <Display-Posts-ShortCode> Plugin
This is the real meat of your custom category template. Mr. WordPress & Genesis himself, Bill Erickson, has created this really awesome WordPress plugin display-posts-shortcode. This plugin can be downloaded from the WordPress.org plugins repository, and installed just as any normal plugin would be. See this section of the WordPress codex for more information on installing a plugin.

This plugin has plethora of options, and each of them are explained really well here on his Github post, and he also has some really awesome examples of how to use it here. Additionally, listed below, I have included the exact shortcode that I am using in my custom page (Don't forget to add the sq. brackets [ ] before and after the following code so that it will be a valid WordPress shortcode).
display-posts category="site-themes" posts_per_page="-1" orderby="date" order="ASC" image_size="blueprint" include_excerpt="true" wrapper="div"
Some notable things that you are probably wondering about:
  • category="site-themes" -- One of the categories that I wanted to display on my custom category page
  • posts_per_page="-1" -- Display ALL the posts from the specified category.
  • orderby="date" -- I am displaying my posts in the order (by the date) that I added them to their respective categories
  • image_size="blueprint" -- Display the image size that I created specifically for my custom page. This requires a special code (see below) be added to your functions.php file. Note: This step requires allot of extra work, and it is not necessary if you wish to use the default thumbnail size picture. YOU MAY WANT TO JUST SKIP THIS STEP FOR NOW! :)
  • include_excerpt="true" -- Includes your post's excerpts on your category page. I chose to write an excerpt for each post and display that instead of the full post.
  • wrapper="div" -- Wrap your listings in a div tag. This is used for styling purposes

Special "image_size" Code:
/** Add new image sizes */
add_theme_support( 'post-thumbnails' ); // Adds support to your theme for Post Thumbnails
add_image_size( 'blueprint', 175, 175, TRUE); // Adds a new image size to WordPress
I highly recommend reading this resource about the WordPress add_image_size function so that you will have a better understanding of how it works. You may have to take additional steps to get this working properly.

Fourth & Final Step -- Add Your CSS Styling...and that's it!!
In order for your CSS styling to work properly, you will also need to add a couple more sections of code to your functions.php file, but it won't be hard, I promise!
custom_body_class_WP First, I added a CSS class to my body in Genesis here (see pic). Note: This is a very important step, and by doing this, it will make it much easier to style your custom page. I highly recommend it.

Ok, here is my exact CSS code:
/* Blueprint Classes
------------------------------------------------------------ */
.my-blueprint h1 {text-align:center; font:bold 50px 'Lora', serif; line-height: 1.4; margin:0 auto 10px auto; padding:0; color:#b85c00; text-shadow: 8px 10px 8px #d0d0d0;}
.my-blueprint h1 span {font-family:'Lora', serif; font-weight:bold; color:#000066;	text-shadow: 8px 10px 8px #d0d0d0;}
.my-blueprint p.primary {background:#f0f0f0; margin:30px 30px 50px 30px;padding:20px 20px 0px 20px;
                        font:normal 18px 'Lora', Quattrocentro, serif; text-align:justify;
                        border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
                        -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                        -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                        box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;}

.my-blueprint h2 {background:#d0d0d0; text-align:center; margin:40px auto 10px auto; padding:1px; width:95%;
                  font:bold 24px 'Quattrocento+Sans', serif; line-height: 1.1; border:2px solid #b0b0b0; color:#b85c00;
                  border-top-left-radius:6px;-moz-border-top-left-radius:6px;-webkit-border-top-left-radius:6px;
                  border-top-right-radius:6px;-moz-border-top-right-radius:6px;-webkit-border-top-right-radius:6px;
                  }

.my-blueprint .post-listing {margin:25px auto 30px auto; padding:10px; width:95%; /*border:1px solid red;*/}                                          
.my-blueprint .post-listing .listing-item {border-bottom:3px double #808080; clear:right; /*border:1px solid green;*/}
.my-blueprint .post-listing .listing-item.first {border-right:1px dotted #444;} 

.my-blueprint .post-listing .listing-item img {float:left; margin-top:-15px; padding:0 10px 10px 0;}
.my-blueprint .post-listing .listing-item a.title {font:bold 20px 'Quattrocento+Sans', serif; color:#b85c00;}
...and finally, the following code will need to be added to your functions.php file to make this CSS function as expected:
/**
 * Add Column Classes to Display Posts Shortcodes
 * @author Bill Erickson
 * @link http://www.billerickson.net/code/add-column-classes-to-display-posts-shortcode
 *
 * @param array $classes
 * @param object $post
 * @param object $query
 * @return array $classes
 */
function be_display_post_class( $classes, $post, $listing ) {
	$classes[] = 'one-half-blueprint';
	if( 0 == $listing->current_post || 0 == $listing->current_post % 3 )
		$classes[] = 'first';
	return $classes;
}
add_filter( 'display_posts_shortcode_post_class', 'be_display_post_class', 10, 3 );

/**
 * Customize opening outer markup of Display Posts Shortcode
 * @author Bill Erickson
 * @link http://wordpress.org/extend/plugins/display-posts-shortcode/
 *
 * @param $output string, the original opening markup
 * @return $output string, the modified opening markup 
 */
function be_display_posts_open( $output ) {
	$output = '<div class="post-listing">'; // You can make this whatever you want it to be
	return $output;
}
add_filter( 'display_posts_shortcode_wrapper_open', 'be_display_posts_open' );
Well, that's all folks!! I know from experience that it may take you several attempts to pull this off, but once you finally get it all together, you will never look back. I really hope that I have helped you create your own custom category and/or archive page on your Genesis based site.

P.S. If you have any questions, please don't hesitate to ask! I am looking forward to your comments! Please shoot me a line below and let me know what kind of pages you have created, or if you need any help getting this all put together.

P.P.S. Don't forget, I will be revealing my own custom category page VERY soon! Look for my notification about that hopefully sooner than later.



------------------------- Edit: Updated on 3/23/13 -------------------------
I have now revealed My Blueprint page to the public! You can also find a link to it in my main menu at the top of each page.
-------------------------------- End Edit ---------------------------------


Photo Credit: Baltic Connections
Related Posts Plugin for WordPress, Blogger...
Print Friendly

About Matt Vaden

Matt Vaden is an affiliate marketer who loves building websites with WordPress and the Genesis framework, and I'm the proud owner of this blog...In fact, I often find that I just can't stop tweaking and customizing WordPress, which can be VERY counterproductive at times!! :-) I also really enjoy using various SEO & SEM techniques to promote my sites and I'm always trying to learn more about this super fast paced industry.

Google + | Twitter | Linkedin

{ 17 Comments }

  1. Looks like I butchered my first post :)

    This is what it should have said….

    This is great! Thank you. Do you know if there is a way to make the links an H2 and add an additional specific class to the listing-item??

    For example…

    The code is rendering like this:

    	<div class="listing-item">
    		<a class="image" href="#">
    			<img width="264" height="264" src="#" ></a> 
    			<a class="title" href="#">TITLE</a> 
    			<span class="excerpt-dash">-</span> 
    			<span class="excerpt">EXCERPY</span>
    		</div>
    

    I would like to get it to render like this:

    	<div class="listing-item ADDITIONAL-CLASS">
    		        <a class="image" href="#">
    			<img width="264" height="264" src="#" ></a> 
    			<h2><a class="title" href="#">TITLE</a></h2>
    			<span class="excerpt-dash">-</span> 
    			<span class="excerpt">EXCERPY</span>
    		</div>
    

    Thank you again

    • Hello KRBishop! Thank you for your inquiry about further customizing Bill Erickson’s plugin. I’m gonna address each of your two questions separately since they are addressing two different issues.

      [BTW, I went ahead and deleted your other comment since the formatting was all screwy..]

      Ok. If I’m understanding you correctly, I believe that you’re asking two different things here:
      1. Can you add an additional CSS class to the ($output) variable?
      Yes! You absolutely can. If you will reference my earlier instructions on modifying your functions.php file, you will notice a section of code that looks like this:

      /**
       * Customize opening outer markup of Display Posts Shortcode
       * @author Bill Erickson
       * @link http://wordpress.org/extend/plugins/display-posts-shortcode/
       *
       * @param $output string, the original opening markup
       * @return $output string, the modified opening markup 
       */
      function be_display_posts_open( $output ) {
      	$output = '<div class="post-listing">';
      	return $output;
      }
      add_filter( 'display_posts_shortcode_wrapper_open', 'be_display_posts_open' );
      

      …notice how in the comments section of the code it states that this PHP code will be used to Customize opening outer markup of Display Posts Shortcode? Well my friend, that is exactly what we’ll be doing here. :) Please feel free to update your functions.php file to have this new code as follows:

      function be_display_posts_open( $output ) {
      	$output = '<div class="post-listing ADDITIONAL-CLASS">'; //Your new CSS class is added here
      	return $output;
      }
      add_filter( 'display_posts_shortcode_wrapper_open', 'be_display_posts_open' );
      

      Now you can “style” your post listing via CSS to your heart’s content!!

      2. Can you add an additional HTML selector (H2) to the listing’s (linked “title”)?
      The short answer is yes. Actually, Bill Erickson even shows us an example of how to do it here.

      As you can see in Bill’s example, it is fairly easy to modify the output of the ($title) variable. Using his example as a starting point, you would want to add something like this to your functions.php file:

      add_filter( 'display_posts_shortcode_output', 'be_display_posts_linked_title', 10, 7 );
      function be_display_posts_linked_title( $output, $atts, $image, $title, $date, $excerpt, $inner_wrapper ) {
      	
      	// First check if there's a title
      	if ( !empty( $title ) )
      		// Now let's rebuild the title
      		$title = '<h2>'. get_the_title() .'</h2>';
      	
      	// Finally we'll return the modified output
      	return $output;
      }
      

      However, if this PHP code is abit confusing to you, or if it doesn’t work as you expected, there is an easy way that you can accomplish this same thing via CSS (just as I did in my example above). If you will notice on my blueprint page, I have modified my titles in a couple of different ways…all accomplished through my CSS file. First I’ll show you the CSS, then I’ll explain it below:

      .my-blueprint .post-listing .listing-item a.title {
      font:bold 20px 'Quattrocento+Sans', serif; color:#b85c00;
      background:url('http://www.mattsaffiliatejourney.com/wp-content/themes/quattro/images/help-icon.png') top right no-repeat; padding:0 25px 0 0;
                                                                                                       }
      

      These are the things we’re accomplishing here:
      .my-blueprint – This is the CSS class that I added to my custom category page using Genesis (I explained this in the tutorial above), but here is a link to that image again so you can see it.

      .post-listing .listing-item – These are the post listing ‘specific’ CSS classes.

      a.title – This is the linked title of each listing. As you can see I have used these CSS selectors to modify the font-size, font-weight, font color, and I’ve even added the nice little help icon next to the title just for that added “customized” look and feel. So, as you already know, CSS is quite powerful and can accomplish this task quite nicely.

      If you have any further questions regarding this customization, please don’t hesitate to ask. I’ll be more than happy to assist you in any way I can. Now, I’ll attempt to answer your next question…

      Regards,
      Matt Vaden

      • Thank you so much for your detailed responses. The answer to question #1 worked perfect. However, for “Can you add an additional HTML selector (H2) to the listing’s (linked “title”)?” I can not get that to work. I tried adding the code you pasted above on my functions.php and I also tried the code from http://www.billerickson.net/code/display-posts-shortcode-additional-fields/ but they do not make any changes when I refresh the page. Not sure why but they have no effect on the rendering of the code on my page. I will go with CSS but it would be great to have the post titles by for SEO. Thanks again.

        • Hello again KRBishop. I’m not quite sure why it didn’t work for you, but if you’ll give me until this evening, I’ll do some troubleshooting and see if I can figure it out for ya’.

          Btw, you’re not using a caching plugin are you? If you are, did you refresh/purge the cache for the selected page. That’s just a thought I had as to maybe why it wasn’t working for you.

          If the caching plugin is not the issue, just gimme a bit and I’ll do some troubleshooting.

          Regards,
          Matt Vaden

        • Wow!! Now I really feel like an idiot! I am so sorry that I didn’t notice this earlier, but I left out a line of Bill’s code in my example above.

          I have tested the following code here on my site, and it is working like a champ. Please try adding this to your functions .php file:

          function be_display_posts_linked_title( $output, $atts, $image, $title, $date, $excerpt, $inner_wrapper ) {
          	
          	// First check if there's a title
          	if ( !empty( $title ) )
          		// Now let's rebuild the title
          		$title = '<h2>'. get_the_title() .'</h2>';
          		
          	// Now let's rebuild the output.
          	$output = $inner_wrapper . $image . $title . $date . $excerpt;
          	
          	// Finally we'll return the modified output
          	return $output;
          }
          add_filter( 'display_posts_shortcode_output', 'be_display_posts_linked_title', 10, 7 );
          

          For whatever reason, I forgot to add the part of PHP that rebuilds the $output. Obviously if we are modifying the $title variable, we have to reassemble everything and rebuild the output. Once I added the following line to my code,

          	// Now let's rebuild the output.  [THE PART I FORGOT!]
          	$output = $inner_wrapper . $image . $title . $date . $excerpt;
          

          everything worked like a charm!

          Please give this new code a try and let me know how it works out for ya’

          Regards,
          Matt Vaden

  2. Sorry… but I also noticed a different issue….

    Since I have the category page which is auto-generated with the following path example:
    http://mywebsite.com/leadership/

    I can’t create a new page with the path I want. I need to add a ‘2’ to make it display:
    http://mywebsite.com/leadership2/

    Also, doesn’t this now mean that I know have duplicate content? Essentially 2 “leadership” category landing pages? How can I hide/remove the

    Thank you in advance for your insight! Sorry… I can’t share the site I am working on but I think I explained my question pretty good :)

    • First, I would like to say that some of the issues that you’ve noticed here are are indeed ‘real’ issues, and kudos to you on noticing them before you got too far along in this setup process.

      Secondly, the only reason that I haven’t covered these issues already in this post is because (1)Its a slightly more advanced topic as it relates to SEO, (2)This issue has to do more with site structuring and setup than it does with building a category display page, but at the same time, I have no problem answering your questions.

      As I’m sure you’ve noticed, I named my category display page my-blueprint, simply because that name worked really well with the theme of what I was trying to do here…I wanted to be able to tell all my readers how my site works the way it does…. I bring this up because I want you to also think about the primary purpose for your page, thereby also helping you to name your page appropriately.

      <sidebar>
      Remember, what you are making here…You are creating a WordPress ‘page’ that displays a list of posts. Even though this is very similar to a ‘category page’, its not the same thing because our new page that we’re building can display posts from many different categories, not just one!
      </sidebar>

      What I did was create one parent category blueprint-posts, and three child categories code-snippets, plugins, & site-themes. Then I of course am displaying the posts from each of these four categories using my custom category display page (my-blueprint).

      This is probably the missing piece of the puzzle for you…and it’s certainly the piece of the puzzle that prevents you from having “duplicate content”. I installed and configured the ultimate category excluder plugin for WordPress. This plugin will allow you to configure which categories in WordPress that you want to be displayed. This way you can effectively “hide” certain categories and only display them when and where you wish.

      I have included a screenshot for UCE that will help you to better understand how I setup my own categories diplay options in UCE in order to keep them from showing up. Note, you don’t want to exclude these categories from “Search” because you still want the search engines to find and index your content, you just don’t want that content being displayed in multiple different areas of your website. You shouldn’t have to worry about it being displayed on your new ‘page’, because it would normally have been displayed on a category page anyway. However, I do have one other thought for you on this. I am using the ‘excerpt field’ for each and every post that I put into these categories just so I can control the exact text that is being displayed on the my-blueprint page, but the side effect of doing that is, there will never be a duplicate content issue because that excerpt isn’t being displayed anywhere else on my site! ;-)

      Does any of this make any sense? I sincerely hope I’ve been able to answer your questions regarding this type of setup, but again if you still need more answers please feel free to ask.

      Regards,
      Matt Vaden

  3. Hi Matt,
    Totally fine about falling asleep I really do understand  I am also on UK time zone so a little different in working hours.

    Thanks again for your help, I also realised a real ‘head-slapping moment’ as in not purging the cache on CloudFlare. Once I had performed this your mod worked a charm.

    I was going to build this category in a vertical line until I came across your ‘My Blueprint’ cat and love how it displays two to each row horizontally. My next step will be to get this effect and configuring the plugin to recognise this.

    Thanks again for your help and I have found it really useful and have a small shout here: https://plus.google.com/100003761748305295041

    A tutorial on a child CSS of a child CSS would be handy. It did not occur to me that once the child was in place a further child would be needed to save the customisations.

    Thanks
    Vincent

    • Thanks for understanding.

      I’ll try to get on writing that tutorial ASAP.

      By-the-way, the most current example / reason I can think of that you would want to protect your CSS file would be the fact that the folks over at StudioPress are currently in the process of updating all the child themes to support HTML 5. When this actually happens for any of the child theme(s) you are using, the CSS file will certainly be overwritten during that upgrade. If you have your changes in an additional (separate) CSS file, you will not lose any of your hard work.

      Again, I’ll try to get that new tut written ASAP. Thanks for all the support and suggestions, and I’ll talk to you soon.

      Regards,
      Matt Vaden

  4. Hi Matt,
    Glad I came across this blog, not just this post but have been enjoying reading the others.
    I have a question for a blog I am building. I did indeed come unstuck when trying to add an image to the category. I tried variations of sizes and code insertions. I have managed to publish the thumbnail on the category, however I am struggling with the excerpt to sit left with my image. I tried this:

    [display-posts category="mechanic" posts_per_page="-10" orderby="date" order="ASC" image_size="thumbnail" include_excerpt="true" wrapper="div"]

    In functions.php I added:

    /** Add new image sizes */
    add_theme_support( 'post-thumbnails' ); // Adds support to your theme for Post Thumbnails
    add_image_size( 'mechanic', 175, 175, TRUE); // Adds a new image size to WordPress );

    Thanks for any insight
    Vincent

    • Hello Vincent!
      I am glad to know that you have found my site to be helpful. I noticed one thing in the code that you provided above: image_size=”thumbnail” should be changed to image_size=”mechanic”, that way your new image size that you have added will be used on your category page.

      Note: You must upload your image after you placed the the image code in your functions.php file. In other words, WordPress is not retroactive…meaning it will not update pictures with this new size for pics that you have previously uploaded. All you would need to do is delete that image and upload it again. after that you should see your new image size displayed on your category page.

      Also, if you could reply to this comment thread and leave me a link to your site that would be great so I can help you troubleshoot this issue further.

      Regards,
      Matt Vaden

      • Hi Matt,
        Thanks for your reply.
        I changed the ‘thumbnail’ to mechanic (I had missed that one) this has now produced a smaller neater thumbnail. It’s a lot neater that it formerly was :) – I am still trying to get the excerpt to sit flush alongside the thumbnail. .jcbnews.co.uk/diy-mechanic/

    • Hello. I am really sorry that I made you wait so long for my reply. I only meant to take a Sunday afternoon nap, but I ended up sleeping several hours! Again, I’m sorry about that. ;-)

      I have slightly modified your CSS code to make your category listing appear as you wish. Please copy the code below to your CSS file and make sure that your site is looking the way that you wish (Don’t forget to overwrite/change your current CSS code with the new code below… :) )

      .diy-mechanic h2;}
      .diy-mechanic .post-listing .listing-item {float:left; width:70%;}
      .diy-mechanic .post-listing .listing-item img {float:left; margin:-15px 10px 0 0; padding:0;}
      .diy-mechanic .post-listing .listing-item a.title {font:bold 20px 'Quattrocento+Sans', serif; color:#000000;}
      

      Note [Some food for thought]: There is one other small detail that I would like to point out to you if I may. I did notice that you are adding your changes directly to your child themes CSS file, and granted this is not the worst thing in the world to do…however, if you ever need to update your theme, then your changes would be lost! Please make sure to always keep a copy of your CSS saved somewhere on your local computer to prevent any such loss.

      Sometime in the near future I may write a tutorial explaining how to make a secondary CSS file for your Genesis based child themes so that you don’t ever have to worry about losing your hard work during an upgrade. You can either sign up for my newsletter or check back often for that tutorial. Thanks again for reading my site, and I sincerely hope I have helped you.

      P.S. Your site looks really good! I think you have a lot of potential with what you’re doing there. Keep up the good work my friend and have a great evening!

      Regards,
      Matt Vaden

  5. Brad Dalton says:

    Good idea. The only thing i think can be improved on is the quality/size of the featured images.

    • Hello Brad. Heck, Its an honor just to know you thought I had a good idea! LOL :D

      Well, as you know you can use the WordPress function

      add_image_size()

      to add different default image sizes, but the one thing that is kinda’ quirky about that is the fact that it isn’t “retroactive” on images you’ve already uploaded into WordPress. You will need to either delete and re-upload or just upload a new version of any images that are already attached to posts. Of course if you are writing a new post with a new image, this isn’t a problem.

      If you have any further insight, I’d be really glad to hear from ya’!

      Thanks for stopping by and leaving a comment man. Its much appreciated, really. Have a great day!

      Regards,
      Matt Vaden

  6. Gabrielle Laney-Andrews says:

    This is great! Just what I was looking for on a project I am doing for Massage Therapy practitioners. I wanted a custom look for that section of posts. This solution is absolutely perfect. Trying to use Custom Post types was to complex for what I needed. I really like how your final site turned out. Very inspiring. Thank you for posting this info.

    • Hello Gabrielle.
      I am very glad you found this post helpful! …and you are correct about custom post types. Really CPTs are best used to create a particular format for inputting your information into WordPress, but a custom category template like the one discussed here is really more about controlling the output or display of your information.

      If you need any further assistance, please let me know and I’ll be glad to give you a hand. Thanks again and have a great evening!

      Regards,
      Matt Vaden

Add Your Comment

I'm very glad you have chosen to leave a comment on my humble site. Please keep in mind that all comments are moderated according to my official commenting policy. Please Do NOT use keywords in the name field because they won't be linked to anything anyway...just use your real name. Let's try to have a personal and meaningful conversation.

Rate this Post: 1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 5.00 out of 5)

Commenting Note(s):
To insert code into comments, use: [php]code in here...[/php]
Some HTML tags allowed: <strong>, <em>, <del>, etc. (Just don't overdo it, please!)