How to Customise the Read More Link

In this tutorial I will teach you how to customise the read more link in WordPress.

1. First you’ll need to login in to your WordPress account.

2. Once logged in, locate the sidebar on the left and scroll to the bottom where it says ‘Appearance’.

Click the arrow on the right to reveal the links, then select ‘Editor’.

3. Scan through the file until you get to this piece of code:

<?php the_content(__('Read More &#187;')); ?>

Replace that with this:

<?php the_content(__('<div>Text here (optional)</div>'));?>

You don’t have to add anything in the ‘Text here’ space because you can use an image in stead (We’ll get to that later).

4. Now for the CSS. Again on the right sub-navigation locate ‘style.css’. Now, you’ve two options, you can either have an image, or you can use text. If you just want text use the code below:

.read-more-link { font-size: ?pt; font-family: ?; color: #?; text-decoration: ?; }

You can customise it to how you’d like it. If you’d like an image as the background on the read more link use this code:

.read-more-link { background: url(URL-of-the-image.jpg); width: ?px; height ?px; display: block; }

Just change the ‘URL-of-the-image’ to the URL of the image you want to use.

Pretty straight forward, right?

How to Install WordPress

In this tutorial I will teach you how to install WordPress onto your website.

1. First, you’ll need to download WordPress from here.

2. Once you’ve downloaded it, unzip the file and upload it to your website.

3. Now, you need to find out your MySQL details, which are usually sent to you via email when you purchase the domain.

3. All you have to do know is go to www.yoursite.com/wordpress/wp-admin/install.php and fill in the details required.

WordPress is now installed and ready to use. Now that really was easy!