A Working Example of Using Advanced Excerpt for WordPress

Posted OnFeb 5, 2015     CategoryPlugins     CommentsNo comment

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.

km-excerpts-example-01a

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.

km-excerpts-example-02a

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.

km-excerpts-working-20a

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.

km-excerpts-example10a

Step 13) Click the Update button to save the changes.

Step 14) Navigate back to your Blog page to view the changes.

km-excerpts-example-04aaa

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.

 


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend