Tag Archives: Web 2.0

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

Google API video overview

The Google Data APIs provide a simple standard protocol for reading and writing data on the web.

These REST-style APIs are based on the Atom Publishing Protocol (AtomPub), using the standard Atom syndication format to represent data and HTTP to handle communication. The Google Data API protocol also extends AtomPub for processing queries, authentication, batch requests, and providing alternate output formats (JSON, RSS).

Learn more about the Google API at http://code.google.com/apis/gdata/index.html

Free SEO benefits from future proof URLs

Future Proof URLs gives you free Search Engine Optimization (SEO) benefits and hide the technology for future modifications of server technology. Most users don’t care about the technology and true social media shares it’s information across multiple platforms.

It’s not easy to understand what this page is about from just a URL that looks like this:

http://trickmandan.com/blog/?p=11

Transform ugly URLs into Search Engine, People friendly URLs with these simple steps in the WordPress Admin Interface.

1. Go to Settings/Permalinks

permalinks view on WordPress Admin
permalinks view on WordPress Admin

2. Select “Day and name”, then click “save changes”

That will change the URL

from this: http://trickmandan.com/blog/?p=11

to this: http://trickmandan.com/blog/2008/11/23/redirect-root-requests-to-your-blog/

This strategy will give Search Engines some clues on how to index this page. User friendly URLs will also give users an extra clue on what the page is about.

NOTE: You may need to update your htaccess file in your WordPress directory.

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /blog/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog/index.php [L]
</IfModule>

This will redirect all requests that are not for actual files or directories to /blog/index.php

The [L] flag says this is the last rule.

Learn more about htaccess here.

Redirect root requests to your blog

In my article, “Installing WordPress” I mention how to redirect root requests to your new blog.

When I installed WordPress, I had nothing else on my server, but I wanted to reserve the root space for additional components, so I installed WordPress in a subdirectory named “blog”. Now I want all requests from my domain to just return the default view of my WordPress blog.

You can easily control this with an htaccess file in your root directory. Simply add the following line to your .htaccess file.

#I have nothing on root index, so redirect to /blog
RewriteRule ^(.*)$ /blog/index.php [L]

We can always go back and change this after we add new components and update the main index page.

This approach to the architecture will allow us to install other components and connect them in our root space. Let’s say we wanted to add a forum to the site. We could install the forum software in the /forums directory, then update the root space to show information about our blog and forums without disturbing the architecture of either component. This approach will allow us to easily integrate components at will and give us the ability to update the component through their natural interface.

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.