PictureBook

While doing our usual run of site updates and code adjustments we ran into a small issue, how to display WordPress bookmarks with both text and images. Utilizing the “Links” tab ( WordPress 2.7 + up ) it is possible to list them as either a list of text links or a list of image links but not both.

Several hours of research reading entries by angry WordPress users in the Support forum confident that bookmarks should only be allowed as text or images it was clear this issue needed a resolution for the better. Why not have it both ways, after all it is a computer and as such are supposed to work for us not the other way around.

So enters PictureBook a plugin that allows for the combination of both text and images when displaying a list of bookmarks. As with the case of this web site the footer contains a few social bookmarking links each containing the name of the social bookmarking site and a small icon all through the wonderful world of WordPress’ “Links” tab. Achieving this goal is possible with a little core manipulation but we thought it would be more productive to simply install a plugin and not worry about the next WordPress update.

The plugin code itself is a simple matter of re-functioning the current wp_list_bookmarks. By altering the link_image output to display the link_name it is possible to achieve the desired effect. The biggest benefit of this plugin is that a user is allowed to display their bookmarks in three separate formats: text-only, image-only and now a combination of both.

In the following example we are using the standard WordPress wp_list_bookmarks formatting with a new function name wp_list_picturebook. All parameters associated with the original tag are functional. Below will display our list of bookmarks with both text and images, no headline and only list those bookmarks from category 4. Because WordPress auto adds our line item tags ( <li> ) it is not necessary to repeat this action.

<div id="links">
<ul><?php wp_list_picturebook('title_li=&categorize=0&category=4'); ?></ul>
</div>

Screenshot

Make A Donation

Feel free to buy us a cup of coffee and we will continue to improve on and create new plugins.