WordPress Theme Hack

Bootstrap in WordPress – Responsive YouTube Videos

July 3, 2017 by Kishore 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

Need multiple themes on a single blog?

June 26, 2017 by Kishore 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

June 26, 2017 by Kishore 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

June 25, 2017 by Kishore 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

June 25, 2017 by Kishore 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