TutZone http://tutzone.net Tutorials, Design News, and Inspiration Wed, 05 Oct 2011 14:54:21 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 How To Change WordPress 3.2 HTML Editor Fonthttp://tutzone.net/change-wordpress-3-2-html-editor-font/ http://tutzone.net/change-wordpress-3-2-html-editor-font/#comments Wed, 24 Aug 2011 17:28:13 +0000 Bariski http://tutzone.net/?p=507 The new WordPress’s HTML editor uses monospace font for editing, which I personally don’t like at all. If you are among folks who don’t appreciate it and want to change, this simple to follow tutorial will help you out.

Procedure:

Note: Do take backup of the files before you try this.

01. Login to your WordPress administration panel and go to Appearance => Editor => Theme Functions (functions.php)

02. Once there place this below code before ?>:

add_action( 'admin_head-post.php', 'devpress_fix_html_editor_font' );
add_action( 'admin_head-post-new.php', 'devpress_fix_html_editor_font' );

function devpress_fix_html_editor_font() { ?>
<style type="text/css">
#editorcontainer #content, #wp_mce_fullscreen {
font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
}
</style>
<?php }


03. You can change the font to whatever you like.

This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/change-wordpress-3-2-html-editor-font/feed/ 0 Fix Visual Editor In WordPresshttp://tutzone.net/fix-visual-editor-wordpress/ http://tutzone.net/fix-visual-editor-wordpress/#comments Tue, 23 Aug 2011 12:48:37 +0000 Bariski http://tutzone.net/?p=506 WordPress’s Visual Editor is not at all what they say it is, WYSIWYG (What You See Is What You Get). And if you got a theme or have built a theme which has custom div classes in it, WordPress’s visual editor won’t show them. To fix visual editor issue here is a simple to follow tutorial.

Procedure:

Note: Do take backup of the files before you try this.

01. Login to your WordPress administration panel and go to Appearance => Editor => Theme Functions (functions.php)

02. Once there place this below code before ?>:

$your_custom_stylesheet = 'css/custom-editor-style.css';
add_editor_style($your_custom_stylesheet);


03. The parameter $your_custom_stylesheet is the name of the stylesheet, relative to the theme root. It also accepts an array of stylesheets. It is optional and defaults to ‘editor-style.css’.

This concludes this simple and useful tutorial. Hope you like it.

Source

]]> http://tutzone.net/fix-visual-editor-wordpress/feed/ 0 How To Add A Copyright Text To Your Sitehttp://tutzone.net/add-copyright-text-site/ http://tutzone.net/add-copyright-text-site/#comments Mon, 22 Aug 2011 12:54:52 +0000 Bariski http://tutzone.net/?p=505 If you ever wondered how to display the copyright information in your WordPress blog, this simple tutorial is for you. With one line of code and step you could add a copyright information to your WordPress blog which also help you branding your site.

Procedure:

Note: Do take backup of the files before you try this.

01. Login to your WordPress administration panel and go to Appearance => Editor => Footer (footer.php)

02. Once there place this below code where you want to display your copyright information:

<b>(c) <?php echo date('Y'); ?></b>
| <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>
| <?php bloginfo('description'); ?>


This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/add-copyright-text-site/feed/ 0 How To Display Only Specific Category In Search Resultshttp://tutzone.net/how-to-display-only-specific-category-in-search-results/ http://tutzone.net/how-to-display-only-specific-category-in-search-results/#comments Fri, 17 Jun 2011 14:57:49 +0000 Bariski http://tutzone.net/?p=501 There are times when you make some specific category for just review or promotional stuff and would not want to get that included in your search results. This simple tutorial will help you to include only specified categories in your search results, so your users will have more accurate search results.

Procedure:

Note: Do take backup of the files before you try this.

01. Login to wordpress administration panel and go to Posts => Categories

02. Once there find the category you want to know the ID for and hover over it, you should see edit link. Right click on it and select Copy Link Location (in firefox) and then open a new tab and paste it there. You should see your category ID as tag_ID=xx. That xx is your category id.

03. Place this code in your functions.php file:

function searchcategory($query) {
if ($query->is_search) {
$query->set('cat','3,7');
}

return $query;
}

add_filter('pre_get_posts','searchcategory');


03. Simply change 3 and 7 to the categories you want to use for your search results, you can add as many as you want by separating them with commas (,).

This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/how-to-display-only-specific-category-in-search-results/feed/ 1 How To Automatically Backup Your WordPress Blog To Dropboxhttp://tutzone.net/how-to-automatically-backup-your-wordpress-blog-to-dropbox/ http://tutzone.net/how-to-automatically-backup-your-wordpress-blog-to-dropbox/#comments Thu, 16 Jun 2011 12:16:48 +0000 Bariski http://tutzone.net/?p=500 If you are not registered with Dropbox yet, you are missing loads of online happiness. Dropbox is a cloud-based storage and file sharing service. It’s become very popular, due to its ease of use and the basic offer of 2GB of free storage space. WordPress users can easily backup their site automatically to their Dropbox account. This simple tutorial will guide you how to do this. Hope you like it.

Procedure:

01. Signup with Dropbox by following below link:

https://www.dropbox.com/


02. Install this WordPress plugin and activate it:

WordPress Backup to Dropbox


03. Authorize the plugin and let it access your Dropbox account. Then select the date and time and how frequently you want it to take the backup in your plugin settings page. You can save your backup locally (on your computer) as well.

04. Just wait till the time arrives and voilla! the backup file is there in the specified location.

This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/how-to-automatically-backup-your-wordpress-blog-to-dropbox/feed/ 2 How To Add The Tumblr Share Button In WordPresshttp://tutzone.net/how-to-add-the-tumblr-share-button-in-wordpress/ http://tutzone.net/how-to-add-the-tumblr-share-button-in-wordpress/#comments Wed, 15 Jun 2011 11:18:14 +0000 Bariski http://tutzone.net/?p=499 If you are a blogger, you must have heard of Tumblr. Its a simple yet great blogging platform, which lets you focus on content. Though Tumblr is kindda late to the game in terms of blogging, but it has shown some good growth. If you ever wanted to add a Tumblr button on your blog, this simple tutorial is for you. Hope you like it.

Procedure:

Note: Do take backup of the files before you try this.

01. Place this code in your footer.php file:

<script type="text/javascript" src="http://platform.tumblr.com/v1/share.js"></script>


02. Place below code where you want to display Tumble Share button:

<a href="http://www.tumblr.com/share" title="Share on Tumblr" style="display:inline-block; text-indent:-9999px; overflow:hidden; width:81px; height:20px; background:url('http://platform.tumblr.com/v1/share_1.png') top left no-repeat transparent;">Share on Tumblr</a>


03. If you want to further customize it, you can check this link out: http://www.tumblr.com/docs/en/share_button

This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/how-to-add-the-tumblr-share-button-in-wordpress/feed/ 1 How to Add Google +1 Button To WordPresshttp://tutzone.net/how-to-add-google-1-button-to-wordpress/ http://tutzone.net/how-to-add-google-1-button-to-wordpress/#comments Tue, 14 Jun 2011 08:10:22 +0000 Bariski http://tutzone.net/?p=498 The launch of Google’s +1 button has really created a buzz in the industry. Experts say, this can greatly affect the rankings of articles in search engine (Google). If you are using personalized Google search, then you would have noticed the effect already. The sites whom you like most using the Google’s +1 button will appear higher on search engine rankings. This simple tutorial will help you integrate Google’s +1 button in your WordPress blog.

Procedure:

Note: Do take backup of the files before you try this.

01. Place this code in your footer.php or header.php file:

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


02. Place any of the below code depending on the button’s size:
Small:

<g:plusone size="small"></g:plusone>


Medium:

<g:plusone size="medium"></g:plusone>


Standard:

<g:plusone></g:plusone>


Tall:

<g:plusone size="tall"></g:plusone>


This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/how-to-add-google-1-button-to-wordpress/feed/ 1 How To Display Adsense Ads On Posts Older Than 4 Dayshttp://tutzone.net/how-to-display-adsense-ads-on-posts-older-than-4-days/ http://tutzone.net/how-to-display-adsense-ads-on-posts-older-than-4-days/#comments Mon, 13 Jun 2011 13:37:06 +0000 Bariski http://tutzone.net/?p=496 Ever wanted to display your Adsense ads after a specific period of time, like displaying your ads only on the articles older than 4 days. This can greatly improve your adsense income and your readership as the regular readers on your blog will feel privileged and most of the traffic coming to older articles will be from search engines which will result in high RPM. This simple tutorial will help you along.

Procedure:

Note: Do take backup of the file before you try this.

01. Place this code in your single.php file where you want to display your adsense ad:

<?php
if (strcmp( date("Y-m-d", strtotime("-4 day")), get_the_time("Y-m-d") ) > 0) {
?>

INSERT YOUR AD CODE HERE

<?php
}
?>


02. Change 4 to any number so that the ad get displayed on only the posts which are older than the specified number.

This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/how-to-display-adsense-ads-on-posts-older-than-4-days/feed/ 2 How To Highlight Search Results In WordPresshttp://tutzone.net/how-to-highlight-search-results-in-wordpress/ http://tutzone.net/how-to-highlight-search-results-in-wordpress/#comments Tue, 26 Apr 2011 17:33:08 +0000 Bariski http://tutzone.net/?p=495 You can highlight the search result for your users/visitors, and help them find the related content more quickly and easily. This simple tutorial will help you along.

Procedure:

Note: Do take backup of the file you try this.

01. Replace the_exerpt() code in search.php file with:

echo $excerpt;


02. Now just below the replaced code add these lines:

$excerpt = get_the_excerpt();
$keys = explode(" ",$s);
$excerpt = preg_replace('/('.implode('|', $keys) .')/iu', '<strong class="search-excerpt">\0</strong>', $excerpt);


03. Edit the class .search-excerpt as you want your highlight to look.

This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/how-to-highlight-search-results-in-wordpress/feed/ 3 Display Messages For Logged In Usershttp://tutzone.net/display-messages-for-logged-in-users/ http://tutzone.net/display-messages-for-logged-in-users/#comments Mon, 25 Apr 2011 17:16:22 +0000 Bariski http://tutzone.net/?p=494 If you have users on your WordPress blog, you can choose to display messages/stuff only for them, or vice versa, you can refer to this simple one step tutorial.

Procedure:

Note: Do take backup of the file you try this.

01. Place the below code in functions.php file:

if ( is_user_logged_in() ) {
echo 'Welcome, registered user!';
} else {
echo 'Welcome, visitor!';
};


This concludes this simple and useful tutorial. Hope you like it.

]]> http://tutzone.net/display-messages-for-logged-in-users/feed/ 4