Adding h-entry to the posts template
- Author Benjy Stanton
Here's what I've done so far…
- Created a new layout called "post"
- This will be used for standard blog posts, and is different from "pages" and "image posts"
- Moved the
.h-entryclass to the
.p-nameclass to the
- Added a profile image with the class
- Added an author (as in my name) with
rel="author" class="p-author h-card"markup
- Added a link back from name to my home page
.dt-publishedclass to the published on date
- Added permalink for the post to the published on date
- Added the
.u-urlclass to the permalink
- Added the
.e-contentclass to the full content of the post
- Checked it all with the indiewebify.me validator
Example markup (with style classes removed)
<article class="h-entry" role="article"> <header> <h1 class="p-name"></h1> <p> <img class="u-photo" src="/images/benjy-stanton.jpg" alt="" height="50" width="50"> by <a rel="author" class="p-author h-card" href="https://www.benjystanton.co.uk">Benjy Stanton</a> on <a class="dt-published u-url" href="">18 November 2018</a> in <a class="p-category" href="/blog/category/nablopomo">nablopomo</a>, <a class="p-category" href="/blog/category/release-notes">release-notes</a> </p> </header> <div class="e-content"> … </div> </article>
Doing all this will make my blog a more fully featured publishing platform (like Medium). But the benefit is, the content is on my domain.
Eventually I hope to start syndicating all my content automatically to other sites like Twitter and Medium by following the Publish (on your) Own Site, Syndicate Elsewhere (POSSE) model. This and other steps are getting the site ready to start POSSEing. (Not sure if that's a word).
- Switch all old posts to this template
- Add similar features to the image post