How I Set Up My Indieweb WordPress Site

This site runs WordPress, but there was some question as to how I set it up and what I use to run it. It continues to evolve, but I thought I would go over it…specifically how I sent it up for some of the Indieweb stuff I’ve been working on.

Standard Plugins

  1. Character Count for Post Content and Excerpt(Link) – Because I need to be aware of the 140 character limit of Twitter, one of the services I send my content to, I need to know the character count of what I’m typing. This adds that to my editing screen
  2. EWWW Image Optimizer(Link) – It reduces file sizes for images to ensure faster loading
  3. Pushover Notifications(Link)or the forked alternative Pushbullet Notifications(Link) for WordPress – This plugin sends notifications of site events to my phone. The Pushover version is actively maintained and allows for extensions.
  4. Simple Local Avatars(Link) – Overrides the default of using the Gravatar service for profile pictures to storing them locally.
  5. WordPress SEO by Yoast(Link) – While I’m not obsessive about Search Engine Optimization, I find this plugin assists in my writing by reminding me about the importance of certain elements.
  6. Hum(Link) – This is a simple URL shortener. So for each post, there is an equivalent URL address at di5.us. This allows me to give out easier to enter links to longer post titles.

The Indieweb Stuff

  • WordPress Webmention(Link) – Adds webmention support for WordPress. This allows communications between sites.
  • Semantic Linkbacks(Link) – Adds richer content to WordPress comments received by Webmention. For example, interprets them as reply, repost, like, favorite, mention, etc. This allows different displays and actions to be done with them
  • Semantic Comments(Link) – One of my own plugins. It changes the display of WordPress comments based on the information from Semantic Linkbacks. It presents the profile pictures in a Facepile for the various types of mentions with the comments separately below.
  • Indieweb Taxonomy(Link) – Semantic Linkbacks is all about receiving webmentions for the various semantic types. But this plugin, another one of mine(although I credit several with contributions), adds new terms to WordPress posts for responding to content on another site. So, a post on this site can be a reply to another site, a like, etc. It will automatically send a webmention to the other site, if that site supports it, of course.
  • Syndication Links(Link) – Another project, which adds fields to a post for the corresponding versions on other networks. It also adds links to same to the post.
  • H-Card Tools – Still under development and not yet available for download, this is just the profile widget marked up appropriately, in the sidebar of the site.

A Few Choices

  • There is an alternative to my Syndication Links plugin…a plugin called WordPress Syndication (Link).  It automatically adds the links to the post, and extracts the data from a variety of sources that post to other sites. This includes NextScripts Social Network Auto-Poster(Link) or Mailchimp’s Social plugin(Link), and even Bridgy(we’ll get back to Bridgy in a moment).
  • The theme I use is a custom one I built, but the most popular theme for Indieweb sites is Sempress(Link). My theme isn’t quite refined enough for most people, but if you want it, a copy can be downloaded here. The version in use on my site is just a colored version of the minimal style the theme offers.

Bridgy

Bridgy is not a WordPress plugin, or something you need to install(although you can host it yourself). It is a service that you can link your accounts on places like Twitter and Facebook to, and it will pull in comments, likes, etc from those sites and send them to your site to be integrated. This requires the Webmention and Semantic Linkback plugins to understand what is being sent.

To the Future

I enjoy developing this site as a learning tool. I hadn’t done much WordPress development before this and it is very useful to know.

For anyone who comes here considering trying my setup, I’m always available to help. For those who are trying my plugins…they are still being refined, but feedback and contributions(of code) are appreciated.

This site is under development, so it does change regularly. I will often summarize some of the changes with a post, but sometimes not.

David Shanske

My day job is in training for an airline. I also develop Indieweb WordPress plugins so that others can take control of their online identity.

5 Responses

  1. Configuring the #IndieWeb RSS Reader Woodwind for @WithKnown

    4 min read

    Woodwind (so, named because it’s part of the “reed/read” family), is a nice little RSS program for following and interacting with blogs and sites as part of one’s #indieweb regimen.Today, I began setting it up in conjunction with my self-hosted Known [download] site which also has Kyle Mahan’s “KnownReactions” plugin installed. This plugin allows me to “like” and “repost” content on the web in addition to Known’s built in “share”, “bookmark”, and “reply” functionality.I played around on my Known site with some various options to configure Woodwind which has several built in reply mechanisms available:

    Reply Mechanism Micropub. Each post will have Like, Repost, and Reply buttons that will post content to your site directly via micropub. See Micropub for details. Indie-config. Clicking an indie-action link will invoke your web+action handler if registered. See indie-configfor details. Configurable action urls. Manually configure your own web action handlers. The placeholder {url} will be replaced with the permalink URL of each entry.

    These variations are primarily based upon the type of site and architecture you’re using to take the content from the reader and post it to your own site.I tried out Micropub, which Known supports automatically, and liked the interface, but it didn’t give me as much flexibility as I would have liked in terms of post types. (The stars it posts up for likes are a tad unwieldly too.) I’m honestly not sure if Known supports the Indie-config option, though my guess is that it doesn’t. (I’m thinking that building a WordPress plugin to allow easy plug-and-play for Indie-config would be fun on an alternate CMS platform, but I’d guess that David Shanske likely already has.)I finally messed around for a while with trying to get the Configurable action urls option working on my Known site. It seems to be working pretty well now, so I thought I’d pass along the very simple hack so that others who are less tenatious can relatively easily cut and paste the solution to get their Woodwind configuration humming more quickly.Each action get’s a title, which appears on the associated buttons within Woodwind, which is followed by a custom url.  I’ll list the most common ones for Known below:Share http://www.yoursitenamehere.com/share?share_url={url}&share_title=&share_type=note
    Reply http://www.yoursitenamehere.com/share?share_url={url}&share_title=&share_type=reply
    Like http://www.yoursitenamehere.com/share?share_url={url}&share_title=&share_type=like
    Repost http://www.yoursitenamehere.com/share?share_url={url}&share_title=&share_type=repost
    Bookmark http://www.yoursitenamehere.com/share?share_url={url}&share_title=&share_type=bookmark
    One need only to replace `www.yoursitenamehere.com` with the appropriate site URL, thus in my case for the “Share” button, I used `http://stream.boffosocko.com/share?share_url={url}&share_title=&share_type=note`.I imagine that one could also use this general format to create buttons within Woodwind to post comics, recipes, and even reviews using the community plugins for Known, though it’s likely that some of these plugins may need some tweaks to work properly.Again, I’ll note that I’m using the KnownReactions plugin to provide functionality for the “like” and “repost” types and that without it, these buttons won’t function properly on your installation.Those at Known, are more than welcome to freely cut/paste/modify this for potential inclusion into their documentation for future use.

Mentions

Likes

Reposts

Leave a Reply

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

To respond on your own website, enter the URL of your response which should contain a link to this post's permalink URL. Your response will then appear (possibly after moderation) on this page. Want to update or remove your response? Update or delete your post and re-enter your post's URL again. (Find out more about Webmentions.)