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.

Rendering RSS on my blog or wiki

I have for a long time sought to present rss feeds within pages on this blog. It was started by a desire to use my social bookmark service as additional links in some of the reference articles on this wiki. The page was started in Jun 2014. Here my notes, although this page was subject to a major re-write in 2020.

There are further notes on my original delicious solution, involving their script and code embed, on Delicious Linkrolls and how I attempted to recover the delicious bookmark file. See also “About Feeds”, which is a private page, using the older wordpress plugins.

This page has notes on all the plugins I have used/experimented with.

Feedzy RSS Feeds Lite

I installed this on my momentum blog, and it sort of works. Here are some links, I got it to render, but can’t get it to post pictures on my rss files and would like to access the element names to fiddle with the css.

  1. https://docs.themeisle.com/article/1130-how-to-use-feedzy-with-a-shortcode

I posted my linkedin.rss to this page on my momentum blog. I had some problems rendering the thumbnail images. I suspect the rss syntax. Here are some links,

  1. https://www.youtube.com/watch?v=PTXnmMlipmo
  2. https://stackoverflow.com/questions/483675/images-in-rss-feed
  3. https://stackoverflow.com/questions/705224/how-do-i-add-an-image-to-an-item-in-rss-2-0

My rss looks like this

<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
<channel>
    <title>dave levy's linkedin blog</title>
    <description>dave levy's posts at linkedin pulse</description>
    <link>http://davelevy.info/pulse/linkedin.rss</link>
    <lastBuildDate>Tue, 25 Apr 2017 09:45:09 +0100</lastBuildDate>
    <pubDate>Tue, 25 Apr 2017 09:45:09 +0100</pubDate>
<item>
    <title>Learnings of Bitcoin</title>
    <link>https://www.linkedin.com/pulse/learnings-bitcoin-david-levy</link>
    <description>On Bitcoin, the consensus mechanism, and money</description>
    <media:content height="151" medium="image" url="https://static01.nyt.com/images/2019/08/23/upshot/up-econ/up-econ-moth.jpg" width="151"/>
    <pubDate>28 JUL 2020 0900 +0100</pubDate>
</item>
<item>
<title>Doing Record Management well</title>
<link>https://www.linkedin.com/pulse/doing-record-management-well-david-levy/</link>
<description>About Record Management, anti-crime and ISO standards</description>
<image>
    <url>https://is.gd/MwPNtT</url>
    <title>Doing Record Mangement Well</title>
    <link>http://davelevy.info/pulse/linkedin.rss</link>
    <description>About Record Management, anti-crime and ISO standards</description>
    <height>81</height>
    <width>141</width>
</image>
<pubDate>15 JUL 2020 10:00 +0100</pubDate>
</item>
<item>

RSS Shortcode

I have also used RSS Shortcode, and have implemented it on the About Feeds page. I am not sure why I discontinued with this, might have been it gave me nothing that JP-RSS-FEED did not, time to revisit as JP-RSS-Feed seems to have given up the ghost.

JP-RSS-FEED

I moved onto JP’s Get RSS Feed, a wordpress plugin. I planned to use this to replace my delicious linkrolls using the delicious rss location. See also my snip, Delicious Linkrolls.

It requires a shortcode/codesnip to invoke its parameters e.g

 
[jp-rss-feed 
    url="http://feeds.del.icio.us/v2/rss/davelevy/convoyswharf" 
    numitems="7" getdesc="50" ] 

I should document this differently; the snip must be on one line, and no space between the [ & the ‘jp’.

There’s a few more parameters which are documented on their home page

RSS on page via short code

and now we have another RSS rendering widget,RSS via shortcode on page

I am not sure how I used this but it seems I wrote “this was found to be broken on 17th October 2016”.

There is also, this page, on the 4 best rss plugins.

Pop Up Meerkats

For various reasons I wanted to make a pop-up on hover using a picture. I have implemented a pop up meerkat in the blog. This broke at some point and I returned to the problem in 2019 and found a new guide, and again in 2020 where I fixed some theme/wordpress bugs. This is now working, here are my notes in which I document the CSS and HTML … Continue reading “Pop Up Meerkats”

Decorating Blockquotes

Now I have one of those pretty quote decorations in my quotes on this wiki.

  1. The decoration is an image.
  2. I used mspaint to capture a large quote mark. I used Engravers MT.
  3. I then used paint.net to rotate and flip it, crop it, and then make the white background transparent. As advised in the paint.net forums, I used the magic want tool, capture the background and then “cut” it out.  The file needs to be a transparency supporting format for this to work.

    quote

  4. I uploaded the file to my web server.
  5. I then used the WordPress CSS editor to add the following code,
.entry blockquote { background: #EEE url("https://davelevy.info/TOKENS/OQuote_GreyTransparent.png") no-repeat; }

As you can see, the background rule takes two arguments, a base colour and the image, the rune required is the no-repeat key word. It also benefits from the definition of some padding rules. In my case,

     padding-left: 16px; padding-top: 16px;

and now onto fixing the code tag.

HTML Slide Shows

I wanted to create a scrolling picture show as a banner on all the pages in a micro site. Many sites use this for their front page decoration. I didn’t want to use animated gif because of the age of the technology.It’s obviously becoming easier. Basic Tips below, shows how to use the HTML META tag with http-equiv=”refresh”attribute set. Continue reading “HTML Slide Shows”

Planet (Venus) Themes (CSS)

I use Sam Ruby’s Planet Venus. The package comes with two themes, I have always rather liked the ‘Fancy’ theme. This article was finished in May 2011, and talks about the css required to amend a planet output page in HTML/CSS. It was written for my planet G3 feed which was a G3 RSS repeater. It may just be a useful source for those who wish to create new themes. (I shall be doing this in March/April 2015 as I develop the refresh of davelevy.info.) Continue reading “Planet (Venus) Themes (CSS)”

Implementing an XML feed viewer in HTML

Viewing an XML feed via an HTML browser

I decided to have another go as I was looking to consume some planet feeds on a static web page. I found Display Your Feed on a Static HTML Page Using FeedBurner’s BuzzBoost using Google and this points at Feedburner’s Buzzboost, which is part of their feed publicity toolset. Continue reading “Implementing an XML feed viewer in HTML”

Snipsnap Problems

This was copied across from the snipsnap bliki on 26th July. It’s all a bit redundant now, but it might be useful for others. This was a pagfe that documented my work in building the configuration and in some places represented a work in progress. In some cases, the resolution is not documented and in others I failed to resolve it. I eventually gave up on snipsnap. Hope this page helps someone! Continue reading “Snipsnap Problems”

Extending Snipsnap (superceded)

This article, which was originally about how to extend snipsnap & was copied across from the snipsnap bliki on 20th June 2013, I gave up on Snipsnap later in the year, and the project has been abandoned by its authors. This content is thus pretty much superseded and the title but not the link has changed to reflect this.. There has been some minimal reformatting undertaken. There are two idioms used which are snipsnap specific; they have been left as originally published and are now a nonsense. Other things will read oddly as I did not pursue my plans. Embedding Disqus broke the backup utility, or more accurately broke the restore. Continue reading “Extending Snipsnap (superceded)”