Support Forum - Topic: Special image for each category

Support Forum - Topic: Special image for each category http://www.kriesi.at/support/topic/special-image-for-each-category Support Forum - Topic: Special image for each category en-US Thu, 20 Jun 2013 09:37:00 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Mya on "Special image for each category" http://www.kriesi.at/support/topic/special-image-for-each-category#post-60653 Mon, 18 Jun 2012 03:50:23 +0000 Mya 60653@http://www.kriesi.at/support/ Glad you were able to find a solution. Thanks for posting! Regards, Mya colorit2 on "Special image for each category" http://www.kriesi.at/support/topic/special-image-for-each-category#post-60185 Thu, 14 Jun 2012 10:37:21 +0000 colorit2 60185@http://www.kriesi.at/support/ Hi Devin and @all, thanks, but I've found out, that a plugin isn't necessary for my initial question. If someone needs a solution, here is mine, found at a German tutorial yesterday; If you like to show a header image above a category page, then follow these steps: 1) prepare your header images: right/desired size (I used for example full width images with 960x250px) 2) upload them in Wordpress' media library; note/copy the path of the image, you'll need it for the following code. 3) Open archive.php and find at around line 11 <code> <div id="main"> </code> 4) directly after this, insert this (note the explations within the code): <code> <div id="categoryimagestyle">  <img src='<?php if (is_category('167')) { // the ID of your category echo 'http://yoursite.de/files/2012/06/categoryimage-167.jpg'; } elseif (is_category('photography')) { // you can enter the ID or the slug of the category echo 'http://yoursite.de.de/files/2012/06/categoryimage-photography.jpg'; } elseif (is_category('164')) { echo 'http://yoursite.de.de/files/2012/06/categoryimage-164.jpg'; } elseif (is_category('design')) { echo 'http://yoursite.de.de/files/2012/06/categoryimage-design.jpg'; }?>'> </div> </code> 5) Save and you're ready; use Firebug to adjust your CSS style for category image, here: <code>#categoryimagestyle</code> 6) Explanations: - you can enter the ID of your categories or the name: <code>(is_category('167')) </code> or <code> (is_category('photography')) </code> - the CSS for the category header image is just this: <code> #categoryimagestyle { margin-left: 20px; margin-top: -6px; } </code> Result: <a href="http://i46.tinypic.com/10dhd05.jpg" rel="nofollow">http://i46.tinypic.com/10dhd05.jpg</a> Hope this helps, if anybody needs this, too. It's a great possibility for an "eye-catcher" at top of the category pages. Devin on "Special image for each category" http://www.kriesi.at/support/topic/special-image-for-each-category#post-60071 Wed, 13 Jun 2012 18:54:14 +0000 Devin 60071@http://www.kriesi.at/support/ Hi colorit2, Unfortunately we really are unable to offer support on third party plugins. If you are unfamiliar with html/css and php I would recommend looking into a Freelance Web developer to finish the customization for you. Implementing something a plugin should take less than 2 hours depending on your sepcifications. Regards, Devin colorit2 on "Special image for each category" http://www.kriesi.at/support/topic/special-image-for-each-category#post-60021 Wed, 13 Jun 2012 13:25:20 +0000 colorit2 60021@http://www.kriesi.at/support/ I have installed the plugin, uploaded my category thumbnails, but I have no know-how about editing template files. I have used your code above and placed there the tempalte tag from the plugin (mentioned here: <a href="http://wordpress.org/extend/plugins/category-images-ii/other_notes/)" rel="nofollow">http://wordpress.org/extend/plugins/category-images-ii/other_notes/)</a> <code> <?php ciii_category_images(); ?> </code> and put in in archive.php of NEWSCAST here, so I have this: <code> <?php /* If this is a category archive */ if (is_category()) { ?> <?php _e('Kategorie: ','newscast'); ?> <?php ciii_category_images(); ?> <?php echo single_cat_title(); ?> </code> But I have no images, and I don't know what the plugin's author means with "You will need to style the HTML output yourself", what and where I need to edit what :-( So if you cannot help me with this issue, do you have perhaps another solution for my question which is much easier to implement or much automatic? Thanks a lot in advance. Mya on "Special image for each category" http://www.kriesi.at/support/topic/special-image-for-each-category#post-59874 Tue, 12 Jun 2012 20:10:39 +0000 Mya 59874@http://www.kriesi.at/support/ Hi colorit2, I believe the easiest route would be to use a plugin like <a href="http://wordpress.org/extend/plugins/category-images-ii/" rel="nofollow">http://wordpress.org/extend/plugins/category-images-ii/</a>. Personally, I've never used it so I can't attest to its workability but from the summary it sounds as if it will work. The template you will need to edit is archive.php. Here's the code: <pre><code><?php /* If this is a category archive */ if (is_category()) { ?> <?php _e('Archive for','newscast'); ?> <?php echo single_cat_title(); ?></code></pre> Regards, Mya colorit2 on "Special image for each category" http://www.kriesi.at/support/topic/special-image-for-each-category#post-59842 Tue, 12 Jun 2012 16:37:50 +0000 colorit2 59842@http://www.kriesi.at/support/ Hi, my category archive is looking at the moment like this: <a href="http://i50.tinypic.com/2dsfqja.jpg" rel="nofollow">http://i50.tinypic.com/2dsfqja.jpg</a> I would like to have an image over the whole width on top of each category archive; each category should have its own image. I've made a composing with Elements, how it should look like: <a href="http://i46.tinypic.com/v45g1t.jpg" rel="nofollow">http://i46.tinypic.com/v45g1t.jpg</a> How can I do this? And when it is too hard to code in the theme itself, can you recommend perhaps a plugin for it? Thanks a lot in advance.