Support ForumCustom icon for post format – Support Forum

Custom icon for post format

mutaalim — Wed, 26 Nov 2014 12:15:25 +0000

hi,

I have different categories for posts. I want icons to be relevant to my category on home page recent post section. Please tell me how can i use available icons for custom categories on recent post template.

Reply To: Custom icon for post format

IshYoBoy — Wed, 26 Nov 2014 17:36:37 +0000

Hey,

The function which generates the Recent Posts is located in this file:
wp-content\themes\creolio\assets\framework\wp\shortcodes\shortcodes.php

The function itself is:

/**
 * Recent posts
 */

function ishyoboy_shorcode_recent_posts($atts, $content=null){
	...
}

/**

* Recent posts

function ishyoboy_shorcode_recent_posts($atts, $content=null){

...

}

This is where the icon is output:

$post .='">';
$post .= '<div class="inner ' . ishyoboy_post_icon(get_post_format()) . '"><div class="post-content">';

1 2	$post .='">'; $post .= ' . ishyoboy_post_icon(get_post_format()) . '"> ';

The function ‘ishyoboy_post_icon();’ which generates the icons can be found in:

wp-content\themes\creolio\functions.php

It’s code is:

function ishyoboy_post_icon($type){
    switch ($type){
        case 'audio' :
            return 'icon-music';
            break;
        case 'video' :
            return 'icon-video';
            break;
        case 'gallery' :
            return 'icon-th-large';
            break;
        case 'filter' :
            return 'icon-th-large';
            break;
        case 'image' :
            return 'icon-picture';
            break;
        case 'aside' :
            return 'icon-align-right';
            break;
        case 'link' :
            return 'icon-link';
            break;
        case 'quote' :
            return 'icon-comment-alt';
            break;
        case 'status' :
            return 'icon-edit';
            break;
        case 'chat' :
            return 'icon-comments-alt';
            break;
        default :
            return 'icon-align-left';
    }
}

function ishyoboy_post_icon($type){

switch ($type){

case 'audio' :

return 'icon-music';

break;

case 'video' :

return 'icon-video';

break;

case 'gallery' :

return 'icon-th-large';

break;

case 'filter' :

return 'icon-th-large';

break;

case 'image' :

return 'icon-picture';

break;

case 'aside' :

return 'icon-align-right';

break;

case 'link' :

return 'icon-link';

break;

case 'quote' :

return 'icon-comment-alt';

break;

case 'status' :

return 'icon-edit';

break;

case 'chat' :

return 'icon-comments-alt';

break;

default :

return 'icon-align-left';

}

So feel free to modify the code and add the logic you have in mind. Hope this helps.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market