Purab

how to speed up wordpress site load time

For speed up WordPress without developer then you can also do that. In this Article we shown, how to speed up wordpress site load time, Using some tricks you can speed up your wordpress site. Here we given some very basic steps for this.

You need to install varnish with wordpress and apache and increase wordpess website performance so much drastically.

Now more than 19 millions websites build in wordpress only. So wordpress sites market increased so much. People like the faster sites with good content and graphics. If your site visitors are less and content is limited then you don’t need to worry but content grows and traffic of your site increases then problem happens.

how to speed up wordpress site load time

When my site traffic is grown then I faced lot of issue. I changed four times my hosting service. I spend to much time about doing R&D about bandwidth and speed of wordpress blog. Then I noted some certain points for loading the site fastly.

In this article I written some points which are very important for increasing the speed of wordpress blogs.

Use the Cache Plugin

Use the WP Super Cache in your wordpress site. This plugin is very helpful, If you are using shared hosting then also this plugin is very helpful. you will see significant decrease in your site load time and much more efficiency in the usage of server resources.

Get good Hosting

Choosing hosting for wordpress sites if always issue. There are some very nice hosting providers for small wordpress sites. If your blog or site is having less than one thousand page views per day then only you need to go with shared hosting. If you are having more than one thousand page views then you should go for VPS or dedicated linux server. But for setting up wordpress on server you need to server knowledge also. If you are having the more than 10k to 20k visitors per day then you should go with Amazon or Rackspace or Gogrid cloud hosting server. For shared I can recommend following options.

Bluehost
hostgator

I worked on Amazon EC2 and Amazon s3 for many web applications. If you are having any issues then you can write to me.

Hotlinking and Prevent Leeching

hotlinking means someone directly accessing your site images from other site. This will kill your bandwidth. If you want to prevent to stealing your site images then you need to just put following code in .htaccess file.


RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?purabtech.in [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?google.com [NC]
RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?feeds2.feedburner.com/wordpressapi [NC]
RewriteRule \.(jpg|jpeg|png|gif)$ – [NC,F,L]

Remove the unnecessary wordpress plugins

We always use the multiple wordpress plugins for various purpose. My advise is as much as possible don’t use the wordpress plugins. Just use the required wordpress plugins. For contact form and share buttons we always use the wordpress plugins but don’t use plugins for that. Use the following articles and scripts for avoiding the wordpress plugins:

This will save your bandwidth and your wordpress load fast.

Choose the Best Theme for your site

Choosing the right wordpress theme is also important. Your wordpress theme should load faster and minimum quires will fired to database server so your web page load fast. You should check following article for choosing the fast loading themes.

some minimal, fast loading and small free wordpress themes

With great CSS and HTML code wordpress themes are great and HTML5 ready themes will load fastly and that is SEO friendly aslo.

Use the Compressed Images

Images always take so much bandwidth so you need to be very careful about images in your wordpress blog. Before uploading images to wordpress resize the image and then upload it to wordpress.

Images that use only a few colors should be saved as .GIF or .PNG files, and images that use a full spectrum of colors (like true photographs) should be saved as .JPG files. If you use a photo editing software, like Photoshop, you can “save for the web,” which will find the best format to save, while still maintaining quality.

Show Excerpt on Home page

On homepage dont show the full post. Just show the excerpt of post on home page. With your post showing featured image is always good. That will attract your user to read the article.If each of your post is a list post and it is displayed in full text mode, then it will be very inconvenient for your users because the page will take an immense amount of time and server resources to load. Therefore you must use excerpts and limit the count on how many posts are displayed.

Compress CSS and Javascript

CSS and javascript files also another requests to apache server. You should compress your css and javascript file in one or two files.

Stylesheets

Stylesheets are easy to compress, just use your favorite text editor to delete comments and unnecessary spaces and line breaks. Although you won’t see a drastic difference unless your style sheets involve tens of thousands of lines.

JavaScript

Compressing JavaScript isn’t as simple, but it is still relatively easy. There are a number of tools available, such as this one, which is free, that will compress your JavaScript code for you. Better yet, don’t rely on much JavaScript at all if you can help it. If your site has lots of interactivity, moving parts and fancy features, there is a good chance it is running a lot of JavaScript and that could slow things down.

Optimize Your MySQL Database

Some times your tables will go overhead. You should clean your database. For this you should use Optimize DB, wordpress plugin does exactly what we mentioned above except you don’t have to mess with phpMyAdmin. This plugin will reduce your work. Every 5 posts you should optimize the your database.

Use Sprite Images

If you are using many small images in your website then create sprite image. Sprite image will increase your site performance.

add ajax pagination in wordpress blog

For without refresh the data from home page if you want to show the pages and pagination in wordpress blog than you can use the following code for add ajax pagination in wordpress blog.

add ajax pagination in wordpress blog

With the help of jquery you can easily add the pagination wordpress blog site. You just need to add the following code into header.php file.

[viral-lock message=”Source code is Hidden! It’s Visible for Users who Liked/Shared This article on Facebook or Twitter or Google+. Like or Tweet this article to reveal the content.”]


<!--?<span class="hiddenSpellError" pre="" data-mce-bogus="1"-->php wp_enqueue_script('jquery'); ?>
<script>
jQuery(document).ready(function(){
 // ajax pagination
 jQuery('#wp_pagination a').live('click', function(){ // if not using wp_pagination, change this to correct ID
 var link = jQuery(this).attr('href');
 // #main is the ID of the outer div wrapping your posts
 jQuery('#main-container').html('<div><h2>Loading...</h2></div>');
 // #entries is the ID of the inner div wrapping your posts
 jQuery('#main-container').load(link+' #entries')
 });
}); // end ready function
</script>

[/viral-lock]

just put above code in header.php file in head section. Just make sure that you are putting above code after wp_head function.

If you are not wordpress developer then dont use following code and If you are facing any issue then write to me on support@purabtech.in

wordpress plugins for comments enhancement

Comments is very important way doing interaction with blogger and other world. People like to reading the comments. In comments some people put review also. wordpress provides the default comment functionality with blog but some some client want extra functionality with wordpress comments.

wordpress plugins for comments enhancement

Here I created list of wordpress plugins which are really useful for modify the enhance the wordpress comment functionality.

List of wordpress plugins for comments enhancement

Akismet

Akismet checks your comments against the Akismet web service to see if they look like spam or not and lets you review the spam it catches under your blog’s “Comments” admin screen.

Subscribe to Comments

Subscribe to Comments is a robust plugin that enables commenters to sign up for e-mail notification of subsequent entries. The plugin includes a full-featured subscription manager that your commenters can use to unsubscribe to certain posts, block all notifications, or even change their notification e-mail address!

Live Comment Preview

This plugin uses only client-side Javascript to format a preview, it does not make any Ajax requests to the server. This provides a smooth live preview as you type.

WP-reCAPTCHA

Integrates reCAPTCHA anti-spam methods with WordPress including comment, registration, and email spam protection. reCAPTCHA is an anti-spam method originating from Carnegie Mellon University which uses CAPTCHAs in a genius way. Instead of randomly generating useless characters which users grow tired of continuosly typing in, risking the possibility that spammers will eventually write sophisticated spam bots which use OCR libraries to read the characters, reCAPTCHA uses a different approach.

Comment Highlighter

Comment Highlighter is a WordPress plugin which can be used to add different style classes to comments. There are already plugins/hacks/alterations that adds a style to all comments written by the blog owner, adds a different style to every other comment, etc. This plugin takes it a bit further.

Depending on which rules you set up, then Comment Highlighter can add style to comments based on the email of the author (of the comment), the name or the URL. These styles can furhter more be locked to a specific post ID.

Facebook Comments for WordPress

This plugin integrates the Facebook commenting system (new, old or both) right into your website. If a reader is logged into Facebook while viewing any comment-enabled page or post, they’ll be able to leave a comment using their Facebook profile.

Comment Rating Widget

This plugin is an add on to the Comment Rating plugin (version 2.9.0 or later). It displays ratings along with the most recent comments in the sidebar in formats of your design. The comment rating and images on display can be “Likes only”, “Dislikes only”, or Both. This is customizable by the “Value for comment_karma” option in Comment Rating.

Admin Commenters Comments Count

Next to all appearances of each commenter’s name in the admin, this plugin shows a count of their total number of comments, linked to a listing of those comments.

By default in WordPress, it is not possible to tell via a single glance whether a particular commenter has commented before, and if so, how many times.

WP Comment Remix

For the readers WP Comment Remix adds a number of great features that you can turn on or off, but they include:

Reply Link You can add a Reply link to each comment, which, when clicked, adds “@OriginalPoster”, and links it to the anchor of that comment. For instance, if Steve left comment #23, and you click the reply link for that comment, WP Comment Remix automatically adds:

Above wordpress plugins will enhance the user experience. Above wordpress plugins are very important for wordpress bloggers.

purabtech.in is made this list. If you want more information or you are facing any issue related wordpress coments then check our site or write to us on support@purabtech.in

hide certain wordpress pages or posts from search

Some time you don’t want to come the some page and posts come in search. Here is very simple technique for excluding or removing the some wordpess pages or posts from wordpress search.

hide certain wordpress pages or posts from search

You just need to put following code in functions.php file. You will find this file in your wordpress theme folder. To work this idea you need to know about the page or post id which you want to exclude from search.

When you are creating the post that time you can get the wordpress post id Or while editing the post you will know the wordpress post or page id.


// search filter
function my_search_filter($query) {
 // make sure we are not in the admin and that we are performing a search
 if ( !$query->is_admin && $query->is_search) {
 $query->set('post__not_in', array(50, 10,32,68) ); // IDs of pages or posts
 }
 return $query;
}
add_filter( 'pre_get_posts', 'my_search_filter' );

hide certain wordpress pages or posts from search

separate custom template for each Author in wordpress

WordPress tutorial, separate custom template for each Author in wordpress. You can create different template for each wordpress author. You can also create different styling for each of wordpress authors. This is very common requiement of clients that they want different designed pages for each of wordpress users. That can be easily possible.

separate custom template for each Author in wordpress

You just need create author specific page template in wordpress theme. If author name is john then create author-john.php page in wordpress theme and put following code in that file.


<?php
/*
Template Name: John Author
*/
?>
<?php get_header(); ?>

<?php
 /* Queue the first post, that way we know who
 * the author is when we try to get their name,
 * URL, description, avatar, etc.
 *
 * We reset this later so we can run the loop
 * properly with a call to rewind_posts().
 */
 if ( have_posts() )
 the_post();
?>

&nbsp;

// If a user has filled out their description, show a bio on their entries.
if ( get_the_author_meta( 'description' ) ) : ?>
 <div id="entry-author-info">
 <div id="author-avatar">
 <?php echo get_avatar( get_the_author_meta( 'user_email' ), apply_filters( 'J2010_author_bio_avatar_size', 50 ) ); ?>
 </div><!-- #author-avatar -->
 <div id="author-description">
 <h2><?php printf( __( 'About %s', 'J2010' ), get_the_author() ); ?></h2>
 <?php the_author_meta( 'description' ); ?>
 </div><!-- #author-description&nbsp;&nbsp;&nbsp; -->
 </div><!-- #entry-author-info -->
<?php endif; ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Dont forget to add your different style for each of author pages. Just go to pages and create page with name with your author name and choose the page template of your author name and save the page.

separate custom template for each Author in wordpress

If you are knowing the author id then you can create the author-1.php page also and add your different style for each of your wordpress authors.

Create different post styling through CSS to your each of users. If you are having doubts and issues with styling or code then please contact me on purabtech.in. In purabtech.in you will found many use ful wordpress api, tutorials and hacks and articles.

Add different Editor Styles for Custom Post Types in WordPress

There is custom post type support added from wordpress 2.9 in wordpress. Many times we create the different types of post type in wordpress and show it i different way. We use the different styles for showing the content types..

Add different Editor Styles for Custom Post Types in WordPress

In wordpress we have the visual and html editor. For adding the different styles for custom post types just open your functions.php file put the following code in that file.


function my_editor_style() {
 global $current_screen;
 switch ($current_screen->post_type) {
 case 'post':
 add_editor_style('editor-style-post.css');
 break;
 case 'page':
 add_editor_style('editor-style-page.css');
 break;
 case 'product':
 add_editor_style('editor-style-product.css');
 break;
case 'shop':
 add_editor_style('editor-style-shop.css');
 break;

}
}
add_action( 'admin_head', 'my_editor_style' );

If you are not wordpress developer then dont use above code. In purabtech.in site you will find many wordpress tutorials and tips and hacks and plugins. Please write to me on support@purabtech.in

how to install wordpress on linux web server

WordPress tutorial, how to install wordpress on linux web server. Through Cpanal or downloading the zip from wordpress site and doing normal installation. But some times If you have VPS or your own linux server then you want to know about how to do the wordpress installation easily on Linux box.

how to install wordpress on linux web server

Just follow My steps:

If you have shell access to your web server, and are comfortable using console-based tools, you may wish to download WordPress directly to your web server using wget (or lynx or another console-based web browser) if you want to avoid FTPing:

wget http://wordpress.org/latest.tar.gz
Then unzip the package using:
tar -xzvf latest.tar.gz

The WordPress package will extract into a folder called wordpress in the same directory that you downloaded latest.tar.gz.

Then Use the following Command.

#mv WORDPRESS YOURDOMAIN NAME

Than Open your apache configuration file and put following code in that file


<VirtualHost&nbsp; *:80>

ServerAdmin support@purabtech.in

DocumentRoot /var/www/html/YOURDOMAIN NAME

ServerName example.com

ServerAlias www.example.com

ErrorLog logs/YOURDOMAIN-error_log

CustomLog logs/YOURDOMAIN-access_log custom

</VirtualHost>

Than restart the apache server.

#/etc/init.d/httpd restart

Open your site in browser and do the installtion. But dont forget to create mysql database put correct information in wp-config.php file about database and username and password.

You are ready to go with your wordpress instillation with linux command prompt. This way you can do the local installation of wordpress on linux box.

How to add content after wordpress post editor

WordPress tutorial, How to add content after wordpress post. For unique identity of your blog you need to the some common words in every posts. If you want add some default text in wordpress editor.

How to add content after wordpress post editor

you can add following code in functions.php file.


add_filter( 'default_content', 'add_subscribe_in_editor_content' );

function add_subscribe_in_editor_content( $content ) {
 $content = "If you enjoyed this post, make sure to subscribe to <a href='http://feeds2.feedburner.com/wordpressapi' target='_blank'>my rss feed</a>.";
 return $content;
}

using above code subscribe code will be added in wordpress editor.

How to add content after wordpress post editor

Here is some very useful articles which is useful for modify the wordpress editor.

Add Buttons to WordPress wysiwyg editor

How to hide the wordpress visual editor and HTML editor

How to change the Visual Editor Font Size wordpress without plugin

add different background image to each wordpress posts

WordPress tutorial, add different background image to each wordpress posts. You can change the background images for each wordpress post or change color. you can change the background color also. Some times this can be doable through CSS also. But here I am going to give you very simple technique.

add different background image to each wordpress posts

Following code you just need to place in your single.php file.


if(is_single('17')){
// When Post 17 (ID) is being displayed.

echo "<style>
body{
background: #000 url(images/bgbody.jpg) top center no-repeat;
}</style>";
}

This way you can add the different background image to each wordperss post.

how to speed up wordpress site load time

Use the Cache Plugin

Get good Hosting

Hotlinking and Prevent Leeching

Remove the unnecessary wordpress plugins

Choose the Best Theme for your site

Use the Compressed Images

Show Excerpt on Home page

Compress CSS and Javascript

Stylesheets

JavaScript

Optimize Your MySQL Database

Use Sprite Images

Share Article:

where put google ads in wordpress blogs for earning money

Header

In Post

Sidebar

Share Article:

add ajax pagination in wordpress blog

Share Article:

wordpress plugins for comments enhancement

List of wordpress plugins for comments enhancement

Share Article:

hide certain wordpress pages or posts from search

Share Article:

separate custom template for each Author in wordpress

Share Article:

Add different Editor Styles for Custom Post Types in WordPress

Share Article:

how to install wordpress on linux web server

Share Article:

How to add content after wordpress post editor

Here is some very useful articles which is useful for modify the wordpress editor.

Share Article:

add different background image to each wordpress posts

Share Article: