[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.4.2″ background_color=”#55bff8″ hover_enabled=”0″ transparent_background=”off” make_fullwidth=”off” use_custom_width=”off” width_unit=”on”][et_pb_row admin_label=”row” _builder_version=”3.25″ background_size=”initial” background_position=”top_left” background_repeat=”repeat”][et_pb_column type=”4_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”Custom WordPress category Pages Plugin” _builder_version=”4.4.2″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” text_orientation=”center” background_layout=”dark” module_alignment=”center” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
Custom WordPress Category Pages Plugin
[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=”1″ specialty=”on” _builder_version=”3.22″][et_pb_column type=”3_4″ specialty_columns=”3″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_row_inner admin_label=”Row” _builder_version=”3.25″][et_pb_column_inner saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”WPCCP” _builder_version=”4.4.2″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
Updated May 18, 2020
Back in 2013, I worked with a Andy Adams – a top of the line WordPress developer – to create WP Custom Category Pages as a free plugin. The goal was to create useful and SEO friendly WordPress category pages. Historically I recommended using the meta robots noindex tag (though a plugin like yoast) to prevent the indexation of category pages.
The reason for noindexing category pages is that category pages are typically almost entirely duplicate content. If you only have a few WordPress category pages, this probably isn’t a big deal. The pages are probably semi useful for users but don’t help you or hurt you in Google. If you have a large number of category pages (or tag pages), this could be really problematic for you with Google. Google sees this as thin / duplicate pages which can be problematic for Google’s algorithms like Panda and Phantom.
To avoid these pitfalls and to actually turn these pages into pages Google loves and sends traffic to, you really need to create valuable unique content and add it to the page. This is what WordPress Custom Category Pages plugin was created to do. The plugin is pretty basic but it works. Sometimes.
The problem with the plugin is that developers code themes pretty differently. While there are standards for development, there is some flexibility and many developers choose not to follow all standards for things like category pages. This means that while WordPress Custom Category Pages was a great solution to add unique content to category pages on some themes, a lot of themes had compatibility issues.
[/et_pb_text][et_pb_text disabled_on=”on|on|on” admin_label=”WPCCP” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid” disabled=”on”]Back in 2013, I worked with a Andy Adams – a top of the line WordPress developer – to create WP Custom Category Pages as a free plugin. The goal was to create useful and SEO friendly WordPress category pages. Historically I recommended using the meta robots noindex tag (though a plugin like yoast) to prevent the indexation of category pages.
The reason for noindexing category pages is that category pages are typically almost entirely duplicate content. If you only have a few WordPress category pages, this probably isn’t a big deal. The pages are probably semi useful for users but don’t help you or hurt you in Google. If you have a large number of category pages (or tag pages), this could be really problematic for you with Google. Google sees this as thin / duplicate pages which can be problematic for Google’s algorithms like Panda and Phantom.
To avoid these pitfalls and to actually turn these pages into pages Google loves and sends traffic to, you really need to create valuable unique content and add it to the page. This is what WordPress Custom Category Pages plugin was created to do. The plugin is pretty basic but it works. Sometimes.
The problem with the plugin is that developers code themes pretty differently. While there are standards for development, there is some flexibility and many developers choose not to follow all standards for things like category pages. This means that while WordPress Custom Category Pages was a great solution to add unique content to category pages on some themes, a lot of themes had compatibility issues. Because of this, I worked with Andy again to develop WordPress Custom Category Pages2 plugin, which tends to work with more themes but is still not universally compatible. We never updated the official WordPress plugin page because of backward compatibility issues. You can download either here:
[/et_pb_text][et_pb_button button_url=”https://wordpress.org/plugins/wp-custom-category-pages/” url_new_window=”on” button_text=”WPCCP – Get the Plugin” button_alignment=”center” admin_label=”Original” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][et_pb_button button_url=”https://app.box.com/s/j3uw5qndvgce948wteht70677fd56d20″ url_new_window=”on” button_text=”WPCCP2 – the update” button_alignment=”left” disabled_on=”on|on|on” admin_label=”v2″ _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ disabled=”on” button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][et_pb_code](aff link)[/et_pb_code][et_pb_text admin_label=”A Better Solution for Custom WordPress Category Pages” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
A Better Solution for Custom WordPress Category Pages
Quite frankly, the plugin isn’t a great solution for two reasons:
- Compatibility issues beyond our control for a free plugin
- The plugin is pretty basic – You can add text to the page but it’s a simple solution.
After having created the plugin I came across the Divi theme from Elegant Themes (aff link). It is a paid theme ($89/yr or $249/life) but it allows you to completely customize and build a site exactly as you want it. Divi uses a dead simple drag and drop builder which features more advanced features for experienced users and developers.
Divi let’s you use a drag and drop editor to create just about any page layout and then provides modules which you can use to add functionality to your site. This drag and drop editor can be used to easily create custom category pages for WordPress. I’m going to run through how to easily create a completely customized category page for WordPress with Divi.
[/et_pb_text][/et_pb_column_inner][/et_pb_row_inner][et_pb_row_inner admin_label=”Row” _builder_version=”3.25″ column_structure=”1_3,1_3,1_3″][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”/u/divi-home” url_new_window=”on” button_text=”Check Out Divi” button_alignment=”left” admin_label=”Check Out Divi” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”/u/divi-builder” url_new_window=”on” button_text=”The Divi Builder” button_alignment=”center” admin_label=”Divi Builder” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”/u/divi-modules” url_new_window=”on” button_text=”Modules & Features” button_alignment=”right” admin_label=”Divi Modules” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column_inner][/et_pb_row_inner][et_pb_row_inner admin_label=”Row” _builder_version=”3.25″][et_pb_column_inner saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”How to Make a Custom WordPress Category Page with Divi” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
How to Make a Custom WordPress Category Page with Divi
To do this, you would already need to have Divi installed. Start by creating a new page in WordPress, and then clicking the big “Use the Divi Builder” button.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/new-page-divi.png” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Use the divi builder to create your wordpress category pages” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”The page will refresh and the Divi Builder will appear, as shown below.” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]The page will refresh and the Divi Builder will appear, as shown below.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/new-page-divi.png” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Blank Custom Category Page” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”You can start off by clicking the %22Insert Columns%22 button.” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]You can start off by clicking the “Insert Columns” button. Since I want a full width header image, we’re going to click the “Fullwidth Section” link right below the first section.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Full-Width-Section.png” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Section” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Then we’ll click the %22Insert Modules%22 button and select %22Fullwidth Header%22.” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]Then we’ll click the “Insert Modules” button and select “Fullwidth Header”.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Fullwidth-header.jpg” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”On the Fullwidth header screen, you can” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]On the Fullwidth header screen, you can completely customize your header. Let’s start by adding a title and subhead for the page, and centering our text in the middle of the page.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Full-Width-Header-1.jpg” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header – add text” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”If we scroll down a little more, we’ll turn on both” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]If we scroll down a little more, we’ll turn on both “make fullscreen” and “show scroll down button”. This will make the header take the entire width of the page and will add an icon to indicate to users that they should scroll down.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Full-Width-Header-2.jpg” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header – turn on fullscreen” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – To further customize this category page, I’m going to add a custom header background” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]To further customize this category page, I’m going to add a custom header background image and turn on parallax scrolling effect to make the page a little more interesting. To get to these options, just keep scrolling down in the fullwidth header settings.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Full-Width-Header-3.jpg” alt=”Use the divi builder to create your wordpress category pages” title_text=”Use the divi builder to create your wordpress category pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header – add background image” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Ok, now that we have all of our elements in, ” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]Ok, now that we have all of our elements in, we’ll click save and exit in the fullwidth header settings box and check out our progress.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Custom-WordPress-Category-Page-Pass1.jpg” alt=”Preview the category page” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header – preview the category page” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – It’s cool that we’ve added these elements,” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]It’s cool that we’ve added these elements, but the text is dark on a dark background, and it’s a little small. Similarly, the scroll down icon is lost in the code. The good news is that we can easily change these without any coding. To do this, we’ll go back to the fullwidth header settings module, and then click on the “Advanced Design Settings” tab. This will allow us to modify the appearance of our elements to create a header for our WordPress Category page that is not only unique but also looks a lot better.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Fullwidth-Header-Settings-Module.jpg” alt=”Divi Module Settings” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header – divi module settings” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Fullwidth-Header-Advanced-Design.jpg” alt=”Divi Advanced Design Settings” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header -advanced design settings” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – We’ll start by customizing the color of the title and subhead.” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]We’ll start by customizing the color of the title and subhead. Then let’s bold the title and use the slider to make both the title and subhead much larger so that they stand out. We’ll also scroll down a little further and update the color of the scroll down icon to make it stand out more as well.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Fullwidth-Header-Title-Settings.jpg” alt=”Divi customize the appearance of text” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header -customize the color” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – If we click save and exit, and then hit preview,Text” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]If we click save and exit, and then hit preview, we can see that our headline and subhead on our WordPress category page stand out a lot more.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Preview-Custom-WordPress-Category-Pages.jpg” alt=”Preview Custom WordPress Category Pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – Full Width Header – preview” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – Just by changing the color and size of the text” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]Just by changing the color and size of the text, we made a huge improvement over the previous iteration. The next step in creating a custom category page for WordPress is to add a unique description. We can do this easily by adding a standard text module to the page. Instead of using a single column for this, I’m going to use two columns, one at 1/4 and one at 3/4. I am going to use the first 1/4 to link to my social media accounts and use the other 3/4 for the custom description going on this category page.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-2-columns.jpg” alt=”2 columns” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – 2 columns” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – social media follow” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]We can use the Social Media Follow Module to display links to different social media networks in the left 1/4 width column.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Social-Media-Text-Modules.jpg” alt=”Create custom description for wordpress category page in divi” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – text module & social media module” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Social-Media-Follow-Settings.jpg” alt=”Social Media Module Settings” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – social media module settings” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – Now we will be able to use the standard WordPress” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]Now we will be able to use the standard WordPress editor to create a unique description for our WordPress category pages. Typically I recommend adding at least 100 words of non-duplicate, keyword focused text. This is a good starting point for helping search engines understand what your category pages are about.
The next step in creating our WordPress category page is to add in the blog posts. The good news is that this is super easy with a premade Divi module. Simply create a new single column row and select the blog module.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Blog-Module.jpg” alt=”Divi Blog Category Module” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – blog module” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – Next we’re going to customize the appearance of this module” _builder_version=”3.27.4″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” use_border_color=”off” border_color=”#ffffff” border_style=”solid”]Next we’re going to customize the appearance of this module a little bit by changing from the default category list mode to a grid / tiled view. Then we’re going to increase the number of posts shown on a page to 15 and then select the category that we want to be shown on the category page.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Blog-Module-Settings-1.jpg” alt=”Set Divi Blog Module Settings” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – blog module settings 1″ _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Divi-Blog-Module-Settings-2.jpg” alt=”Set Divi Blog Module Settings” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – blog module settings 2″ _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text admin_label=”Text – canonical tag” _builder_version=”4.4.2″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_style=”solid”]
Ok, with these steps complete, we should be ready to hit publish on our completely custom WP category page that is SEO friendly. We only have one step left now – that is to deal with the duplicate content stemming from creating a duplicate of our category page. There are a couple ways we can deal with this. The first is to simply noindex the original category page. The second is to use the canonical tag to point the original category page to the custom category page. I prefer the canonical tag solution as it allows us to funnel the link equity generated from the automatic internal linking structures pointing to category pages back the the custom category page we created. If we use the noindex command, this equity serves no value and doesn’t help us drive SEO traffic. Either solution can be implemented via the either the Yoast or Rank Math SEO Plugin. To add the canonical tag, you will need to go to posts in your wordpress admin menu and select categories. From your list of categories select the specific category to edit. Then simply scroll down, click the gear icon, and set the canonical to URL of the custom category page you just created and then hit update.
[/et_pb_text][et_pb_image src=”https://geoffkenyon.com/wp-content/uploads/2017/05/Edit-Canonical-Tag-on-WordPress-Category-Page.jpg” alt=”Set Canonical Tag on WordPress Category Pages” align=”center” align_tablet=”center” align_last_edited=”on|desktop” admin_label=”Image – canonical tag” _builder_version=”3.23″ use_border_color=”off” border_color=”#ffffff” border_style=”solid” animation=”off” sticky=”off” always_center_on_mobile=”on”][/et_pb_image][et_pb_text _builder_version=”4.4.2″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” hover_enabled=”0″ use_border_color=”off” border_color=”#ffffff” border_style=”solid”]Now you should be good to go with a completely customized WordPress category page. While this is more involved than the plugins I created, it is a much better solution that gives you a lot more control over the page. You can check out the live version of the custom category page we just created and the default one here. Good luck!
[/et_pb_text][/et_pb_column_inner][/et_pb_row_inner][et_pb_row_inner admin_label=”Row” _builder_version=”3.25″ column_structure=”1_3,1_3,1_3″][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”/u/divi-home” url_new_window=”on” button_text=”Check Out Divi” button_alignment=”left” admin_label=”Check Out Divi” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”/u/divi-builder” url_new_window=”on” button_text=”The Divi Builder” button_alignment=”center” admin_label=”Divi Builder” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column_inner][et_pb_column_inner type=”1_3″ saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_button button_url=”/u/divi-modules” url_new_window=”on” button_text=”Modules & Settings” button_alignment=”right” admin_label=”Divi Modules” _builder_version=”3.16″ button_rel=”||on||” button_letter_spacing_hover=”0″ button_text_size__hover_enabled=”off” button_one_text_size__hover_enabled=”off” button_two_text_size__hover_enabled=”off” button_text_color__hover_enabled=”off” button_one_text_color__hover_enabled=”off” button_two_text_color__hover_enabled=”off” button_border_width__hover_enabled=”off” button_one_border_width__hover_enabled=”off” button_two_border_width__hover_enabled=”off” button_border_color__hover_enabled=”off” button_one_border_color__hover_enabled=”off” button_two_border_color__hover_enabled=”off” button_border_radius__hover_enabled=”off” button_one_border_radius__hover_enabled=”off” button_two_border_radius__hover_enabled=”off” button_letter_spacing__hover_enabled=”on” button_letter_spacing__hover=”0″ button_one_letter_spacing__hover_enabled=”off” button_two_letter_spacing__hover_enabled=”off” button_bg_color__hover_enabled=”off” button_one_bg_color__hover_enabled=”off” button_two_bg_color__hover_enabled=”off”][/et_pb_button][/et_pb_column_inner][/et_pb_row_inner][et_pb_row_inner admin_label=”Row” _builder_version=”3.25″][et_pb_column_inner saved_specialty_column_type=”3_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_text admin_label=”WordPress Resources” _builder_version=”3.27.4″ border_style=”solid”][wordpressresources]
[/et_pb_text][/et_pb_column_inner][/et_pb_row_inner][/et_pb_column][et_pb_column type=”1_4″ _builder_version=”3.25″ custom_padding=”|||” custom_padding__hover=”|||”][et_pb_sidebar orientation=”right” area=”sidebar-1″ disabled_on=”on||” _builder_version=”3.0.74″ remove_border=”off”][/et_pb_sidebar][/et_pb_column][/et_pb_section]