Featured images in wordpress

My current theme for the blog is not so good when the included text is not as deep as the featured picture. While not having a featured picture is OK for a screen based reader, it’s not so good for those using the wptouch interface. Maybe it’s not so good for deep pictures either.

A google search brings up the codex and these two, similarly named links, together with the codex pages,

With zbench the image and entry text are contained in a single <DIV> with a class name of “entry”. The text is contained in a <P> tag. The image class is “attachment-extra-featured-image wp-post-image”.

  1. Would it look better within a table? This would need to be developed in index & archive pages
  2. Should I use the thumbnail feature?
  3. Can I use the CSS? NB The <P> does not have a class name.

The deep pictures would be solved by by the thumbnail features.

Maybe I should consider the HTML recognition within the excerpt functions.

ooOOOoo

Also the facebook feed does not use the featured picture, but finds the first picture within the post, maybe even the post page since it often uses the up arrow on the vote this up widget.

zbench

I have decided to use Zbench as my theme for the my revised blog, for which I have a wiki article, called  davelevy.info v4

See also WordPress themes at davelevy.info, which deals with the header.php, front pages, read more and category and tag lists.

The two initial problems I have are using the heading tags, and their code style.

I also would like to have the pages having individual comment closure dates, so that I can create an always open guest book, which i believe is possible on this wiki.

I need to check out Child Themes. This will make preserving customisations much easier.

blog.davelevy.info V4

The first was at Sun, the second on snipsnap, the third on 1+1’s canned wordpress, and the 4th will be on wordpress at 1+1.

I have chosen to use the wordpress theme, zbench, it’s wordpress.org page is here…..

I have been experimenting with rating and installed and uninstalled the following plugins

comment rating field plugin, comment rating widget, rate, rate this page, rating widget

I finally settled on Vote-it-Up, see also its plugin site, which I comment on at this article on this wiki. It supports up and down, it contains a widget for both voting and displaying popular scores.

I am currently experimenting with tweet-button, which I’ll probably keep and Add This, which I probably won’t this time; I reckon Vote it Up and Tweet are what I want. (I’ll drop addthis because in order to tune it to do what I want, will involve a shit load of programming in languages I don’t know. It used to be easier, but integrating the vote-this-up, particularly given that it may be abandonware, is not something I want to take on. I am interested in offering twitter, delicious, mail, bookmark and vote this up.)

I added the Related Post plugin in June 2013

I added artiss code embed in Oct 2013, see Embedding Code in WordPress

WordPress Themes at davelevy.info

I am basing my newer themes on zBench. This page talks about customisations I have undertaken or am in the process of implementing. It includes stuff about header images, the front page, (mainly full articles vs. snippets) and favicons.

Header Images

The theme editor panel allows one to assign an image file to the header. Since this was one of the motives for moving the blog to wordpress, I really should get on with it.

Front Page

The default front-page is implemented using index.php.

For the wiki, I should make a new front page, maybe, this page at themelab explains how to do this simply.

This article Corporate Blogs: Front Page Structure, recommends the use of summaries on the front page, as opposed to the full articles. During July, I wrote some exceptionally long articles, and published them out of order  which really made finding content really hard, and even following the story hard.

This wiki also uses the read more  features of WordPress. I researched this, with help at the wordpress community forums, I started a thread called, use of Insert More with zbench, which discuss the use of ‘insert break’ button and the dashboard settings. This page at the wordpress codex, called, Customizing the Read More explains how to use the read more features.

In October 2013, I decided to revise the Read More functionality, I installed the advanced-excerpt plugin in order to have some say on length of the the excerpt. This gives some issues around the hypertext link and decoration for the hypertext link. The rendering of the &raquo; symbol varies, and for the default look in zbench it is managed via a css class rule which is quite pretty.

I also installed the featured picture widget and set up a CSS rule to force the pictures to aligh left.

I decided to emulate the comments page by having horizontal lists detailing the catagories and tags for each entry.

I get them using the following functions,

<!--- entry customisation code by dfl  16 Oct 2013 --->
 <div>
   <span class="post-info-bottom">
   <span class="post-info-category">
       <?php echo get_the_category_list(','); ?>
   </span></span>
   <span class="post-info-tags"><?php echo get_the_tag_list(' ',', '); ?></span>
 </div>

The post-info-* classes are part of zbench, the use of get_the_category_list realises a class called .post-categories. I have defined the following CSS rule

    .post-categories ul li {list-style-type: none; display: inline; }

which makes the category list behave properly.

Fav Icons

I have used the HTML editor in the dashboard to insert the favicon code lines. I used this page, http://is.gd/SHiZED as a guide which also points at a favicon maker.