Archive for the ‘Tutorials’ Category
How to add Related Posts with (or without) Thumbnails to your WP Blog
July 20, 2009 by Emily
Tutorials
Adding related posts to your blog is a great way to help your readers find other posts on your site that interest them. And if you have ads, increasing the number of pageviews on your blog can turn out to be quite lucrative. I recently had a request from a client to use a certain widget that she had seen on many other blogs that adds a list of recent posts along with a thumbnail image from that post. But after looking at the widget and researching the many other plugins that are available to add this functionality, I decided I wanted to find a way to code it directly into the template.
One reason for this is that the more plugins installed on a blog, the more that can slow down the loading time of that blog. If you can hard-code a function into the template, it’s almost always preferable to using a plugin. Plus many of the plugins or widgets I looked at gave very little control over things like styling or where the list appears in the template or even how they even figured out what was “related”. What if you want them to be related by tag instead of category or vice versa? What if you just want other posts by the same author?
After doing some more googling and modifying some of the code I found I figured out how to do everything I wanted to and more. My client was extremely pleased with the results and was amazed that I’d even been able to implement it without using a plugin or the widget she had originally wanted:
“It IS cool! A zillion people are going to see it now and want it on their WP blogs! Thanks!”
Which leads us to this post. I thought I would share my findings so that you can implement the same feature on your own WordPress blog. Below I will show you how to add related posts by category, tag or author. I will preface this by saying you should probably have some very basic knowledge about how to edit a template in WordPress, but for the most part, you can copy the code directly and paste it into your template. That’s it. For people with more advanced knowledge I’ll point out things that you can edit further and customize to your liking.
7 commentsInserting Images into WordPress 2.5
May 27, 2008 by Leslie
Tutorials
There are two ways to insert an image in to WordPress now. One is to upload an image from your hard drive. The other is to link to an image living on a server somewhere else (ie: flickr, a photo gallery, snapfish, a server, etc.) Here steps for each method.
Adding an image from your hard drive in to a page or post:
Step 1. Start a new post (or page) as usual Write > Post/Page.
Step 2. Go to the “Add Media” area and select the image button.
Step 3. Click on “Browse” to add an image from your computer.
Adding ShareThis plugin to Advanced Typepad Templates
May 6, 2008 by Leslie
Tutorials
After looking for some answers and being very unsatisfied with the amount of information out there, I decided to share this.
What you need
1. You’ll need advanced template access in Typepad.
2. A Share This script for your registered blog.
3. Some HTML knowledge.
Basics
The Typepad foundation uses Moveable Type tags. You’ll see a tag called < MT Entries > that surrounds your posts. These tags are what list the posts on the page. There is an tag to close the post area. You’ll need to use these tags to place the ShareThis script in each post.
If you look in your Main Index Advanced Template, you will see a tag < $MTWeblogIncludeModule module=”entry-list-sticky”$ >. This is where your < MT Entries > ……. < /MT Entries > tag actually lives on the front page. In other pages (Individual, Date Archive, etc) we’ll be modifying a similar, but slightly different, entry list module. So it’s not going to be as obvious about where to place the script. We’ll need to do a teeny tiny hack to get it to display at each post.
