Kishore Asokan

India / Working in Maldives / Fighting Diabetes / Technology / Earning Through Blogging / SEO / Make Money Online

You are here: Home / Archives for WordPress Theme Hack

WordPress Theme Hack

Bootstrap in WordPress – Responsive YouTube Videos

by Leave a Comment

If you use a BootStrap Theme, then you should use the feature of responsive Videos.

Check out the video below

[bootube src=”https://www.youtube.com/embed/DGDejqJQ7sk”]

function bootstrap_youtube( $atts ) {
    $a = shortcode_atts( array(
        'src' => '',
    ), $atts,'bootube' );
	return strlen($atts['src']) ? '
<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="' . $atts['src'] . '"></iframe></div>
<div style="clear:both;""></div>
' : '';
}
add_shortcode( 'bootube', 'bootstrap_youtube' );

Now check out the usage

usage.jpg

Need multiple themes on a single blog?

by 1 Comment

There are situations that you want to use different themes for different categories, tags or home page or a specific post. This is bit tricky, but it is possible by using this Multiple themes plugin.

You just need to activate this plugin and you will find the settings under the theme menu of the admin panel. I have tested this and is working fine. I wanted to have a separate theme to be used for a page which I am developing for a mobile site using Framework7.

Customize Post Content as per Post Format

by Leave a Comment

If you are using WordPress Post Format in your theme, then you can customize the way the post content should look.

function kishShowHomeArchContent($content) {
    if(is_singular()) {
        return $content;
    }
    else {
        $post_format=get_post_format();
        if ($post_format=='link') {
            $c=get_the_content();
            return strip_tags($c,'<blockquote><img><embed>').' - <a target="_blank" href="'. esc_url( kish_get_link_url() ).'">'.get_the_title().'</a>';
        }
        elseif ($post_format=='aside') {
            $c=get_the_content();
            return '<span><strong>'.get_the_title().' - </strong> '.$c.'</span><div style="clear:both;"></div>';
        }
        elseif ($post_format=='status') {
            $title='<h2>'.get_the_time('l, F j, Y , g:i A').'</h2>';
            return $title.$content;
        }
        elseif (in_array($post_format,array('image', 'status','video','chat','quote','gallery'))) {
            return $content;
        }
        else {
            $c=get_the_content();
            $readMore = '<a  class="btn btn-info" href="'.get_the_permalink().'">Read More</a>';
            return has_excerpt() ? get_the_excerpt() .$readMore: '<p>'.substr(strip_tags($c),0,150).'....</p>';
        }	
    }
}
add_filter('the_content','kishShowHomeArchContent',-1);

Add this code to your funtions.php in your theme folder.

Post Format Option Missing while writing new post – WordPress

by 1 Comment

Many of us use the post format option to again categorize some posts and have different reasons. Basically templates can be customized for different post formats.

You nee to have this enable in your theme. You can enable this by adding this code to the functions.php file of your theme.

function kishgensetup () {
    add_theme_support( 'post-formats', array(
	'aside',
	'image',
	'video',
	'quote',
	'link',
	'gallery',
	'status',
	'audio',
	'chat',
    ) );
}
add_action( 'after_setup_theme', 'kishgensetup', 11);

This is in response to the below query

I was having the option to select which post format I should use when I write a new post on WordPress, but after changing the theme, this is missing. I believe, post format feature is a core WordPress feature, so why should it go missing when I change to a new theme.

My Custom Archive Page Header

by Leave a Comment

Check out the header of this blog. I am using the category image plugin, which is a good one and have been using for years now. I use Genesis theme. Using the below code, I have created this genesis full width header including the image for the category pages.

You can check out any of the category page of this blog, you will find this kind of header and the description.

function archiveHeader() {
    if(is_archive()) {
        if (function_exists('z_taxonomy_image')) {
            $imgurl='';
            $queried_object = get_queried_object();
            $term_id = $queried_object->term_id;
            $imgurl= z_taxonomy_image_url($term_id); 
            if(strlen($imgurl)>=10) {
                echo '<img class="single-featured-image" src="'.$imgurl.'">';
            }
	}
        echo '<div class="container" style="margin-bottom:10px;border-bottom: solid 1px #000;">';
            do_action('kish_archive_desc_title');
        echo '</div>';
    }
}
add_action( 'genesis_before_header', 'archiveHeader' );
remove_action( 'genesis_before_loop', 'genesis_do_taxonomy_title_description', 15 );
add_action( 'kish_archive_desc_title', 'genesis_do_taxonomy_title_description',15 );

Please be sure that you are using the Genesis Framework

Further Reading – Genesis Bootstrap Framework

Another Genesis Theme Hack – Add your Genesis Affiliate Link in the footer

New Bootstrap with Genesis Framework Theme

by Leave a Comment

The theme on the blog is a combination of Bootstrap Genesis WordPress theme. Bootstrap is a mobile first frontend for web applications and Genesis is a strong WordPress Theme framework

Combination of Bootstrap and Genesis Framework

I use WordPress for all my blogs. This blog has got a new theme which uses Bootstrap and Genesis Framework. I did not write this them from the scratch, but used the salcode bootstrap theme.

 

Suggested Reading – Changing the Genesis Link to your affiliate link

I have almost completed the theme, will update this post with some of the WordPress Hacks that I have used

I could use most of the Bootstrap CSS and Components for my design rather than writing everything from Scratch and more over I am a big fan of Bootstrap.