wpvidZ

Learn WordPress With Video Tutorials

  • Blog
  • Browse
    • Backup & Restore
    • WordPress Localhost
    • WordPress Hosting
    • WordPress themes
    • Version Updates
    • Plugin Tips
    • Security
    • Tutorials
    • WordPress SEO
    • WP Miscellaneous
    • Sitemap
  • WP 5+ Tutorial
  • Search
wpvidZ Blog Tutorials Category featured image -thumbnails in WordPress category page

Tutorials

Category featured image -thumbnails in WordPress category page

Last updated on February 18, 2017
Posted on December 10, 2010

How to show category featured image, Twenty Ten thumbnails in category page.

Since i have made a video tutorial about wordpress 3 set featured image, i have been receiving many emails and questions about if it is possible to display category featured image in wordpress category page, in this case, i am using Twenty Ten theme.

If you use other themes, it should be different story, because every themes has different codes.

I advice that you should ask to theme’s creators or support forums if you want to display the post thumbnails to your category page (non-Twenty Ten theme users).

Displaying category featured image code.

The main code that we have to add, in order to display thumbnails in Twenty Ten’s theme is very simple actually.

I have done some Google researches, and most people give the complicated advanced PHP code, if you are non-techie like myself.

The code of category featured image that we will use:

<?php the_post_thumbnail();?>

As you can see, it is not a different code than putting thumbnails in your home or index page. It uses this code, but we will place it in different place.

Category featured image -how to show thumbnails in category page (Twenty Ten) Video and Steps:

End result image:

wordpress featured image category
The end result of this tutorial.

Video Tutorial:

  • Is my site loading fast? I use this shared hosting
  • Try my theme >

Steps:

1. See my wordpress 3.0 set featured image first, before you follow this, at least the css code, because it is very important to specify the image width and height.

2. In your dashboard, find Appearance → Editor button.

3. Search for loop.php

4. Look where we added:<?php the_post_thumbnail();?> in loop.php

5. In my wordpress 3.0 set featured image post, we have actually added the code inside the “entry-content” div.

Above this “entry-content” div, there is “entry-summary” div.

Paste the code there.

See image below after we have pasted the code, there are two lines of the same code in our loop.php by now.

category featured image
Two same line of codes in loop.php.

6. Click the update button after you added the code.

7. The post thumbnails should also be displayed in Twenty Ten category’s page by now.

That’s how i display category featured image.

category image post thumbnail twentyten

Latest Posts

  • Twenty Nineteen Theme Full Tutorial – Creating a Website
  • Uninstall W3 Total Cache Plugin – Incredibly Easy!
  • Create WordPress Website 2018 on SiteGround Genesis
  • WordPress Noopener Noreferrer Rel Attribute Quick Fix
  • WordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • Twenty Seventeen One Page Parallax Scrolling Website Style
  • How To Add Google Map in WordPress Contact Page
  • WordPress 4.7 Justify Text and Underline
  • Twenty Seventeen Footer “Proudly Powered By WordPress” Text
  • How To Add YouTube Subscribe Button To WordPress Website
← Create ad blocks wordpress sidebar [125×125 widget]
→ Wp security scan, scan wordpress files security

Comments

  1. Erik Fors-Andrée says

    December 10, 2010 at 9:15 pm

    Really great! Thanks Kimi!

    • Kimi says

      December 11, 2010 at 11:37 am

      Erik,

      You’re most welcome!

  2. Peter says

    January 18, 2011 at 7:22 am

    Another way of achieving this is given at globinch. Read How to Create WordPress Thumbnail Based Post Archives
    globinch.com/2010/11/01/how-to-create-wordpress-thumbnail-based-post-archives/

  3. Ryan says

    February 17, 2011 at 2:20 am

    Please help me. I think I am missing something simple. I have gone through both of your videos, and I cannot make the featured images display on my category pages.
    Please look at my testimonials page. That is the one I want to make work correctly, but it will not. I am using an edited 2010 theme.

  4. Ryan says

    February 17, 2011 at 2:21 am

    I am sorry, but I cannot tell if you got my comment.
    I am having trouble making the images display on my testimonial page, which is just a category page.
    Please Help.
    Ryan

    • Kimi says

      February 17, 2011 at 6:02 pm

      Hi Ryan,

      I can not help much except the videos I have posted, imagine I have to help all of my readers and people who emailed me as well..

      I suggest you to go to wordpress support forum, or hire someone.

      Kind regards,

      Kimi.

  5. marvin says

    May 8, 2011 at 4:44 pm

    I have been figuring how to do it for months now. Thanks for the help!

  6. yakinzaman says

    June 10, 2011 at 10:58 pm

    Hi admin, I have a problem on my theme in bloom wpnow helpDid he you get there is the problem? Find and post special areas to put into that category featured content higlights headline news in the form of photographs of specific areas to be entered in which key should I enter the keys articleimg, thumbnail, gallery plugins I used featured_thumbnail even featured content. wpnow help section for the website have themes, but the problem continues to bloom. Unfortunately, your help could not solve the problem thank you in advance.

  7. Peter says

    July 15, 2011 at 8:55 am

    Thank a lot, Kimi

  8. VIVEK KUMAR says

    March 4, 2013 at 5:36 pm

    That’s very helpful..
    Thank You for sharing such a great article…

Trackbacks

  1. Tweets that mention Category featured image -thumbnails in WordPress category page -- Topsy.com says:
    December 10, 2010 at 9:42 am

    […] This post was mentioned on Twitter by WordPress, MrsMoody. MrsMoody said: @MrsMoodyGermany Category featured image -thumbnails in WordPress category page http://goo.gl/fb/E47hY […]

Comment form on this post is closed after 60 days.

Search

Worth Reading

  • WordPress CDN setupWordPress CDN Setup with MaxCDN and W3 Total Cache Plugin
  • WordPress Google maps in contact pageHow To Add Google Map in WordPress Contact Page
  • The configuration of YouTube Subscribe button in Google Developers web pageHow To Add YouTube Subscribe Button To WordPress Website
  • Adding Social Media Links to WordPress Menu With CSS Classes
  • Unable to create directory wp-content/uploads in WordPress
  • Forward Twitter to Facebook Using App and Feedburner Tutorial
  • Kitchen Sink WordPress - Seem Simple But Important
  • Admin Pointers, Drag and Drop WordPress 3.3 Media Upload Features
  • How to sell ebook in a wordpress blog?
  • Check your site's performance using Google labs Page Speed

Backup & Restore

Backup WordPress Without a Plugin or FTP

Export WordPress Database using phpMyAdmin

BigDump Alternative – When BigDump Failed Importing Large WP Database

At This Place The Current Query Includes More Than 300 Dump Lines

View All..

Live Online Website

View All..

Offline Installation

How to Upload WordPress localhost to live server manually

Steps to Install WordPress on Windows 8 and WAMP 2.4

Install WordPress on Mavericks OS X 2014

Maximum upload file size in WAMP WordPress

View All..


WPvidz Hosting Image

  • About Me
  • Contact
  • Affiliate Disclosure
  • Privacy Policy
  • Term of Use

Copyright© 2023 wpvidz.com SG2021 | sitemap.xml


WPvidz.com is independent from WordPress.org but is proudly powered by WordPress & its block-based editor (Gutenberg)

WpvidZ.com uses cookies" to give you the best browsing experience possible. If you click "I Accept" below then you are consenting to this. For more information about your privacy settings on this website, please visit the Privacy Policy page. I Accept