Santhosh’s Blog

Santhosh

This small tip is for “people who are not aware of Turbo feature in wordpress dashboard” only.
Turbo is a feature that lets you to store your entire wordpress dashboard aka the admin panel’s CSS/PHP and other core files locally on your computer, which enables faster navigation inside your wordpress dashboard. All this is done by using Google Gears. And (un)fortunately, Google Gears is only available for Chrome, Firefox, Internet Explorer and Safari. Just keep in mind that Turbo is available only from Wordpress 2.5 or so.
No doubt, this feature is a boon for people who are on a dialup connection or other slower connections. But it does take a while to install gears and download required files for the Turbo feature. But in my opinion, its good to wait few minutes instead waiting every time you want to do something.

Continue Reading »

Santhosh

I’ll begin with a short intro for those who don’t know what gravatar is. If you already know what gravatar is, skip to Process.

Gravatar is a small image or a picture that is used for your identification whenever you comment on others or in your blog which you have uploaded at Gravatar.com for a particular email.

Gravatars is a inbuilt feature of wordpress 2.5.1 and it works out-of-the-box. i.e without any plugins. But theme which you are using for your blog must be gravatar ready. Most of latest sports gravatars, but there are still designers who are neglecting to do add the feature. And if you are using a old theme, then you will have to work on it in order to make gravatar ready. I’ll tell you how to do it here in this tutorial. Please keep in your mind that your wordpress should be 2.5 and above otherwise you may require gravatar plugin.

Continue Reading »

Santhosh

This is a quick dummy’s guide to install Wordpress on his/her server. I don’t want to give much introduction, so will finish off things in easy and understandable steps.

There are two different methods to install Wordpress on your server. One is Automated installation using Fantastico, and the other is by uploading files manually.

First let me begin with the easy method, by installing it using Fantastico,

If you have opted for a cPanel Hosting, then you can a find a scripts installer called “Fantastico”, in your cPanel.

Here goes the steps…

1. Login to your cPanel.

2. Open “Fantastico De Luxe”. 

3. Under “Blogs”, click on Wordpress.

4. Click on “New Installation”.

5. Fill the details, and click on “Install Wordpress”.

Now your Wordpress is ready to swing the world.

And now the hassle way. You have to follow this, if you don’t opt for a cPanel hosting unfortunately.

Here are the steps.

1. Download the latest version of Wordpress by clicking on this link.
2. Extract the file.
3. Create a new SQL Database and note down the DB name, username and password.
4. Open up wp-config-sample.php with a text editor like WordPad or similar and fill in your database connection details.Save the file as “wp-config.php”
5. Now open your FTP and login to the server.
6. Copy those extracted files and upload to the server to the folder of your desire or in the home (root) using the FTP.
7. Now affix /wp-admin/install.php to the URL where you installed. For example.. www.yoursitename.com/wp-admin/install.php or www.yoursitename.com/foldername/wp-admin/install.php
8. If everything is done properly, then you will continued with the Installation, if not recheck the wp-config.php file and give the correct details.
9. Follow few simple steps in the installation, note down the generated password and use it to login to your wp-admin panel.

Now start blogging!

Santhosh

Introduction

Wordpress is a blogging software developed using PHP and runs on MySQL.

If you are a wordpress theme developer or a plugin developer, or just want to do some experiments with wordpress code, you may need to upload the changes you made and see if it is working or not. This tutorial will eliminate the need of uploading the files to your server. You can do all those tests right in your computer easily.

Things you need to install wordpress in your computer.

Since PHP is a Server-Side script, you can’t install a wordpress blog on your computer without installing PHP. In order to install wordpress on your computer, you need to install three main applications, those are PHP, MySQL and Apache Server. While MySQL is used to store all your database tables like, posts, comments, blogroll and pages etc, Apache server is a web server and it is responsible to deliver the output on web browser.

WampServer and Installation.

Instead of installing all these applications individually, you can just download and install a program called WampServer 2.0. For linux you can install a software called LAMP or the LampServer.

WampServer stands for Windows Apache MySQL PHP. Which means it installs all those applications at one time easily. Installing WampServer on your computer doesn’t require you to be a Rocket Scientist. All you need to do is just download and install it in few clicks. By default, WampServer 2.0 will be installed in your “c:\wamp”. And if you have installed WAMP5 earlier, you need to uninstall it before installing WampSever 2.0.

After you install WampServer on you computer, your windows firewall may ask to block or unblock, just unblock it. In order to test whether if the WampServer is installed properly or not, launch the WampServer from your desktop or All Programs. The WampServer runs in your system tray.

Continue Reading »

Santhosh

A problem arises when you add image borders. An unwanted ugly border will appear around the smiley whenever you or someone inserts it. This can be eliminated by adding a line of CSS code into your theme’s Stylesheet, keeping the image borders intact.

To remove the border, follow these steps:

1. Go to your wordpress Admin CP.
2. Click on Presentation and the select the theme for which you want to add image border.
3. Click on “Theme Editor”
4. Open “Stylesheet” or “style.css” whatever from the right hand list.
5. Now you must be able see the CSS codes.

Now copy and paste this code in a new line after any “ } “ close tag.

img.wp-smiley{ border:none;}

This will remove the ugly borders around those smilies keeping image borders intact.

Before:                         Now:

Santhosh

Picture without a frame is not a picture, its just an image. Adding borders to the images in your wordpress blog will enhance the look of your theme.

Not all the wordpress themes come with image borders by default. You need to add few lines of code to get the image border.

This tutor tells you on how to add a image border to the images in your wordpress theme. You can follow this tutorial only if your theme doesn’t come with default border for images.

To add the border, follow this steps:

1. Go to your wordpress Admin CP.
2. Click on Presentation and the select the theme for which you want to add image border.
3. Click on “Theme Editor”
4. Open “Stylesheet” or “style.css” whatever from the right hand list.
5. Now you must be able see the CSS codes.

Find this :

img {
border: none;
}

… and replace it with this:

img {
border:#cc9 1px solid;
padding:3px;
}
a img {
border-bottom: #b8860b 1px solid;
}

If it wont exist, you can simplty add the second code after “content” }

And click on “Update File”

Now you must be able to see a border around the images in your blog.

You can customize the border in the way you want. Here are few quick customization you can do:

1. To change the distance between the border and the image, increase or decrease the number in “padding”. For example, in the code above the padding is 3, you can increase it to 4, if you want more gapy between the image and the border.

2. You can have “Dashed” border style. To do this, replace “solid” to “dashed” in both the lines.

3. To change the color of the border line, you need to change the color code (HEX) value with the valid CSS/HTML color code.

For example, in the above code, the color code is “#b8860b”, which is light brown in color. If you want to have a black border line, you can change it to “#000000″

Click Here for a list of all the valid HTML and CSS Color codes.

And now finally your images will appear with a border and looks like this:

This ends the tut and enjoy the PICTURE