Customize WordPress Read More Tag
Loes Knetsch ©
This training is about the read more tag you can use in WordPress, and how to customize the text of “read more or continue reading”. Some themes have the text “Read more”, other themes display “Continue reading. Wouldn’t it be great if you can change that text easily? Into “Learn more about this” or “Make new friends here”? Customize the “read more” text into anything you like!
How to add a read more tag in WordPress
First, I am showing you how to add and use a Read more tag. Some WordPress themes do not show an excerpt on the blogroll, without a read more tag. Take a look at the picture below, to see how you add the read more tag.
How to Customize the Read more text or Continue reading text
Switch from Visual to Text
Code to change your Read more text
Change the text
<!--more--> into <--more Learn more about this... -->
There has to be one space between your text and the “more” text in front and at the end!
Add an icon to you Read more excerpt
To make your “Read more” text standing out, you can add an icon to it. The Icons8.com site has thousands of icons free to use. This is one of the amazing free to use website programs which I promote on my 301 Cool Amazing Free Website Tools page. Add this icon just above the read more tag. I use icons with the size of 30px. This little icon is a great addition to your readers because it also shows your readers were to read further.
How does this look like on the Blogroll?
Click here to see the result on my blogroll. The default text on my blogroll displays “Continue reading”. Now, my text has changed into “Learn more about this… and the little icon is making it stand out!
Your website
Do you have a website, but it is not that successful as you want it to be? Then it might be helpful to follow some lessons in SEO (Search Engine Optimization) and how to implement marketing to monetize your website. The lessons we provide are also very suitable for anyone who wants to build their first website.
More interesting posts for Website development
-
- Call to Action
-
-
Make Your Own Signature
| Home | Use of Cookies | Privacy Policy | FAQ | Affiliate Disclosure | Contact |
© Loes Knetsch. All rights reserved.
This tutorial will show you how to create an HTML anchor, a jump link, which brings your costumers directly to a particular place on your Read more...
Loes Knetsch © Some themes have this as default, a white background, then another color, and back to white again. You can create this with Read more...
