Header image:every category+every post different image

Hello,

Posts already have that option. The featured image does exactly that. Use a post template with a big featured image and you will have the desired effect: http://demo.tagdiv.com/newspaper/td-post-if-you-only-knew-how-much-your-relative-churn-rate-matters/
For the categories, you will need to modify the top post files in order to achieve your goal and you can add a condition to filter your categories and images: https://codex.wordpress.org/Function_Reference/is_category
You can also use a do_shortcode to place you images. For example:
The category number represents the category id. You can get it from here: http://screencast.com/t/OKsDtKVi3G5

<?php
if (is_category(13)) {
echo do_shortcode('[vc_row][vc_column][vc_single_image image="887"][/vc_column][/vc_row]')
}

elseif (is_category(14)){
echo do_shortcode('[vc_row][vc_column][vc_single_image image="886"][/vc_column][/vc_row]')
}
?>

You can add some padding to the image from visual composer from design options in order to make it fit the content.
result:http://screencast.com/t/pHkte6ztxf6t

I hope this helps
Thank you!

Hello,

I understand your request now. The example above only placed an image on the category page.
You will need to edit the top post files located here: http://screencast.com/t/5V35g4r7aO
Every file corresponds to a top post style you set from the theme panel: http://screencast.com/t/Koefd7FWIm
The shortcode i used was from a visual composer single image element. You can see visual composer shortcodes in text mode when editing a page. You can add a single image element in visual composer when editing a page and style it as you want: http://screencast.com/t/VBHhKVZuk2Oy -http://screencast.com/t/yv4uWDhsMH
Then after you are done with the image settings, you can enter text edit mode and copy the code created for the image to the files as i have shown you above using do_shortcode. You basically copy and paste a visual composer element which is responsive by default.
But the code will not set the feature image anywhere. It just places an image on the category page.
If you want to set the featured images on all 8000 post, besides the manual version, one thing you might try, if you already have an image “in the post” of some type, use the “auto post thumbnail pro” plugin which will automatically take first image from post (or from external site, if necessary) and then generate thumb and assign as “featured” image in every post.
Unfortunately there is no other option for this. You can maybe find a free plugin to do this as well.
I hope this helps
Thank you!

Hi,

If you want the first thing on the page to be the image, then you need to add your code in the category template files: http://screencast.com/t/Jhqe3L6t

<?php echo do_shortcode('[vc_row][vc_column][vc_single_image image="223" img_size="full" css=".vc_custom_1447858280464{padding-top: 20px !important;padding-bottom: 20px !important;}"][/vc_column][/vc_row]');?>

I just added a few more option to the image in visual composer like full size and padding.
Place it like so: http://screencast.com/t/gH5GgPEb
Just be advised that this will generate the same image on every category that uses this template.

result: http://screencast.com/t/jNBgRk8D

Thanks

• This reply was modified 10 years by Bogdan B..

Hello,

The image number is for the image i set. I showed you above how to use a single image element in visual composer. Just create a blank page, add a single image element, select your image, apply some settings/styling to it, then enter classic mode and text mode(not visual) and you will see the code for your image.
You can use the same method on posts. The posts have 2 files that correspond for one template. There is the single.php files and the loop-single.php. For this you have to edit the loop files. http://screencast.com/t/Dq6GqnpUBQ3O

Thanks.