5 WordPress Thesis Hacks— Embellish Your Blog

Thesis themes is easy to use and customizable. We give you 5 WordPress thesis hacks, add them in your wp_admin and customize your blog as you wish.

  1. Change Thesis Theme Logo

    Customize the default thesis theme logo with your choice of image on the header. First select and save the site logo as .jpg, .png, .gif and etc. Then copy paste the following code in custom.css code.

    //Add feed links to header
    .custom #header #logo a { display: block; height: 130px; width: 480px;
    background: url(http://fourblogger.com/wpcontent/
    themes/thesis_16/custom/images/four1.PNG) no-repeat; outline: none; }
    .custom #header #logo, .custom #header #tagline { text-indent: -9999px; }
    .custom #header #tagline { height: 0; }
    .custom #header {border:0.2em solid #9c9c9c;
    height:120px;
    padding:5px;
    }

    Along with this you can even append a tag line and add a border within your header.

  2. Place Any Widget in Your Header

    With the code below you can now place accommodate any widget within the header.

    //Add feed links to custom_function.css
    add_action('thesis_hook_header', 'header_ad');
    function header_ad() { ?><div id="google_translator">
    <div id="google_translate_element"></div><script>
    function googleTranslateElementInit() {
    new google.translate.TranslateElement({
    pageLanguage: 'en'
    }, 'google_translate_element');
    }
    </script><script
    src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></
    script>
    </div>
    <?php
    }

    If your website is in another language go to Google Translator > Tools&Resources > select language, it will generate a code. Search for Page languages and then replace the code with your site language.

    Next,
    //Add feed links to custom.css
    .custom #google_translator {
    float: right;
    margin-top: -3em;
    margin-right: 19em;
    }

    Now you will see the Google Translator on your website.

  3. Give Background color for subtitle

    Customize the background color of the subtitles. Copy&paste the code given below.

    //Add feed links to custom.css
    .custom .format_text h2{background-color: #9c9c9c;
    padding: 0.2em 0.2em 0.2em 0.5em; color:#ffffff;
    -moz-border-radius: 4px;
    }

  4. Add social media links or advertisements inside your post

    To display advertisements inside a post. Update your custom_function.php and custom.css with the below code.
    //Add feed links to custom_function.php
    register_sidebars(1,
    array(
    'name' => 'Post_AD',
    'before_widget' => '<li id="%1$s">',
    'after_widget' => '</li>',
    'before_title' => '<h3>',
    'after_title' => '</h3>' )
    );
    function post_ad_widget() { ?>
    <div id="post_ad">
    <ul>
    <?php thesis_default_widget(4); ?>
    </ul>
    </div>
    <?php }
    add_action('thesis_hook_after_post', 'post_ad_widget', '1');

    After updating the files, go to Appearance and select Widget. A box “Post_Ad” will appear on the left side of the dashboard. Then drag and drop the text widget from the center panel to that box. Give a title, copy and paste the advertisement here and click Save.
    Now refresh your site you will see the Ads inside the posts.

  5. Add background image in Teaser Box at Homepage

    Code is provided to change the default thesis image in Teaser box, in fact you can mention the area where the customization need to be performed in image.

    Teaser line image.
    //Add feed links in custom.css:
    .custom #teaser_top{
    background:url("https://www.converticacommerce.com/wpcontent/
    themes/thesis_16/custom/images/teaser_top.png");
    height:20px;
    width:662px;
    margin-left:-13px;
    }

    Teaser top line image.
    //Add feed links to custom_function.php
    function teaser_top() { ?>
    <div id="teaser_top"> </div>
    <?php
    }

    Path of custom image folder is: public_html/binaryturf.com/wp_content/theme/thesis_16/custom/image.

Posted In:

Latest Posts — WordPress Support & Maintenance, Code Snippets, Thesis WordPress Theme Framework

Comment on 5 WordPress Thesis Hacks— Embellish Your Blog

Your email address will not be published. Required fields are marked *