WordPress.org

1. DivaythFyr
   Member
   Posted 1 year ago #

   I've been having lots of difficulty trying to get this icon to display by the newest added post title without much progress.

   The Loop:
   

   <?php
   $the_categories = get_the_category();
   if(function_exists('get_cats_icon($the_categories)')) {
   $screen = get_cats_icon();
   $screen = $screen[0];
   } ?>
   <img src="<?php echo ($screen); ?>" width="33" height="33" alt=""  />

   The Functions:
   

   function get_cats_icon($the_categories) {
   foreach( $the_categories as $category) {
   
   if ($category->cat_name == "Category Title") {
   echo '<a href="http://site.com/category/title"><img src="http://site.com/wp-content/uploads/icon.png" /></a>';
   } elseif ($category->cat_name == "Category Title") {
   echo '<a href="http://site.com/category/title"><img src="http://site.com/wp-content/uploads/icon.png" /></a>';
   }
   }
   }

   Is there any easy way to get this code to work?

2. DivaythFyr
   Member
   Posted 1 year ago #

   I found that this works:

   The Loop:
   

   <?php
   $the_categories = get_the_category();
   get_cats_icon($the_categories);
   ?>

   However I have no idea how to remove the border around the image or resize it to fit.

3. alchymyth
   The Sweeper
   Posted 1 year ago #

   However I have no idea how to remove the border around the image or resize it to fit

   difficult to tell without seeing the problem.

   link to your site, to a post/page showing the cat icons?

4. DivaythFyr
   Member
   Posted 1 year ago #

   http://bunchofanime.com/

   The Latest Posts area shows the first icon code not working, then the second code is the one with the border that wont disappear.

   I previously used Category Icons which seemed to mess up the database tables somehow.

   I appreciate any help.

5. alchymyth
   The Sweeper
   Posted 1 year ago #

   The Functions:

   that posted code doesn't make much sense;

   what is the real code in the function?

   and how is the code integrated in the full template?
   (please paste the code of the template into a http://pastebin.com/ and post the link to it here)

   can you describe where the individual icons are coming from, and where they are supposed to link to?

6. DivaythFyr
   Member
   Posted 1 year ago #

   This is how it looks in the Functions.php:

   http://pastebin.com/P3e5wb0L
   

   function get_cats_icon($the_categories) {
   foreach( $the_categories as $category) {
   
   if ($category->cat_name == "Bleach") {
   echo '<a href="http://www.yoursite.com/category/bleach"><img src="http://bunchofanime.com/wp-content/uploads/bleach.png" /></a>';
   } elseif ($category->cat_name == "One Piece") {
   echo '<a href="http://www.yoursite.com/category/one-piece"><img src="http://bunchofanime.com/wp-content/uploads/One-Piece.png" /></a>';
   }
   }
   }

   This is how it looks in the Index.php currently with both icons showing:

   http://pastebin.com/M4b5pCQc

   [code moderated as per forum rules - the pastebin is enough]

7. alchymyth
   The Sweeper
   Posted 1 year ago #

   all icons are literally linking to 'http://www.yoursite.com/category/bleach' or 'http://www.yoursite.com/category/one-piece' which does not seem to be intended.

   assuming that each icon is supposed to link to the episode, try:
   

   function get_cats_icon($the_categories) {
   global $post;
   foreach( $the_categories as $category) {
   
   if ($category->cat_name == "Bleach") {
   echo '<a href="' . get_permalink($post->ID) . '"><img src="http://bunchofanime.com/wp-content/uploads/bleach.png" /></a>';
   } elseif ($category->cat_name == "One Piece") {
   echo '<a href="' . get_permalink($post->ID) . '"><img src="http://bunchofanime.com/wp-content/uploads/One-Piece.png" /></a>';
   }
   }
   }

   from index.php, you can remove the following section:
   

   <?php
   $the_categories = get_the_category();
   if(function_exists('get_cats_icon($the_categories)')) {
   $screen = get_cats_icon();
   $screen = $screen[0];
   } ?>
   <img src="<?php echo ($screen); ?>" width="32" height="32" alt=""  />

8. DivaythFyr
   Member
   Posted 1 year ago #

   The $screen still shows up blank though...

   It use to be: http://pastebin.com/uLHUsUaZ

   Before the plugin that went with it stopped working.

9. alchymyth
   The Sweeper
   Posted 1 year ago #

   The $screen still shows up blank though...

   the $screen cannot show anything with the existing code.
   that is the reason i suggested to remove/delete the corresponding code.
   (this section:
   

   <?php
   $the_categories = get_the_category();
   if(function_exists('get_cats_icon($the_categories)')) {
   $screen = get_cats_icon();
   $screen = $screen[0];
   } ?>
   <img src="<?php echo ($screen); ?>" width="32" height="32" alt=""  />

   as it is, it is useless)

   ---------------------
   what do you expect that the $screen should show?
   i.e what did the $screen show before?

   what more than one icon do you want in your post list?

10. DivaythFyr
    Member
    Posted 1 year ago #

    Well I had in mind it displaying individual icons for specific categories. If the category is, say, category 1, then it would display the corresponding icon for category 1 when called for. Something such as that. It's easy to apply an icon for individual posts, but adding an icon for each one of a thousands of posts would be very time consuming.

    The way I look at it the function code almost works, it works with this code just fine:
    

    <?php
    $the_categories = get_the_category();
    get_cats_icon($the_categories);
    ?>

    The only drawback is that there's a big border around it that doesn't seem to want to disappear despite whatever I try, and I do not know how to resize it to fit.

    On the other hand the code that doesn't display the icon would work perfectly if it actually displayed the icon.

11. alchymyth
    The Sweeper
    Posted 1 year ago #

    in style.css, this style is generating the border:
    

    .post img{
    	float:left;
    	margin: 0px 5px 5px 9px;
    	padding: 2px 2px;
    	border:1px solid #222;
    	background:#070D17;
    
    }

    actually in two ways:
    a:
    border:1px solid #222;
    b:
    

    padding: 2px 2px;
    background:#070D17;

    if you remove all this from the style, there should be no border any more.

12. DivaythFyr
    Member
    Posted 1 year ago #

    That worked perfectly! I'm surprised I didn't notice that before..

    Thanks for the help.

Topic Closed

This topic has been closed to new replies.