Here are my notes on configuring WordPress on your own domain for IndieWeb. By posting these I hope that others can get started quickly and join the quickly growing indieweb community.

I’m assuming you have your own domain and have installed WordPress. Also you should know how to install a theme and plugins. There is lots of help around the web if you need help getting started with WordPress itself..

Lots of details on indewebifying your WordPress site can be found here: http://indiewebcamp.com/WordPress. These notes are what I did and are meant as a supplement to the work done there.

First steps: Create an h-card and enable Google Authorship

  • An h-card is basically your contact details marked up with microformats. This should go on the home or root page of you site. I put this on my home page sidebar by creating the h-card markup in a widget. More on that later.
  • Set up Web Sign-in using your domain. Details here. and some extra details below for WordPress. It’s easier than it looks:
    • Your home or root page should contain rel-me links to all your social network profiles like Twitter, Facebook, Google+, etc. (LinkedIn doesn’t support rel-me but I did it anyway in case they get their act together).
    • Note: For IndieAuth to work it is important that 2-way communication or handshaking exists between your social network and your own site. Using Twitter for example, on your WordPress home page, link to your Twitter profile like:

<a rel=”me” href=”https://twitter.com/yourtwittername”>@yourtwittername</a>

    • On your Twitter profile you should link directly to your WordPress home page.
    • Link directly to your home page from ALL your social profiles.
      • Side Note about Google+: In Google+ you list links to your WordPress site and other social sites in the Other Profiles section. I found it works best if you have the link to your WordPress site first in the list. It just avoids complications later on.
    • Behind the scenes, these social sites are already coding your link with rel-me. You can check if you view source on your profile page on Twitter, etc.
    • Here’s a crappy illustration of the two-way linking:

rel-me

    •  All your posts and other pages should link to your home page with a link that is tagged with rel-author
      • This is important for Google authorship. Here’s a helpful site that describes Google authorship
      • Another crappy illustration:

GoogleAuthorship

 

 

Next step, install the SemPress theme. We’re talking about getting started here so this theme is a perfect place to start. This theme is based on HTML5 mixed with microformats, microformats v2 and microdata (Schema.org). Hang out and ask in the IRC channel and you’ll probably find some more.

Next, install the indieweb plugin. This adds webmentions and semantic-linkbacks to WordPress.

Be sure you have allowed pingbacks and comments. In WordPress, go to the Settings => Discussion page in your WordPress admin, and check the “Allow link notifications from other blogs (pingbacks and trackbacks)” and “Allow people to post comments on new articles” checkboxes.

Install the webmentions form. This puts a form in your comments section so if someone is running a site that does not have webmentions implemented they can use this form to notify you that they have linked to your site. Basically you are helping other folks out until they get on the IndieWeb bandwagon.

Next, install the Jetpack plugin from WordPress.com. You’ll also need to have an account on WordPress.com to connect the plugin to.

  •  If you want, this plugin will let you easily and automatically post your content to Facebook, Twitter, Tumblr, LinkedIn, Path and Google+
    • For these options, activate and configure the Publicise option under the Jetpack settings
    • NOTE: By default, when you set up your connections, Jetpack will autopost every time you publish a new post. If you would rather have it where you have to select your networks each time, you have to add one line of code to your functions.php file. The code and explanation are here. You may want to install and edit a functionality plugin so you aren’t editing your theme’s main function.php)
  • You can also enable Share This buttons for all the major sites by activating and configuring the Sharing option in Jetpack settings
  • Lots of other things you can do so look through the settings and activate the ones you think you might want. The ones I find useful are:

Next, setup  brid.gy. Bridgy is a service that pulls comments, likes, and reshares of links to your site on public posts to social networks back to your web site. Go to brid.gy and click each icon you are interested in monitoring. For example, if you want brid.gy to monitor twitter for retweets etc. then you’ll need to click the Twitter icon and authorize Brid.gy to connect to your Twitter account. Do this for the others like Facebook and Google+ if you want Brid.gy to monitor those as well.

  •  Brid.gy can also post to Twitter and/or Facebook for you. When you connect to those services you’ll see the option to set up posting as well.
  • Side note: If you need to adjust what groups (Friends, Friends of Friends, etc) can see your posts made with apps like brid.gy, go here: https://www.facebook.com/settings?tab=applications&view

Setting up POSSE : Publish (on your) Own Site, Syndicate Elsewhere

This is one of the main reasons you set all this up. To let you create your content on WordPress and push it out to the other silos and maintain control of the original.

As mentioned above, you can use Jetpack for this and you can also use Brid.gy for Twitter and Facebook. However, I wanted a bit more control and to be able to post to Twitter and Facebook via a tag. That is, I tag my posts with tw and/or fb and they automatically get shared to those silos. I achieve that with IFTTT. The beauty here is I can use any WordPress client whether it be the standard web interface or mobile like Android or iOS and easily cross post the the places I want via a tag.

This first one lets me auto-tweet anything tagged “tw”

IFTTT Recipe: Tweet WordPress post tagged 'tw' connects wordpress to twitter

This one lets me auto-post to Facebook anything tagged “fb” IFTTT Recipe: Post to Facebook WordPress Post tagged 'fb' connects wordpress to facebook

I handle photo posts to Facebook a little differently. I don’t tag them “fb”. Instead I put them in the “Photo” category and let his IFTTT handle it:

IFTTT Recipe: Create Facebook Photo Post from WordPress post in the 'Photo' category. connects wordpress to facebook 

IndieWeb Press-This: A nice feature of WordPress is the Press-This tool. This lets you quickly create a post with a link to a site. There is a handy plugin that was created to add the proper microformats2 to create reply or likes to a post. Have a look at this plugin: https://github.com/pfefferle/wordpress-indieweb-press-this

Setting up PESOS: Publish Elsewhere, Syndicate (to your) Own Site

While POSSE is preferable, sometime we put stuff elsewhere and want to bring it into WordPress. There are 2 cases where I often do this. One, I like how Google+ handles photos. And the other is articles I’ve saved and favorited in Pocket. Here are the recipes I use to achieve this: This one takes photos from my Google+ feed and posts them to WordPress in the Photo category with the “tw” tag. Then the recipes above post out to Twitter and Facebook for me. Best of both worlds. IFTTT Recipe: Google+ Photos to WordPress connects feed to wordpress

Here is the one I use for Pocket favorites. This one tag it automatically tagged “tw”. Not everything I save needs to go to my Facebook friends but I don’t mind it going to Twitter.

IFTTT Recipe: Pocket favorites to WordPress connects pocket to wordpress

Customization for sharing

Twitter Cards: If you want your sharing to Twitter to look a little cleaner and use the Card feature, you need to set that up through Twitter at this address: https://dev.twitter.com/docs/cards/validation/validator. You should set one up for Summary and one for Photos. You need to have a link to an example of each for proper validation.

 

 

 

Restyle the web with Stylish, a user styles manager. Stylish lets you easily install themes and skins for many popular sites.

This is one of my favorite extensions for Chrome. I use it most for one reason, my Blue Scroll Bars style: https://userstyles.org/styles/64318/blue-webkit-scrollbar. This style changes the scroll bars in things like TweetDeck, Gmail and Google+ from hard to find light grey to a nice shade of blue.

Gplus tdeck

via Chrome Web Store – Stylish.

Did you know the ball used for the 2014 World Cup has a name? It’s called the Brazuca. And it is much better than the Jabulani that was used in 2010. Well, at least from a goal tender’s point of view. The Brazuca flies much better than the Jabulani which had a tendency to not spin and be unpredictable in the air.

Real world examples of things people can grasp like the game of soccer (aka football) make for nice teaching tools.

“Sports provide a great opportunity to introduce the next generation of researchers to our field of aerodynamics by showing them something they can relate to,” said Rabi Mehta, chief of the Experimental Aero-Physics Branch at NASA’s Ames Research Center in Moffett Field, California.

via NASA Turns World Cup into Lesson in Aerodynamics | NASA.

This app is pretty nice. You get 2 news digests a day. You don’t have the ability to tell it what stories to serve you but it is a nice way to stay on top of big stories. You can quickly skim headlines then tapping on a story takes you to a summary and links to relevant tweets and videos and other reference.
Recommended for news junkies.
Yahoo News Digest

LifeHacker has handy links to the full installers for Firefox and Chrome in case you need them handy in a spot with marginal broadband. Or so you can install a fresh PC and not have to ever launch IE.

Download Full Firefox and Chrome Installers for Offline Installs
The default web-based installer for Firefox and Chrome download the necessary setup files during installation. If you want to install Firefox and Chrome offline or save them for later, download the full installers instead.

 

When I suspect viruses or malware on a Windows PC I like to start it in Safe Mode and run my scans there. This prevents things from starting up and enables the utilities to do a better job in finding the bad stuff and cleaning your PC.

In previous versions of Windows you had to be quick about mashing down on your F8 key to get into safe mode to fix problems. Thankfully, now in Windows 8 you can tell the OS to boot up into safe mode, making this process easier. The trouble is, how you actually do that is easy yet a bit convoluted. Here’s a quick how-to:

From Start screen:

Type PC settings and click on the PC Settings icon
Click on Update and Recovery
Click on Recovery
Under Advanced startup, click restart now
Click Troubleshoot
Click Advanced options
Click Startup Settings
Click Restart
Your computer will reboot and present a menu of options. Choose #4 for Safe Mode

Now, if you want to scan your computer from malware and viruses, follow these steps after the reboot.

After the PC reboots:

Go to Start screen
Type Windows Defender
Select the Full option and click Scan now
The scan will start. Could take awhile depending on how full your hard drive is.
When the scan complete you can reboot