Category Archives: Social Media

What is XFN (XHTML Friends Network)?

XFN (XHTML Friends Network) is a simple way to represent human relationships using hyperlinks. In recent years, blogs and blogrolls have become the fastest growing area of the Web. XFN enables web authors to indicate their relationship(s) to the people in their blogrolls simply by adding a ‘rel’ attribute to their <a href> tags, e.g.:

<a href=”http://jeff.example.org” rel=”friend met”>…

Learn more at http://www.gmpg.org/xfn/

XFN PLUGINS FOR WORDPRESS

There are a few XFN – XHTML Friends Network plugins already created for WordPress. You can find XFN plugins by searching Google for “WordPress plugin xfn” or you can see a list of the stored plugins at WordPress here http://wordpress.org/extend/plugins/search.php?q=xfn

Here’s a couple of my favorite FXN plug-ins for WordPress.

Blogroll Links

http://wordpress.org/extend/plugins/blogroll-links/

Author: Rajiv Pant

For people who maintain their Web site or blog using the WordPress blog content management system, blogroll-links is an open source WordPress plugin that uses WordPress built-in Blogroll feature and presents links to friends’ home pages and own pages on social networking sites using XFN in the links.

Features of this plugin

  • It can show the links by category in blog posts and WordPress Pages.
  • It uses WordPress standard built-in Blogroll links database. There is no hassle of another list of links to maintain.
  • It can be used to show only the links assigned to a particular category, by stating the category slug as defined in that category’s setting in WordPress.
  • It honors the Show/Hidden setting as defined for each link in WordPress.
  • It displays the link in the same window or new window, as specified for each link in WordPress.

XFN Icons

http://wordpress.org/extend/plugins/xfn-icons/

Author: Samuel Elliott

Adds Icons after links according to whether you’ve specified XFN or not. XFN (XHTML Friends Network) is a way of adding properties to links to specify relationships between the two sites, or the two subjects of the sites. WordPress supports them by default, and you can add them by looking further down the page on the “Add Links” Page in the Admin Area.

ADDITIONAL RESOURCES

The Friend of a Friend (FOAF) project

http://www.foaf-project.org/

foaf project Friend of a Friend
foaf project Friend of a Friend

FOAF is about your place in the Web, and the Web’s place in our world. FOAF is a simple technology that makes it easier to share and use information about people and their activities (eg. photos, calendars, weblogs), to transfer information between Web sites, and to automatically extend, merge and re-use it online.

The Friend of a Friend (FOAF) project is creating a Web of machine-readable pages describing people, the links between them and the things they create and do.

Google’s Social Graph API

http://code.google.com/apis/socialgraph/

The public web is made up of linked pages that represent both documents and people. Google Search helps make this information more accessible and useful. If you take away the documents, you’re left with the connections between people. Information about the public connections between people is really useful — as a user, you might want to see who else you’re connected to, and as a developer of social applications, you can provide better features for your users if you know who their public friends are. There hasn’t been a good way to access this information. The Social Graph API now makes information about the public connections between people on the Web, expressed by XFN and FOAF markup and other publicly declared connections, easily available and useful for developers.

Google Social Graph
Google Social Graph

What are MICROFORMATS?

Microformats are designed for humans first and machines second, microformats are a set of simple, open data formats built upon existing and widely adopted standards. Instead of throwing away what works today, microformats intend to solve simpler problems first by adapting to current behaviors and usage patterns (e.g. XHTML, blogging).

microformat diagram http://microformats.org
microformat diagram http://microformats.org

Learn more at http://microformats.org/about/

MICROFORMAT PLUGINS FOR WORDPRESS

There are several microformat plugins already created for WordPress. You can find microformat plugins by searching Google for “WordPress plugin microformat” or you can see a list of the stored plugins at WordPress here http://wordpress.org/extend/plugins/search.php?q=microformat

Here are a few of my favorite microformat plug-ins for WordPress.

Events Category

http://wordpress.org/extend/plugins/events-category/

This plugin is developed at Shepherd Interactive for the benefit of the community.

Seamless event calendar solution which extends the basic WordPress functionality to enable future-dated posts to be listed within the blog chronology when they are assigned to a particular post category. The a future-dated post’s timestamp is used as the time stamp. Upcoming events widget included; includes iCal feed. HTML output contains hCalendar, hCard, geo, and adr microformats.

Addressbook

http://wordpress.org/extend/plugins/addressbook/

Author: Sam Wilson

A simple address book plugin.

You can view and edit addresses (names, addresses, phone numbers, email addresses, etc.) in the administration interface (under Manage > Addressbook or as its own top-level menu item), or embed a read-only list of addresses in posts and/or pages.

Addressbook features:

  • Gravatar support for both address lists;
  • hCard microformat support in the address list.

Micro Anywhere

http://wordpress.org/extend/plugins/micro-anywhere/

Author: Alex Willemsma

Micro Anywhere is designed to allow anyone to make use of microformats on their blog, even if they don’t know what microformats are.

When the plugin is activated it adds two buttons to the WordPress WYSIWYG editor — one to insert event (calendar) data, and one to insert contact information (vCard) data. Each button opens an easy to use dialog box that prompts the user for information about their event or contact, and then outputs a human readable paragraph, fully marked up with a relevant microformat. When possible, relevant HTML tags are used to make interacting with the event easier. For example, if a URL is given, the event or contact’s name becomes a link to that URL.

GeoPress

http://wordpress.org/extend/plugins/geopress/

Author: Andrew Turner & Mikel Maron

GeoPress adds geographic tagging of your posts and pages. You can enter an address, points on a map, or enter latitude & longitude using the post interface. You can also include the post location within the body itself to make it easy to geotag using emailed posts and desktop clients. Maps can be Google, Microsoft, OpenStreetMap, 3D globe, or any major mapping provider by using the Mapstraction mapping library. Makes your feeds GeoRSS compatible, and also adds KML for viewing in Google Earth.

Get more information at: http://georss.org/geopress

WP-Oomph

http://wordpress.org/extend/plugins/wp-oomph/

Author: Meitar “maymay” Moscovitz

Adds the Oomph Microformats toolkit‘s microformat overlay to any WordPress-generated pages (as long as the page has a microformat in it, of course).

This plugin is pretty idiotic (by which I mean brain-dead simple), but it does enable anyone to full microformat-enable their blog with purely point-and-click operations. It’s recommended that you start with a WordPress theme that already has built-in support for microformats, and then add this plugin to the mix.

I was going to write some more details about how to use mircoformats, but I found this very nice post about microformats already done, check it out http://mysaves.com/community/bookmark/visit/Getting-Semantic-With-Microformats-Introduction-~-A-Blog-384.html

Installing WordPress

Installing WordPress

I wanted to install wordpress in a sub directory (/blog) of my site. I recommend installing it into a sub directory and using htaccess files to control the redirect to your blog, which we will cover later. This approach to the installation will give you the flexibility to add other components to your site and save the front page for organizing your components.

Setup Your Database

Create a database with your favorite tool. You can find your database management tools in CPanel or Plesk. You just need a database with a user that has all permissions. Jot down the database name, database user name, & password, you will need this information later for the wordpress installation config file.

Installing WordPress from the command line

Connect to your server with a command line tool like PuTTY

PuTTY is a free implementation of Telnet and SSH for Win32 and Unix platforms, along with an xterm terminal emulator. It is written and maintained primarily by Simon Tatham.

Here are the command line steps

These steps are executed by super user (su) in your site’s root directory

  1. wget http://wordpress.org/latest.tar.gz
  2. tar -xzvf latest.tar.gz
  3. rm latest.tar.gz
  4. mv wordpress blog
  5. chgrp {root group} blog -R
  6. chown -R {root user} blog
  7. cd blog
  8. mv wp-config-sample.php wp-config.php

Command line steps explained

Copy the latest, compressed version of WordPress to your site.
1. wget http://wordpress.org/latest.tar.gz
Decompress the file.
2. tar -xzvf latest.tar.gz
Delete the compressed file.
3. rm latest.tar.gz
Rename the wordpress directory to blog.
4. mv wordpress blog
Reassign user group to your new directory. This should be the same group as your root directory.
5. chgrp {root group} blog -R
Reassign user to your new directory. This should be the same user as your root directory. Updating user & group will allow you to use your common editing tools like Dreamweaver to manage these files.
6. chown -R {root user} blog
Navigate into your new directory.
7. cd blog
Rename the wordpress config file.
8. mv wp-config-sample.php wp-config.php

You’re almost done!

Edit wp-config.php to include your database information, then point your browser to the blog directory on your site. You should see the WordPress Installation welcome screen.