Integrating Micro.blog with Wordpress

Micro.blog is a relatively new service by Manton Reece that can be incredibly useful and convenient if used correctly. For the purpose of this article, I’m going to assume that you’re at least slightly familiar with it and have an account.

If you need more information, head on over to the micro.blog about page for an overview. Depending on when you’re reading this, you may need to request access if you haven’t already.

Beyond its basic, hosted functionality, micro.blog allows you to utilize other services such as Wordpress to host and own your content. At its core, this isn’t very difficult to set up. I will walk you through that simple process first then detail some easy ways to optimize your setup.

Once you have both a Wordpress and micro.blog account, you’ll need to download the micro.blog app for iOS (free). Currently, integrating with Wordpress must be done through the app, although I believe more comprehensive support is coming for the website soon. In the app, go to Settings and choose “Wordpress.” Using the information from your Wordpress installation, login, choose a category1, and finish that out.

Next, go to micro.blog (the website) and add your Wordpress RSS or JSON feed to the feeds page (find it under Account).

With that being complete, every time you post from the app, it will be posted to your Wordpress site with the selected category AND pulled into your micro.blog account. If on micro.blog, you have set up a Twitter or Facebook integration as well, it will then crosspost to those. One beautiful thing about micro.blog is the way in which it perfectly customizes every crosspost based on length and content. It’s almost worry-free.


You’re done on the micro.blog side of things, now it’s time to dig into Wordpress. Depending on your theme, you may have to make more (or less) customizations, but this should give you a good starting point.

For the purpose of this example, I’m assuming the category you created above is “microblog.” If it isn’t, simply change that word to your word of choice. First, you’ll need to edit your CSS. If you’re unfamiliar with doing this, you can easily edit it using the Appearance > Customize menu option and choosing Additional CSS.

Insert this code:

.category-microblog {
}

This will allow you to style your micro.blog posts to make them stand out from your long-form posts. You can use the following as a complete example.

.category-microblog {
background: #f6f6f6;
border: 1px solid #d3d3d3;
border-radius: 3px;
padding: 10px;
margin: 3px 0;
}

You’ll have to make additional customizations based on your site and theme, but you should be off to a good start. If your site is attempting to display a non-existent title, you can hide it using CSS (easiest) or modify your theme’s files (best).

You may also want to add a permalink in some form to this new style. For this site, I use the date as the permalink (see example below).

[caption id=”attachment_30847” align=”alignnone” width=”1552”] My micro.blog Style[/caption] If you need any help, feel free to reach out to me on Twitter. I’ll do my best to help in any way I can.


  1. I suggest pre-creating a category specifically for micro.blog posts. On this site, I use "microblog," but this is entirely up to your creative mind. 
Matt Langford @Mtt

Copyright 2018 Matt Langford