A Working Example of Using Advanced Excerpt for WordPress
In this section of the Advanced Excerpt plugin, A Working Example, we will focus on adding an image to an Excerpt and customizing the img tag.
Step 1) Login to the WordPress Dashboard.
Displaying the Excerpts
Step 2) Navigate to your Blog page to view a list of posts.
|Click here to view our Advanced Excerpt: Settings guide.
The settings in this guide determine how the Excerpts are displayed.
In the Settings -> Excerpt area, 40 Characters was selected. However this seems a little bit too short.
Step 3) To change this option, navigate to Settings -> Excerpt and change the Excerpt Length to 40 Words.
Step 4) Click the Save Settings button to save the changes.
Step 5) Navigate back to your Blog page to view the Excerpt which now displays 40 Words.
Displaying an Image in the Excerpt
Step 6) Navigate to Settings -> Excerpt and change the Strip Tags to Don’t remove any tags.
Step 7) Click the Save Settings button to save the changes.
Step 8) Navigate to any post and edit the post.
Step 9) Click to expand the Screen Options area.
Step 10) Place a checkmark in the Excerpt checkbox.
Step 11) Click to hide the Screen Options area.
Step 12) Add an image to your post as shown below.
For this example, we have added the following to the img tag:
- Aligned image so that the text wraps around it: align=”left”.
- Re-sized image to: width=”80″ height=”80″.
- Added padding at the top and right: style=”padding-top:10px;padding-right:10px;”.
- Added rel=”nofollow” to tell search engines not to follow this link (details outlined below).
|Nofollow provides a way for webmasters to tell search engines Don’t follow links on this page or Don’t follow this specific link.
This means that Google does not transfer PageRank or anchor text across these links. Essentially, using nofollow causes Google to drop the target links from their overall graph of the web. However, these may still appear if other sites link to them without using nofollow, or if the URLs are submitted to Google in a Sitemap.
For additional details on nofollow click here.
Step 13) Click the Update button to save the changes.
Step 14) Navigate back to your Blog page to view the changes.
Additional Notes – Excerpt, Automatic Excerpt, and Teaser
The manual WordPress excerpt is often confused with the automatic excerpt or with the teaser (the part of a post that appears on the front page when you use the More tag). While both are related to the manual excerpt, they are different from it.
The relationship between the three is this: When a post has no manual excerpt and the post template uses the the_excerpt() template tag, WordPress generates an excerpt automatically by selecting the first 55 words of the post. When the post template uses the the_content() template tag, WordPress will look for the More tag and create a teaser from the content that precedes the More tag.
This concludes our guide on the Advanced Excerpts plugin.