WordPress3にデフォルトでついてくる「Twenty One」テンプレートでカスタムメニューというやつが使えます。
あの例のグローバル･ナビゲーションというやつです。
メニュー階層があるとドロップダウンメニューにしてくれて憂い奴なんですが、どうやって階層にすればいいの、と迷ったので、画面を貼っときます。

カスタムリンクをドラッグ＆ドロップするときに、少し右の方へずらせばいいんです。

　
タブを開いてばかりでブラウザが片付かないのでここで吐き出しておく。
ところで、Googleの画像検索って、以前はもう少しお上品だと思ったんだけど、Baiduや Naverの悪い影響か、「吐き出し」みたいな検索でも結構アダルティなグロい画像を出してくるので、要注意！

1. clearは「floatの解除」ではない
   そうだ、そうだ。『floatの解除は float:none』
2. max-width
   max-widthを指定したら、＜img width=”nn” /＞が効かなくなったので、注意。style=”width:nnpx;”は大丈夫。
3. Wordpress PHP Exec Plugin
   WordPressの投稿やページの中で PHPのコードを書けるようにするプラグイン。勝手に入るやつがポピュラーだけど、入れたいところに特別なタグを書くやり方の方が好きです。
   [php]
   echo "Current date and time: ";
   echo date("l dS of F Y h:i:s A");
   ?> [/php]
4. テンプレートタグ/next post link
   3番目と4番目のパラメータはめったに使わないのでメモ。
   [code]
   in_same_cat
   　　(論理値) 表示している記事と同じカテゴリーの次の記事を表示するかどうかを設定。
   　　TRUE の場合、同じカテゴリーの記事だけが表示されます。FALSE (デフォルト)

   excluded_categories
   　　(文字列) 表示させたくない記事のカテゴリー ID の番号。
   　　複数のカテゴリーを除外する場合は コンマを使って区切るようです (例: ‘1, 5, 15′)。
   [/code]

　
ブラウザのタブが溜まりまくりなので、さっさと整理するためにここで一度吐き出しておきます。
といいつつ、書く前に閉じちゃったものがたくさんあって、残っているのは Twitter Tools という大物だけなんですけどね。

• Twitter Toolsの設定の仕方
  BASIC認証じゃなくなって、ハンパなく設定が難しくなりました。「WordPress　Twitter Toolsバージョンアップ」を見てやったのでなんとかなりましたが、末端のユーザに Twitter Deverolers登録させるのはイカンでしょう。
  以前は、「WPとTwitterで遊んでみる。Twitter Tools」に書かれているように、ユーザ名とパスワードを登録するだけでOKでした。
• Twitter Tools2.1.1プラグインの日本語版配布
  「Twitter Tools2.1.1プラグインの日本語版配布」から。moファイルしか配布されないので、翻訳を修正したい人は、moファイルを修正をどうぞ。

　
ページ内リンクをスムーズスクロールするjQueryプラグイン(Inside Scroll)を使わせていただいています。
ページ内リンクをクリックすると、シュルシュルとスムーズにスクロースする、アレです。
この機能はもちろん大変ありがたいですが、このページは、jQuery Easing Plugin のエフェクトの確認として秀逸です。
アレどうやって動くんだっけと疑問になったときは、ここで確認です。

可変グリッドレイアウトjQueryプラグイン(jquery.vgrid.js)を某プロジェクトで使わせていただいています。
用途としては、固定幅のコンテンツなんで可変である必要はないんですが、リロードするたびにランダムに並び順が変わるという効果として使っています。
　
こういう固定幅のコンテンツの場合、再描画で各画像のポジション計算が狂って上の方に重なって表示される場合があります。（easingのパラメータの調整で出にくくすることもできますが、完全に出ないわけではありません）
たぶん、ウィンドウサイズが変わった場合の再描画では問題がないのでしょうから、ウィンドウサイズが変わらないような状況で使っている方が悪いのですが、たまにでも、画像が上の方に重なるといろいろ不都合が。（「表示上の問題なんです、F5キーを押してください」と言いたいところですが、見た目、いかにもなにか重大なバグが発生したように見えて、結構厳しいです）
　
初期化のあと、すぐ vgrefresh() してみたり、vgsort() してみたり、あと、一緒に動く JSがあるとそうなる頻度が上がるので、後ろの方にずらしてみたりしたんですが、なかなかこれといった対策もなく。
外そうかなと思った瞬間、パッと思いつきました。
[css]
#grid-content {
display:none;
display:block\9; /* IE7, IE8 */
overflow:hidden;
height:0;
margin-left:-1px;
}
[/css]
「最初は消しときゃええやん」と。これでばっちりです。IEだけは消しとくとほんとに出てこなくなりましたので、出しときました。
作者さま、ありがとうございました。

追記：これだとページ内ジャンプのとき、やっぱり表示できないケースがありました。なので、上のIE対応は止めて、基本表示しないで別のタイミング（他のJSが動くとき）、これ（↓）を入れることにしました。
[code]
$(”#grid-content”).css(’display’, ‘block’);
[/code]
なんか泥縄式になっているような気がするのは気のせい？
再追記：これでもうまくいかないことがあったので、更に vgrefresh() を足しました。いよいよ泥縄（泥船）です。
[code]
$(”#grid-content”).css(’display’, ‘block’);
$(”#grid-content”).vgrefresh();
[/code]

ちなみにランダムの方は上流（コンテンツを準備する側）でやることにしました。
[php]
query_posts(’category_name=top&posts_per_page=-1&orderby=rand’);
[/php]
posts_per_page=-1 は無制限、orderby=rand が並び順ランダムです。

　
Twitter ウィジェットについてのちょっとした Tips。
そんなん当たり前やん、という方はヌルーで。

• フォントサイズが指定できない
  くそー、CSSで指定してんのに何で font-size変わらないんだよ！
  とお嘆きの貴兄。bodyタグの font-sizeや font-familyを強制的に使うみたいですよ。お試しあれ。（bodyじゃないかもしれませんが、とにかくベースの方の要素です）
• プロフィール画像とIDやタイトルが上下に分かれる
  これは純粋に CSSの問題です。H3タグや H4タグにはよく clear:both; が入っていると思いますので、これを無効にしてください。
  [code]
  .twtr-hd h3, .twtr-hd h4 {
  clear:none;
  }
  [/code]
• WordPressのウィジェットとして貼りたい
  ハイハイ、PHP Code Widgetプラグインを入れてください。
  Twitter ウィジェットからコピペした JSコードは functions.php で関数にでもして。それを PHP Code Widgetから呼び出します。
  [php]
  function twitter_widget() {
  ?>
  
  
  }
  [/php]
  本題から外れますが、この functionの書き方、目から鱗と違います？
  こういうのを書くとき、いままでは echoで書いたり、ヒアドキュメントにしたりしてたんですが、?＞で PHPを閉じちゃって、HTMLをそのまま書いて最後に＜?phpで戻すなんて、なんという荒業なんでしょう！　と最初みたとき、びっくりしました。

WordPressに限ったことじゃないんだけど、他人さまの翻訳ファイル（.mo）を使わせていただいていて、「ちょっとここの訳はなぁ」と思うこともたまにはあると思います。
明らかな間違いだったら、作者に教えてあげるのが親切だと思いますが、自分が使いたい用途が少し特殊で、そのときだけ「こういう言い回しになっててほしいな」ということもあるんじゃないでしょうか？
　
そういうときに、.poファイルがついていれば、Poeditでオレオレ翻訳ファイル（.mo）を作ってチョチョイのチョイでいいんですが、往々にして作者の方はそこまで親切じゃないので、バイナリの .moファイルだけしか付いてこないという場合も結構あります。
そういう場合は、コレ（↓）。
[code]
cd C:\Program Files\Poedit\bin\
msgunfmt.exe C:\tmp\hoge.mo -o C:\tmp\hoge.po
[/code]
これで .poファイルが手に入ります。あとは Poeditで好きにするだけ。
保存のときにこんなエラーが出ますが、.moファイル自体はちゃんと作られてます。
[code]
5:07:20: C:\tmp\hoge.po:269: message catalog has plural form translations...
5:07:20: C:\tmp\hoge.po:2: ...but header entry lacks a “plural=EXPRESSION” attribute
5:07:20: C:\tmp\hoge.po:269: message catalog has plural form translations...
5:07:20: C:\tmp\hoge.po:2: ...but header entry lacks a “nplurals=INTEGER” attribute
5:07:20: msgfmt: found 2 fatal errors
[/code]

　
いままで、WordPress-mu 2.7 でサイトを構築していたので、WordPress 3.0.1 にしたら、テーマ関係がガラッと変わっていてびっくり。DB回りは大して変わってないのに。
というわけで、『ええー、こんなことも知らないの？』ということを中心にメモっていきます。

• 子テーマ
  WP3には子テーマというやつができたらしい。いままで使いたいテーマをコピーして、それをシコシコ直していたんだけど、それはお行儀悪いから『親は誰それで、自分は誰それの子供です』と宣言して使うようになったらしい。なるほど、PHPerにも倫...（以下自主規制）
  詳しくは、子テーマを見てもらうことにして、簡単にいうと、/wp-content/themes の下に子テーマのディレクトリを作って、その中に style.css を入れればいいと。
  そんでもって、style.css の頭にこう書いておくと。
  [php]
  /*
  Theme Name: kid
  Template: twentyten
  */
  @import url(’../twentyten/style.css’);
  [/php]
  これで、WP3デフォルトの twentytenの子供ですよということです。うんじゃ、テンプレート自体直したいときはどうすんのというのはまた別で。もちろんできます。
• 子テーマの function.php
  これは、親テーマの前に読み込まれるようになっています。同じ名前があった場合、親テーマの関数が、こういうのをちゃんとやってくれてると二重定義になりません。
  [php]
  if ( ! function_exists( '関数名' ) ) :
  endif;
  ?>
  [/php]
  子テーマに出ていたサンプルはまさにいつもいつも使うやつなので、助かりました。こうやってやればスマートなんだ。
  [php]
  function favicon_link() {
  echo ' ‘ . “\n”;
  }
  add_action(’wp_head’, ‘favicon_link’);
  ?>
  [/php]
  サンプルの favicon.ico はルートでしたが、通常は子テーマの中に置くので（マルチサイトなので）、ディレクトリを付けておきました。
  従来の ’template_url’ だと親テーマ（この場合、twentyten）のディレクトリをもってくるのでNGです。

重い腰を上げて、WordPress 3.0.1をインストールしました。インストール自体はいつにも増して簡単です。
ただ、2.9 by PostgreSQL はコアに手を入れすぎているので、アップデードはできそうになく、エクスポートを試みましたが一瞬でエラーになったので、やらなくてよかったなぁと。
2.7.1 by MySQL は、以前 2.9 にアップデートしようとして失敗した覚えがあるので、これも無理っぽいかなと。こちらはエクスポートできるので、地道に１つずつ移していけばいいかな。
　
ということで、普通に WordPress 3.0.1を新規インストールしたので、それをマルチドメイン対応にしていきたいと思います。

1. WordPress3のダウンロード
   WordPress 日本語ローカルサイトからダウンロード。パーミッションとかをすごく気にしないといけないわけではないので、.zipで解凍したものをサーバに持っていってもいいと思います。もちろん、.tar.gz を wgetするのが正統派ですが。

   ---

2. データベースの作成
   MySQLに新しいDBをクリエイトしておきます。
   [code]
   $ mysql -u root -p
   mysql> create database wordpress3;
   mysql> grant all on wordpress3.* to ‘wpadmin’@'localhost’ identified by ‘password’;
   [/code]

   ---

3. 設定ファイル（wp-config.php）
   ダウンロードしたファイルを解凍すると、ルート・ディレクトリに wp-config-sample.php があります。これをエディットして、以下のところを修正して、wp-config.php として保存します。（他のところはデフォルトのままでOK）
   [php]
   define(’DB_NAME’, ‘wordpress3′);
   define(’DB_USER’, ‘wpadmin’);
   define(’DB_PASSWORD’, ‘password’);
   [/php]
   認証用ユニークキー（’AUTH_KEY’ ～ ‘NONCE_SALT’）は、WordPress.org の秘密鍵サービスを使って変えておきましょう。

   ---

4. Apacheの設定
   WordPressをインストールするためには、/wp-admin/install.php をブラウザで開かないといけないので、WordPressのファイルを置いたサーバのディレクトリを DocumentRoot にする Apacheのエントリ（ドメイン）を作らないといけません。
   [code]
   
   ServerName hoge.jp
   ServerAlias *.hoge.jp
   DocumentRoot /home/www/wordpress3/
   
   [/code]
   ここでは、hoge.jp でアクセスにいくと、/home/www/wordpress3/ を見に行くようにしました。Apacheの再起動は忘れずに。（restartでなくて reloadでいいと思うけど）

   ---

5. WordPress3のインストール
   http://hoge.jp/wp-admin/install.php でOKです。

   ---

6. マルチドメイン化
   WordPress3ではネットワークと呼んでる機能です。ざっと見たところ、WordPress-muと変わりありませんね。WordPress本体にマージされたということが重要なんでしょうね。
   さて、ネットワーク機能を使用するためには、wp-config.php に以下の記述を追加します。
   [php]
   define (’WP_ALLOW_MULTISITE’, true);
   [/php]
   そうすると、ダッシュボードの「ツール」に「ネットワーク」が追加されます。

   ---

7. ネットワークの設定
   ・「サブドメイン」にするか「サブディレクトリ」にするか　・・・　うちはいつも「サブドメイン」です。（好き好きですが）
   ・「ネットワークのタイトル」　・・・　あとで変えられます。
   ・「管理者のメールアドレス」　・・・　あとで変えられます。
   これだけ設定して「インストール」を押すと、次のステップが表示されます。
   • wp-content ディレクトリに blogs.dir ディレクトリを作成。Apacheの書き込み権限を追加。
     [code]
     # cd /home/www/wordpress3/wp-content
     # mkdir blogs.dir
     # chown www-data:www-data blogs.dir
     [/code]
   • wp-config.php に以下のコードを追加。
     [php]
     define( ‘MULTISITE’, true );
     define( ‘SUBDOMAIN_INSTALL’, true );
     $base = ‘/’;
     define( ‘DOMAIN_CURRENT_SITE’, ‘hoge.jp’ );
     define( ‘PATH_CURRENT_SITE’, ‘/’ );
     define( ‘SITE_ID_CURRENT_SITE’, 1 );
     define( ‘BLOG_ID_CURRENT_SITE’, 1 );
     [/php]
   • /home/www/wordpress3/ ディレクトリに .htaccess を作成する。
     [code]
     RewriteEngine On
     RewriteBase /
     RewriteRule ^index.php$ - [L]

     # uploaded files
     RewriteRule ^files/(.+) wp-includes/ms-files.php?file=$1 [L]

     RewriteCond %{REQUEST_FILENAME} -f [OR]
     RewriteCond %{REQUEST_FILENAME} -d
     RewriteRule ^ - [L]
     RewriteRule . index.php [L]
     [/code]

   これでネットワーク関係はOKです。

   ---

8. WordPress MU Domain Mapping のインストール
   ネットワークを入れただけだと、http://hoge.jp や http://ore.hoge.jp 、http://dare.hoge.jp など、複数のブログを管理することができるようになりますが、マルチドメインになったわけではありません。
   そこで、WordPress-muの文字通りのドン、donnchaさん作のプラグインを導入します。プラグインは新規追加で「WordPress MU Domain Mapping」を検索すれば出てきますから、いつもの手順通りにどうぞ。
   インストールしただけだと有効化しないので、以下２点を忘れずに。
   １．プラグインディレクトリの wordpress-mu-domain-mapping/sunrise.php を wp-content ディレクトリにコピー
   ２．define( ‘SUNRISE’, ‘on’ ); を wp-config.php に追加

   ---

9. サイトの追加
   時間切れなので、あとは注意点のみ。
   ・サイトを追加するときは、「サイトのアドレス」として、サブドメインを指定するが、独自ドメインにMappingしたあとは、使わなくなってしまうので、あまり名前付けに神経質にならなくてもよい。
   ・WordPress MU Domain Mapping の Domains で実際に割り当てる独自ドメインを指定する。
   ・Apacheの設定はもちろん必要。

   ---

今更ながら、phpMyAdmin をインストールしてみました。
いままで敬遠していたのは、PHPダサいなぁと思っていたことと、phpMyAdminを入り口にしてセキュリティが甘くなったら嫌だなぁということだったんですが、WordPressにこれだけお世話になっておいて、PHPダサいはないだろうと。あと、セキュリティについては、ルーターの外から入れないようにしとけばいいんじゃね、ということで手順と若干の注意点です。

1. phpMyAdmin本体のダウンロードは、ここから。
   現時点の最新安定版は、phpMyAdmin-3.3.5.1-all-languages.tar.gz でした。
2. 落っことしたら、/home/www/ 配下にインストールすることにします。（もちろん、どこでもいいのですが）
   [code]
   $ cd /home/www
   $ tar -xzvf phpMyAdmin-3.3.5.1-all-languages.tar.gz
   $ mv phpMyAdmin-3.3.5.1-all-languages phpMyAdmin
   $ s chown -R www-data:www-data phpMyAdmin
   [/code]
   tarで解凍するとバージョンも含んだ長い名前のディレクトリができちゃったので、リネームしました。
   あと、Apacheのユーザが実際の読み書きをするので、ディレクトリごとオナ―を変えちゃいました。
3. phpMyAdminディレクトリの中に、config.sample.inc.php があるので、これを編集して、config.inc.php という名前で保存しておきます。変更点はこちら（↓）
   [code]
   $cfg['blowfish_secret'] = ‘xsafsdfsggdfgdvffdegrge’; // クッキー認証用の暗証文字列なので、適当な長さのものをセット。特殊記号とか大文字は混ぜない方がいいのかな。（未確認）
   $cfg['Lang'] = ‘ja-utf-8′; // 日本語指定
   $cfg['PmaNoRelation_DisableWarning'] = true; // リンクテーブルがありませんエラーを出さなくする指定
   [/code]
   あとは標準のままでいけます。
4. 基本的にこれでOKなんですが、ブラウザからアクセスするために、Apacheの設定をやっておきます。
   [code]
   
   ServerName phpmyadmin.192.com
   DocumentRoot /home/www/phpMyAdmin
   
   Order deny,allow
   Deny from all
   Allow from 127.0.0.1
   Allow from 192.168.1
   
   
   [/code]
   192.comは自分ででっち上げたドメインです。（本物の192.comはどこか別のところを指すはず）
   お気軽にこのドメインを hostsファイルに登録して自サーバに振り向けておきます。（そうはいっても万が一、外から入ってこられたときのために内部LANだけ allowしておくと）
5. あとやったことは、mcryptというライブラリが PHPに入っていなかったので、これを入れて Apacheを再起動しました。
   [code]
   # apt-get install php5-mcrypt
   # /etc/init.d/apache2 restart
   [/code]
6. 『リンクテーブルを処理するための追加機能が無効になっています』エラーについて
   $cfg['PmaNoRelation_DisableWarning'] = true; の設定でエラーはでなくなりますが、拡張機能らしいのでちょっと使いたくなって、いろいろとやってみたのですが、最初の項目（pmadb）はOKになるんですが、それ以降はすべて NGで一向に進展がないため、あきらめました。忘れたことにやってみるかも。⇒ 参考サイト：phpMyAdminのインストール

こちら（↓）はインストールとは関係ありませんが、参考まで。
MySQL + phpMyAdmin によるバックアップ