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. Contents hide

   1 Change Thesis Theme Logo

   2 Place Any Widget in Your Header

   3 Give Background color for subtitle

   4 Add social media links or advertisements inside your post

   5 Add background image in Teaser Box at Homepage

   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.