メニューとコンテンツの完全2分割になってます。

それでは本題。

今回は、テーマのfuction.phpに書いたいろんなソースを忘れないようにメモエントリーします。

余計なヘッダ要素を消す。

<?php
remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'adjacent_posts_rel_link_wp_head', 10, 0 );
remove_action( 'wp_head', 'wp_generator' );
?>

このフィルターは、wp-includes/default-filters.phpの202行目あたりにあるので用途に応じて取捨選択します。

remove_actionとは

ベースURLを定義する

<?php
function baseurl($baseurl = 'http://samplehogehoge.com/' ) {
	return "$baseurl";
}
?>
// 使用例
<img src="<?php echo baseurl(); ?>shared/images/logo.gif" alt="ロゴ" />

記事内のテキストを置換

ローカル環境の画像パスとWP上のパスが違うときに使ってます。便利です。

<?php
function replace_text_wps($text){
    $replace = array(
        // '元の単語' => '置換する単語'
        '"../shared/' => '"http://samplehogehoge.com/hoge/shared/',
    );
    $text = str_replace(array_keys($replace), $replace, $text);
    return $text;
}
add_filter('the_content', 'replace_text_wps');
?>

ブログIDで条件分岐

<?php
// ブログIDの取得
global $blog_id;

if ( $blog_id == 1 ){
?>
ブログIDが「1」のときに表示させるもの。
<?php
} else {
?>
「1」ではないとき。
<?php
}
?>

否定のみ。

<?php
if ( $blog_id != 1 ){
?>
「1」ではないとき。
<?php
}
?>

ページスラッグを取得

// 変数名は自由
<?php
$pagename = get_page_uri($post->ID);
?>
// 出力
<?php echo $pagename; ?>

親のページスラッグを取得

// 変数名は自由
<?php
global $wp_query;
if( empty($wp_query->post->post_parent) ) {
	$parent = $wp_query->post->ID;}
else {
	$parent = $wp_query->post->post_parent;
}
	$parent = wp_get_single_post($parent);
?>
// 出力
<?php echo $parent->post_name; ?>

はい、では今日は前回の続編。
いよいよアナリティクスを埋め込みます。

Google Analyticsからga.phpは取得済みですね!!←強引
ヒント!!↓

1.ga.phpを書き換える

先頭に以下を追加します。

//PHP4で使える用の設定

require_once '(ルートパス)/pear/PEAR/PHP/Compat/Function/setrawcookie.php';
require_once '(ルートパス)/pear/PEAR/PHP/Compat/Function/file_get_contents.php'

次に、以下の記述を書き換えます。（一応コメントアウトとしてます）

// Always try and add the cookie to the response.
 /*   setrawcookie(
        COOKIE_NAME,
        $visitorId,
        $timeStamp + COOKIE_USER_PERSISTENCE,
        COOKIE_PATH);
*/
//PHP4で使える用の設定
	setrawcookie(
		COOKIE_NAME,
		$visitorId,
		$timeStamp + COOKIE_USER_PERSISTENCE,
		COOKIE_PATH,
		'',
		false,
		false
	);

2.ga.phpをアップする

モバイル版のディレクトリが分かれている場合（※）はそこへ、
ルートと同じところにあればルートにアップします。
どっちでもいいです。

（※）トラッキングコードに追加するときに、ベースURLを追記する必要があります。

3.トラッキングコードをhtmlに埋め込む。

ga.phpを取得する際に表示されていた
トラッキングコードを指示通りの場所に埋め込みます。

このとき、2でモバイル版のディレクトリにga.phpをアップした場合には以下の通り追記してください。

  function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;
    $url = "";//ここにモバイル版のディレクトリまでのURLを書き込みます
    $url .= $GA_PIXEL . "?";

・・・

↓
↓

  function googleAnalyticsGetImageUrl() {
    global $GA_ACCOUNT, $GA_PIXEL;
    $url = "http://www.samplehogehoge.com/m";
    $url .= $GA_PIXEL . "?";

・・・

4.htmlをphpに偽装する。

最後に、大前提なポイントを説明するのを忘れていました（汗

「ga.php」はPHPのページじゃないと使えません。

.htmlの場合は、拡張子をひとつずつ.phpに変えるか、
.htaccessに

AddType application/x-httpd-php .htm .html

と記述してアップしてください。

5. あっぷあっぷ

以上で完了です!!

長い道のりでした・・・

まず、携帯版はPHP5以降じゃないと動きません。

携帯版はページの一番最後に1×1pxの画像を出してごにょごにょするのですが、
その画像のパスが切れてて「×」マークが出ている場合はPHPのバージョンを疑ってみてください。

バージョンが分からない場合は、

<?php phpinfo(); ?>

と記述してphpinfo.phpと名前をつけて、サーバにアップします。

そこにアクセスするとPHP情報がずらり。
バージョンも書いてあります。
確認した後は削除しましょう。

※このphpファイル、後で使います。

一番楽な方法は
「php.iniなどでPHPのバージョンを最新に変えてやる」

ですが、今回はPHP4の環境でないと不都合が生じたため、
無理くりアナリティクスをPHP4にねじ込みました。

やることはざっと以下のとおりです。

アナリティクスが使っている、PHP5からしか使えない関数を
PHP4でも使えるように（も）できるライブラリ（PEAR※）をインストールする。
↓

ga.php（アナリティクス）からそのライブラリの必要な部分だけを読みに行かせる。
↓

結果:既存のシステムを弄らずに（PHPの環境を変えずに）
アナリティクスが入ってみんな幸せ。

※PEAR：PHP Extension and Application Repositoryの略で「ペア」と発音するそうです。

1．go-pear.phpをダウンロード

PEARをブラウザ上で管理できるツールを入れます。

http://pear.php.net/go-pearの全文をコピペ（もしくは右クリして名前をつけて保存）
してgo-pear.phpという名前をつけて保存。

2．サーバにアップロード

携帯サイトのディレクトリに「pear」というディレクトリを作って、その中にアップします。
できればbasic認証をかけておくと安全ですね。

3．ブラウザでgo-pear.phpにアクセスする

go-pear.phpフォルダまでのアドレスを叩きます。
例）http://www.samplehogehoge.com/m/pear/go-pear.php

4．インストール画面があらわれた。たたかいますか？

→たたかう
にげる

勇者はNext >>　をクリック。

特にどこも変更せず、Installボタンをクリック。

4-1．（番外編）！！！エラーを吐き出した！！！

同じようなエラーが出たら、この章を読んでください。
スムーズにいけたら5へワープ。

なぞのじゅもん

Parse error: syntax error, unexpected ‘(‘, expecting ‘}’ in (インストール先のパス)/temp/PEAR/Installer.php on line 811

だめだ負けそう。

たたかう
にげる
ぼうぎょ
→どうぐ

やくそう・・じゃなくて

この原因が分からずにドツボにはまっちゃいました。
大元が構文エラーってどうゆうことやねん!!

いろいろ調べてみても同じ症例は見つからず・・・

小一、二時間苦悶した結果、ﾋﾟﾗﾒｷｰﾉ☆

原因はPHP4の環境でインストールしてるから

でした。

では、一時的にPHP5で動く環境にします。
（サーバのコントロールパネルなどで設定できない場合は）
以下のどうぐを装備しましょう。

php.ini
.htaccess

PHP5にするためのphp.iniの情報はサーバのコンパネなどで参照できると思います。

.htaccessには、

AddHandler x-httpd-php528 .php
（改行）

と記述しておきます。

最後の行は必ず改行を入れましょうね。
.htaccessのルールらしいです。

そして、2つをgo-pear.phpを入れたディレクトリにアップします。

以上でOKです。
※この2つのファイルは最後に削除します。

もう一度、最初からインストールしましょう。

5．インストール完了。・・？

これでPEARが仲間になりましたね。

キラキラ☆

管理画面のURLを叩きまｓ・・

http://www.samplehogehoge.com/m/pear/

！！！まさかの不意打ち！！！

Fatal error: No PEAR.php in supplied PEAR directory: @pear_dir@ in (PEARまでのパス) on line 24

次につまづくのがここです。

6．index.phpを書き換える

pearディレクトリにindex.phpというファイルが出来ているので、
それを一旦ローカルに落とします。

8行目に

$pear_dir = '@pear_dir@'; // default of install

という記述があります。
これを自分の環境に合わせて書き換える必要があります。

インストール後に生成された「PEAR」ディレクトリまでのパスを入れます。

パスがよく分からない場合は、
一番最初に作ったphpinfo.phpを「PEAR」ディレクトリにアップします。

画面下の方にある「Environment」の「SCRIPT_FILENAME」欄に
phpinfo.phpまでのパスが書いてありますので、そこを参照してください。

$pear_dir = '～～～～/pear/PEAR'; // default of install

index.phpを書き換えたら同じ場所へアップします。

7．PHP_Compatをインストール

管理画面にもう一度アクセスして、

画面一番下の「Quick-install a package」に

PHP_Compat-1.6.0a3

と入力してInstallボタンをクリック。

今度はすんなりインストールできましたね。

ここまできたら、先程のphp.iniと.htaccessのPHPバージョンの記述を削除してPHP4の環境に戻しましょう。
（.htaccess本体はbasic認証かけてる場合は削除しちゃったらだめです）

と、今回はここまで（汗）

次回はいよいよアナリティクスを入れます!!

ではまた☆

「超カンタン!!オブジェクトを一瞬でスライスする方法」

1. スライスしたいオブジェクトを選択

（それぞれ1個ずつのスライスになってしまいますが；）複数選択可。

2. メニューから、レイヤー＞レイヤーに基づく新規スライス

じゃん。

以上!!ではなく、

いちいちメニュー開くのもかったるいし全然一瞬じゃないですよねー
なので、ショートカットを登録しておきます。

「オリジナルショートカットを登録する」

1. メニューから、編集＞キーボードショートカット

2. レイヤーグループの中にレイヤーに基づく新規スライスのコマンドがあるので、そこに好きなショートカットを登録

ショートカットキーを実際に押せば、登録できます。
んで、他のキーと被っている場合は注意書きが出るので、他の候補を試してください。

（ちなみに自分は「Ctrl+.」にしてます。）

最後に、確定ボタン、っと。

【補足】スライスの範囲を変えたい！

そんなときは、（スライス選択ツールに切り替えて）スライスのところで右クリック
※複数選択のときは、Shiftを押しながら
→「ユーザー定義スライスに変更」

でバウンディングボックス的にサイズが好きに変えられるようになります。

これで複雑なオブジェクトも恐くないですねー

前回に引き続きwordpressネタです。

WPをインストールする際に/wp/フォルダを作り、そこに展開していましたが、
ルートパスで開きたいとか、/blog/hoge/で開きたいとかあると思います。

または、階層が同じでもディレクトリ名がwpのままだと
URLは当然、http://samplehogehoge.com/wp/
となり、なんだかイマイチ・・

wp→blogとすれば解決なのですが、WPはWPと分かる構造のほうがいいです。

0．まずは、パーマリンクの設定

記事のURLをどのように吐き出すか設定します。
このとき、自動で作られる.htaccessが後で必要になります。
（/wp/直下に作られます。）

設定＞パーマリンク設定

1．管理画面の設定

設定＞一般　の

WordPress のアドレス (URL) と
サイトのアドレス (URL)

を変更します。

例：

WordPress のアドレス････http://samplehogehoge.com/wp
サイトのアドレス････････http://samplehogehoge.com/

2．index.phpと.htaccessをコピー

/wp/直下にあるindex.phpと0．にて自動生成された.htaccessを
1．でサイトのアドレスに設定したディレクトリにコピーします。

元のindex.phpはリネームしておきます。

3．index.phpの書き換え

index.phpから、/wp/wp-blog-header.phpが読み込めるようにパスを書き換えます。

/** Loads the WordPress Environment and Template */
require('wp/wp-blog-header.php');

以上!!

これで、http://samplehogehoge.com/を叩くと
WPのトップ画面が開けるようになりました。

実にスマートですね。

長いです!!

STEP1　インストールしよう

1.最新版のwordpress（以下WP）をダウンロードし、解凍
http://ja.wordpress.org/

2.FTPでアップロード

ルートディレクトリに、wordpressフォルダをまるっとアップします。（※）
（個人的にフォルダ名を「wp」とするのが好きです。http://samplehogehoge.com/wp/となるように）

※注意
パーミッション（属性）の設定は以下のとおりにします。

フォルダ･･･755
PHPファイル･･･644

その他のファイルはデフォルトでOK。

アップロード時に設定したパーミッションに自動変換する方法はこちらを参照

●NextFTP
http://www.toxsoft.com/nextftp/manual/uploadattrib.html
●FFFTP
http://www.rururubu.com/info/frsoft/ffftp/003/index.htm#04

3.インストール

http://samplehogehoge.com/wp/（WPをインストールしたディレクトリ）へアクセスします。

「設定ファイルを作成する」ボタンをクリック。
（直接wp-config.phpに書き込む方法もありますが、自動で作ってもらいましょう。
そのほうが早いです。）

データベース名・・・・お客様ID（もしくは自分で作ったDBの名前）
ユーザー名・・・・お客様ID
パスワード・・・・PHPMyAdminやコンパネにログインするときのパスワード
データベースのホスト名・・・・ hostname:3307　※
テーブル接頭辞・・・・ wp_（任意）

※hostnameには、CPIコントロールパネルの、
お客様情報 ＞ プログラムのパスとサーバの情報の「データベース情報」
MySQL 5.0.45 のhostnameが入ります。

その次に、サイト名やログインIDやパスワードを入力して指示通りインストール。

インストール、ログイン成功!!

やった!!と思った貴方。

適当にブログ記事を日本語で投稿して保存か公開してみてください。

・・・

白紙に戻ってますよねーorz

日本語は保存されないんです。

STEP2　php.iniと.htaccessを入れよう

ここがポイントとなります!!
CPIサーバで一番厄介でつまづくところ。

1.php.iniを準備

元となる記述は、CPIコントロールパネルの、
お客様情報 ＞ プログラムのパスとサーバの情報
「PHP iniの設定情報」から最新の（2011.05.06時点）
PHP 5.2.8へ。

リンク先の「PHP 5.2.8の設定情報」のテキスト全文をコピーして、
テキストエディタにペーストします。

2.php.iniを編集

さっき、なぜ日本語が保存されなかったかというと
デフォルトのままだと文字コードの不一致を起しているからなんです。
（WPはUTF-8、CPIのデフォルトのphp.iniはEUC-JPとなっています。）

そこで以下の2箇所を変更します。

mbstring.internal_encoding = EUC-JP
→mbstring.internal_encoding = UTF-8

mbstring.encoding_translation = On
→mbstring.encoding_translation = Off

ローカルのwpフォルダ直下にphp.iniと名前をつけ保存。（sjisでOK）

3. .htaccessを準備

以下の記述をした、.htaccessを作ります。（sjisでOK）

AddHandler x-httpd-php528 .php
suPHP_ConfigPath /usr/home/お客様ID/html/wp/
Options +FollowSymLinks

※「x-httpd-php528」の数字はバージョンによって変わります。
今回はPHP 5.2.8なので528

※suPHP_ConfigPath /usr/home/お客様ID/html/wp/
は、php.iniを置く場所です。

※Options +FollowSymLinks
は、mod_rewriteをする際に必要な記述

4.php.iniと.htaccessをアップロード

FTP上のwpフォルダ直下にアップロードします。（※）

※注意
.htaccessのパーミッションは「666」にします。
（パーマリンク設定の際に自動的に書き込まれるようにするためです。
この設定が済んだら、「644」に変更することをおすすめします。）

以上!!

これで無事WPが使える環境が整いました。
めでたしめでたし♪

次は、WPのインストールディレクトリとは別の階層に公開ディレクトリを作る方法をまとめたいと思います。
お楽しみにー

今回は、wordpressのデフォルトのウィジェットを使わずに最新記事（最近の投稿）を表示させるウィジェットを作ろうの巻です。←長い

さらに＋αで
カテゴリのスラッグを出力する方法をご紹介します。

デフォルトの最新記事のウィジェットって
タイトルと表示する投稿数しか融通きかないので、
ユーザー名も表示させたい!!ってとき困りますよね。

用意するもの
・ウィジェットでPHPが使えるようにするプラグイン
今回は「PHP Widgetify」
を使用しました。

ソースはこちら。

<ul>
<!--?php query_posts('orderby=modified&post_type=post&posts_per_page=3'); ?-->
<!--?php while (have_posts()) : the_post(); ?-->
	<li>
<span><a href="<?php echo get_author_posts_url($author); ?>/<?php the_author_login(); ?>"><!--?php the_author(); ?--></a>さん</span>
<a href="<?php the_permalink() ?>"><!--?php the_title(); ?--></a></li>
<!--?php endwhile; ?-->
<!--?php wp_reset_query();?--></ul>

ここで、表示する投稿数を決めます。

※2011.5.12修正

orderby=modified（変更順）・・・過去の記事を編集したら最新記事に上がってしまう。
↓
orderby=date（日付順）

<ul>
<!--?php query_posts('orderby=date&post_type=post&posts_per_page=3'); ?-->
<!--?php while (have_posts()) : the_post(); ?-->
 <li>
<span><a href="<?php echo get_author_posts_url($author); ?>/<?php the_author_login(); ?>"><!--?php the_author(); ?--></a>さん</span>
<a href="<?php the_permalink() ?>"><!--?php the_title(); ?--></a></li>
<!--?php endwhile; ?-->
<!--?php wp_reset_query();?--></ul>

posts_per_page=3

投稿者＋投稿者別アーカイブへのリンクの出力

<span><a href="<?php echo get_author_posts_url($author); ?>/
<?php the_author_login(); ?>"><?php the_author(); ?></a>さん</span>

※アーカイブへのリンクのソースはパーマリンク設定によってそのまま使えない場合があります。

さらに。

記事のカテゴリごとに色やアイコンを変えたいという場合もあると思います。

そういうときは、カテゴリのスラッグ（=フォルダ名??）を出力してクラスをあててやりましょう。

ソースはこちら。
liにクラスをふるのを想定してます。

<li class="<?php
    $cat = get_the_category();
    $catslug = $cat[0]->category_nicename;
    echo $catslug;
?>">

お試しあれ～♪

よちよち歩きPHPerのおはぎでした。

worpressっていいものですね･･･

の今日は、三宮、吹雪いてました。寒い・・・

今回は前回の続きで、Zen codingのデフォルトのインデントを消す方法を説明します。

ドアズは、基本的にノーインデントという方針上このデフォルトの設定が邪魔なのです。

Zen codingはDWにインストール済みですね？
初めて使うという方は、こちらの記事をどうぞ。

まずは、Zen codingの設定類が入っているフォルダを開きます。

Windows7の場合はここ↓
C:\Users\コンピュータ名\AppData\Roaming\Adobe\Dreamweaver 9\Configuration\Commands\ZenCoding

その他OSの方は、とりあえずAdobeのフォルダ＞DWのフォルダを探し当ててください（人任せ）

その中から、zen_editor.jsというファイルを開きます。

この関数の中の記述をこう変えます。

var zen_editor = (function(){
（「var zen_editor = (function(){」で文字列検索してください）

【変更前】

indent_size = 1;
indent_tabs = 'TRUE',

【変更後】

indent_size = 0,
indent_tabs = 'FALSE',

それから、ここの記述をこう変えます。

var indent_str = zen_coding.repeatString(

【変更前】

dw_use_tabs.toUpperCase() == 'TRUE'? '\t' : ' ',

【変更後】

dw_use_tabs.toUpperCase() == 'TRUE'? '\t' : '',

以上！！

このZen coding、一番使ってるのが、ul+とdl+です。
地味に便利ですよコレ。

雑談：

今朝、未明に女の人の叫び声で目が覚めて、119しようか本気で迷いました。
帰り道が恐ろしい今日このごろ。

自宅のドアを開けたらメッタ刺しな世の中ですものね。
うちにはお金はありませんので、来ないでください。

2011年初エントリー。
今回はZen Codingについてご紹介します。
Zen Cording（ゼンコーディング）とは、HTMLやCSSでマークアップをする際の簡潔な記述法で、
慣れればコーディングスピードがウン十倍にもなるとかならないとか。

私はDreamWeaverの入力補助機能で十分じゃないのー？という感じだったんですが、
物は試しで、ついに導入してみました。

DreamWeaver用はこちら。

（現時点での最新版はVer.0.7.1ですが、私が入れたのはVer.0.7です。）
http://code.google.com/p/zen-coding/downloads/detail?name=Zen.Coding-Dreamweaver.v0.7.1.zip&can=2&q=

解凍して、mxpファイルを開くとDWの拡張機能のウィンドウが開くので、
「承諾する」を選んで、インストール。

そしてDW再起動。

導入は以上。カンタン★

Zen Codingはこんな感じで入力します。
CSSのセレクタを書く感覚に似ていますね。

#header+#main+#footer

一行書いたら、Ctrl+,で展開!!
▼展開後

<div id="header"></div>
<div id="main"></div>
<div id="footer"></div>

#header>ul.menu>li*3>a

一行書いたら、Ctrl+,で展開!!
▼展開後

<div id="header">
<ul>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>

おおおおおおおおお（驚）
liの掛け算便利!!

基本的なルールは・・・

+ はタグを繋げる
> は入れ子
* はタグを繰り返す
# はid（divはタグを省略可）
. はclass（divはタグを省略可）

という風になっています。
Ctrl+,で展開と書きましたが、Tabでもいけます。

（インデントなし派の方は、Tabを使うと他の場面で不都合が出てきちゃうのでCtrl+,で。
次回紹介しますね。）

お、この機能も素敵。
子要素を包括している系のタグ、dlやul、ol、tableなどは
お尻に「+」をつけると

dl+
（Ctrl+,で展開!!）

<dl>
<dt></dt>
<dd></dd>
</dl>

一発でドン!!
早いーーー!!

すごい気持ちいいサンプル

div#page>(div#header>ul#nav>li*4>a)+(div#page>(h1>span)+p*2)+div#footer.

展開してみてください（笑）
数学の式のようですね。

実際にはここまでできません自分。

コマンドのチートシートはこちら。
http://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf

デモでZen Codingを体感できます。
http://techblog.yahoo.co.jp/cat207/web_1/_zencoding/

あと、地味に便利だったのが、Alt+右矢印、Alt+左矢印です。

タグ同士の間や、タグ内の「”"」といった、テキストを入れるべき場所だけにカーソルをちょんちょんと移動させられるんです。

と、なかなかの好感触だったので、早く慣れて実務でガシガシ書きたいなーー!!

次回は、Zen Cordingのデフォルトのインデントを消す方法を紹介しますね。

※ネガティブマージンとは、CSSで、マイナス値が与えられたmarginプロパティのことを言います。

例1）3カラムのボックスを均等に並べる

HTML

<div id="container">
<div id="container-inner">

<div>
カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1カラム1
</div>

<div>
カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2カラム2
</div>

<div>
カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3カラム3
</div>

</div>
</div>

CSS

#container {
	width: 620px;
	border: solid 1px #000;/*装飾用*/
	overflow: hidden;
}

#container-inner {
	margin: 0 -10px 0 0;
	/zoom: 1;/* for IE6,7 */
}

#container-inner div {
	width: 200px;
	margin: 0 10px 0 0;
	float: left;
	background: #FFCC66;/*装飾用*/
}

小さいボックスに右マージン10pxを指定し、ボックスごとの隙間を確保します。
そして、#container-innerにて、右マージン-10pxを指定し相殺します。

例2）横並びリストを均等に並べる

例1と同じ原理を使えば、リストタグで組んだブロック要素も均等に並べることができます。

HTML

<div id="list-container">
<ul>
<li>リスト1</li>
<li>リスト2</li>
<li>リスト3</li>
<li>リスト4</li>
<li>リスト5</li>
<li>リスト6</li>
</ul>
</div>

CSS

#list-container {
	width: 620px;
	margin: 50px 0 0 0;
	border: solid 1px #000;
	overflow: hidden;
}

#list-container ul {
	margin: -10px -10px 0 0;
	padding: 0;
	/zoom: 1;/* for IE6,7 */
}

#list-container ul li {
	width: 200px;
	margin: 10px 10px 0 0;
	padding: 30px 0;
	float: left;
	list-style: none;
	background: #FFCCCC;/*装飾用*/
	text-align: center;
}

このように、余計なclassを振らずにレイアウトできるようになると、htmlソースがクリーンに保てるだけでなく、ボックス数が増減した際にもう一度classを振る必要がなくなるので便利です。