Wordpress

WordPress: Hueman Theme Make Featured Image Thumbnail appear in Post

I absolutely love the Hueman WordPress Theme. It looks great on my site 🙂

But it doesn’t show the featured image inside the post. I know it’s their intended design and not an actual flaw. But I needed the thumbnail on top of the post in fullsize. If you are looking for the same thing follow these steps:

  • Create a Child theme:

Inside the WordPress themes folder create a folder: “hueman-child”. Or name it anything you like.

In it create a style.css file with following comment on top:

/*
Theme Name: HuemanChild
Theme URI: https://presscustomizr.com/hueman/
Author: Abir
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: hueman
Domain Path: /languages
Copyright: (c) 2015-2017 Nicolas GUILLAUME (nikeo), 2013-2015 Alexander "Alx" Agnarson
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Template: hueman
*/
  • Create a tmpl folder inside hueman-child. So your folder stucture will be like:
wp-content/themes/hueman-child/tmpl
  • Then copy the file single-tmpl.php from original hueman/tmpl folder to your child theme’s tmpl folder
  • You need to add the thumbnail line under div class post-inner group. So it will look like this:
<div class="post-inner group">
<?php if (has_post_thumbnail()) {the_post_thumbnail('full');} ?>

That’s it. Your featured-image will now appear in your post. If you don’t want it in actual size then just change ‘full’ to whatever size you like.

Example:

the_post_thumbnail( 'thumbnail' );     // Thumbnail (150 x 150 hard cropped)
the_post_thumbnail( 'medium' );        // Medium resolution (300 x 300 max height 300px)
the_post_thumbnail( 'medium_large' );  // Medium Large (added in WP 4.4) resolution (768 x 0 infinite height)
the_post_thumbnail( 'large' );         // Large resolution (1024 x 1024 max height 1024px)
the_post_thumbnail( 'full' );          // Full resolution (original size uploaded)

Hope this helps!

Leave a Reply

Your email address will not be published. Required fields are marked *