Waviaei » カスタマイズ

訪問者のブラウザをWordPressの機能で判別する方法

Toru — Mon, 15 Jun 2009 15:59:55 +0000

訪問者が利用しているブラウザを判別するには幾つか方法があります。WordPressテーマの場合、PHPを使える事ができるので、PHPで実装している場合が多いと思います。そして判別した結果を、echoで返す。

これを、WP2.8から新たに加えられたテンプレート・タグbody_classに、add_filterを使って表示してやると、たとえばこんな風に：

[xhtml][/xhtml]

表示されて、すごくすっきりします。と、言うティップスをHow to detect the visitor browser within WordPressにて発見。やり方は、元記事にあるコードをfunctions.phpに記述するだけ。簡単です。いまさらns4の判別が必要なのかはともかく、iphoneも判別対象になっていますね。ここらへんは日本仕様に合わせて変更できるかも。

[復刻版]WordPressテーマガイド（4）WPテーマの構造と仕組み

Toru — Thu, 28 May 2009 10:00:00 +0000

この記事について：この記事は2007年5月に公開した物を再アップした物です。詳しくはこの記事を参照してください。

ここでは具体的にWordPressテーマのファイルやディレクトリ構造を見ていきます。

最低限必要なテンプレート・ファイルはどれなのか？

モジュールは？

などなど、テーマの中身が分かると思います。

必要最低限のファイル

テーマとして機能する為に必要最低限なファイルが２つあります。

style.css
index.php

style.cssはCSSを記述するのに必要なのはもちろんの事、テーマの名称、ヴァージョン、作者名、概要、などの情報も記載されます。管理画面にて表示されるテーマ名は、このstyle.cssを参照して表示されています。言い換えれば、それらの情報がきちんと記述されたstyle.cssが無ければ、そのテーマをWordPressは認識することができません。

index.phpは重要なテンプレート・ファイルです。全てのテンプレートをこれ１つで済ます事もできますし（まず無い！ですが）、モジュールと組み合わせる事もできます（こちらの方が普通）。ブログのトップページはもちろんの事、例えば個別記事やアーカイブの表示など、その他のページでも適用できます。状況に応じたテンプレート・ファイルがなければ、WordPressはこのindex.phpをテンプレートとして使用します。全ての基本とも言えるテンプレート・ファイルなのです。

モジュール化する

大抵の場合はモジュール化されています。これはどう言う事なのか？

「ブログのデザイン」でも少し書きましたが、ブログではトップページのみならず全てのブログのページで共通する部分があります。ヘッダー、サイドバー、そしてフッターです、又、個別記事表示ではコメント部分もそれにあたります。以下にリストした５つのファイルはテンプレート・ファイルの中でもモジュラー・テンプレートとよばれるファイルです。

header.php
sidebar.php
footer.php
comments.php
comments-popup.php

header.php

header.phpにはヘッダー部分を記述します。HTMLファイルでは１行目から、ヘッダーのdivの終わりまでが一般的に含まれます。ヘッダーのすぐ下に、横に並ぶメニューが有る場合は、それもheader.phpに記述しておくと便利です。

sidebar.php

sidebar.phpにはサイドバー部分を記述します。HTMLファイルでは一般的に

となっている箇所です。サイドバーは共通する部分とはいえ、ページによってはあったり無かったりする箇所もよくあります。例えば、個別記事の場合のみアフィリエイトのバナーを貼り付けたり、トップ・ページにのみ「注目記事」と言ったリストを貼り付けたり、です。これは全てsidebar.php内にて条件分岐（後で説明）を用いる事で可能です。なので、それぞれのページにあわせたサイドバーのモジュールを作る必要はありません。

footer.php

footer.phpにはフッター部分を記述します。HTMLファイルでは

とそれ以降の箇所です。

comments.php

comments.phpにはコメント部分を記述します。個別記事のページでは記事本文のすぐ下、投稿されたコメントのリストとコメントフォームの箇所です。

comments-popup.php

comments-popup.phpにもコメント部分を記述しますが、これはコメントとコメントフォームを別ウィンドウで（ポップアップして）開く設定にブログをしてある時に使われるモジュールです。ただ、この機能をオンに設定している人はほとんどいないようで、僕自身もまだ見たことがありません。その為か、テーマをダウンロードしてきても、省略されている事が多いように思います。ちなみに、WordPressに付属してくるdefaultテーマには付いていて、もし別ウィンドウで開く設定にしてあり、使用されているテーマにcomments-popup.phpが含まれていない場合は、defaultテーマのcomments-popup.phpが適用されます。

モジュールを呼び出す

さて。いくらモジュール化しても、それらを利用しなければ意味がありません。つまり、テンプレート・ファイルに読み込ませる必要があるのです。その為のテンプレート・タグが用意されています。

これらを、例えばindex.phpなど、のテンプレート・ファイルに記述すれば良いわけです。

モジュール化の利点

本家のCodexにも記されており、一般的によく利用されているモジュールを５つ紹介しましたが、実は全て使う必要はありません。一切使わなくても良いし、この５つ以外にもさらにモジュールを作っても良いのです。例えば、 defaultテーマには検索フォームのみを切り出したsearchform.phpが有ります。

しかし、テンプレート・タグが用意されている４つのモジュールは使用することをオススメします。大きな利点としては、やはり管理がしやすくなる事です。１０００行以上のコードが書かれてある１つファイルは、２００行×５ファイルの方が見やすい上に、カスタマイズもしやすいのは明らかです。そしてもう１つは、WordPressテーマではindex.php以外にも幾つかテンプレートファイルがあります。モジュール化することで、これらの箇所を毎回コピー＆ペーストするのは面倒な作業も要りません。テンプレート・タグを記述するだけです。コピー＆ペーストミスの可能性もなくなります。

幾つかあるテンプレート・ファイル

index.phpと、モジュラー５つのテンプレート・ファイルの他に、以下の９つのテンプレート・ファイルがあります。

home.php: ブログのトップページ（つまりホーム）のテンプレートとして使用。
single.php: 個別記事を表示するときのテンプレートとして使用。
page.php: WordPressのページ機能を利用して作成したページのページを表示するときのテンプレートとして使用。
category.php: 特定カテゴリのアーカイブを表示するときのテンプレートとして使用。
author.php: 特定の投稿者が書いた記事のアーカイブを表示するときのテンプレートとして使用。
date.php: 特定の日・月・年のアーカイブを表示するときのテンプレートとして使用。
archive.php: アーカイブを表示するときのテンプレートとして使用。もしcategory.php、author.php、date.php、が有る場合そちらを優先的に使用。
search.php: 検索結果を表示するときのテンプレートとして使用。
404.php: 要求された記事やページが見つからない時にエラーメッセージを表示するときのテンプレートとして使用。

モジュールの時と同様に、これ以外にも独自のテンプレート・ファイルを作成し、使用することもできます。また、全てのテンプレート・ファイルを使用する決まりもなく、必要なテンプレートだけを用意すればよいのです。例えば、どの状況のアーカイブでも表示の仕方が同じであれば、category.php、author.php、date.phpは必要なく、archive.phpのみ作成すればよいのです。さらに、もしもアーカイブの表示の仕方をトップページ（index.phpを使用しているとして）と同じにするとすれば、archive.phpも要りません。index.phpを使えば良いのですから。

ただ、ここに上げた９つのテンプレート・ファイルはWordPressにとって特別な意味を持つテンプレート・ファイルだと言う事は重要です。これらは、それぞれの要求がなされた時に、index.phpの代わりとして真っ先にWordPressが探すテンプレート・ファイルだからです。

[復刻版]WordPressテーマガイド（3）XHTMLからWPテーマへ

Toru — Wed, 27 May 2009 10:00:08 +0000

この記事について：この記事は2007年5月に公開した物を再アップした物です。詳しくはこの記事を参照してください。

WordPressの他にサーバ・インストール型のブログ・ツールを使用した事がある方は、テーマのフォルダ内を覗いただけでWordPressテーマの仕組みは大体分かるんじゃないかと思います。

ここでは、前章で述べたウェブ・スタンダードに準拠する形でコーディングされたXTHML+CSSのブログ・デザインが、どの様にテンプレート・ファイル、更にWordPressテーマと成っていくのかを追っていきます。

XHTMLからテンプレートへ（一般的な仕組み）

ここに一般的なブログのトップページ（ホーム）が有るとします。ブログ・ツールはWordPressでも、Movable Typeでも、Serene Bachでも、何でもかまいません。ヘッダー、サイドバー、フッターがあり、コンテンツ部分には最近の記事が幾つか表示されています。このページは XHTMLでコーディングされ、外部CSSファイルによって見た目がコントロールされています。この何の変哲も無いウェブ・スタンダードな XHTML+CSSが目の前にあると思ってください。そしてCSSはいったん横に置き、XHTMLの方に注目します。

「目印」に置き換える

ブログでは、状況によって表示内容が変化する箇所が幾つかあります。記事のタイトル、日付、カテゴリ、タグ等はもちろんの事、トップページやアーカイブ表示は時系列で記事が並んでいるので、新しい記事を投稿するたびに古い記事は下へ下へと移動していきます。さらに、例えばサイドバーにカテゴリの一覧をリスト表示しているとすると、新たなカテゴリを作れば自動的にそのリスト付け加えて更新、表示してくれれば非常に便利です。

例えば、記事のタイトルと日付をXHTMLで記述すると（一般的に）下の図のようなコードになります。

これだと「test for writing a raw code」と「October 8th, 2006」のようにそのまま表示されます。そこで、これらを特別な「目印」に置き換えます。この「目印」はそれぞれ表示目的用の物があって、記事のタイトルと、その日付ならば、それぞれ「（リクエストに）確答する記事のタイトルをこの場所に表示する為の目印」と（リクエストに）確答する記事の日付をこの場所に表示する為の目印」になります。

「テンプレート・ファイル」と「テンプレート・タグ」

このように、残りの「状況によって表示内容が変化する箇所」も全て「目印」に置き換えてしまいます。こうする事で「型板」と言うか、「枠組み」ができあがります。この「枠組み」こそが一般的に言う「テンプレート・ファイル」（テンプレートと言うこともある）で、「目印」こそが「テンプレート・タグ」です。

注意！： 最近のWeb2.0ブームに乗って、記事やブックマーク等をタグで管理する手法をよく目にします。WordPressにもその機能を果たすプラグインが幾つか有り、Ultimate Tag Warriorは非常にポピュラーです。この管理手法の「タグ」とテンプレート・タグの「タグ」は別物なので注意してください。直訳すると似たような意味になるのは確かなのですが、使用目的は違うので別物と考えてください。

テンプレート＋データをアウトプット

ここでWordPressも含めた一般的なブログ・ツールのテンプレート・システムの流れをまとめてみます。

データとはブログのデータ、つまり、記事のタイトル、記事の日付、記事の本文、などです。

WordPressの場合

ではWordPressの場合、これらはどうなっているのでしょうか？

WordPress の場合でも、上図の流れは変わりません。ただし、ブログ・ツールによって細かな所に違いがあります。WordPressが特別と言うわけではありません。ツールによって用いている記述方法が違っていたり、それぞれの開発者が最適だと考えているフォルダとファイル構造に違いがあったりする訳です。

テンプレート・タグの記述方法

WordPressのテンプレート・タグは、で始まり、>で終わります。例えばブログのタイトルであればと記述します。


こ れを見て分かる方もいると思いますが、これはWordPressを作るのにも使われているプログラミング言語PHPの記述方法なのです。「ここから始ま り、ここで終わるよ！」と教えてあげる役割をはたしている区切り文字（スクリプティングデリミタ）はPHPのそれですし、タグの中身wp_title();もPHP関数の記述式とそっくりです。（ただしwp_title();等の中身自体はWordPress独自の物で、PHPにはありません。）
先ほどの、記事のタイトルや日付をそれぞれの「目印」に置き換える、をWordPressに当てはめるとこのようになります。

ちなみに、他のブログ・ツールではこのように記述しています。例えば、Movable Typeの区切り文字はMovableTyp独自の物です。

WordPress:  （例：）
Movable Type: < ～ >もしくは<$ ～ $> （例：<$MTBlogName$>）
Nucleus: <% ～ %> （例：<%blogsetting(name)%>）
Serene Bach: { ～ } （例：{blog_name}）

テンプレート・ファイルの拡張子
WordPressテンプレート・ファイルの拡張子は「*.php」です。（つまりPHPファイルとなるんですが・・・。）他のブログ・ツール、例えばMovable TypeはHTML、PHP、*.tplなど、色々と使えるようです。
テンプレート・ファイルの数
必要なテンプレート・ファイルの数と種類はブログ・ツールによっ てまちまちです。例えば、Serene Bachは１つのファイルをインポートするだけです。Movable Typeは状況に応じたテンプレート・ファイルが必要であり、全ての状況で共通する箇所も（基本的には）全て複製しなければなりません。
WordPressではこの重複する箇所は全てモジュールとして外部ファイルから呼び出す事ができます。また、製作者自身が独自のモジュールを作成していく事もできます。ファイル数が少ないのもあれば、多いのもあるのです。
WordPressテーマ

上図では、このページで書いたWordPressでの一連の流れをまとめてみました。そんなに複雑ではないと思います。
赤 枠で囲んだファイルたち　－　テンプレート・ファイル、CSS、画像、など　－　をまとめて１つのパッケージ（フォルダ）とした物をWordPressで はテーマ（Theme）と呼んでいます。このテーマの仕組みによって、ユーザ側はフォルダを１つアップロードする手軽さで新しいテーマを導入できますし、 製作者側としても非常に柔軟で奥の深い作り方ができるようになっています。



[復刻版]WordPressテーマガイド（2）ブログのデザイン
Toru — Tue, 26 May 2009 10:00:32 +0000
この記事について：この記事は2007年5月に公開した物を再アップした物です。詳しくはこの記事を参照してください。
WordPressテーマの説明に入る前にブログで実践されるウェブ・デザインを知っておく必要があります。正直言って、WordPressテーマ をカスタマイズ、もしくは作成するにあたって重要なのはPHPよりも、XHTML+CSSでコーディングされたウェブ・スタンダードなサイトを作れるスキ ルです。（データベースからの結果を操作する、設定パネルを作る、等のよほど凝ったカスタマズでない限り。）
ここでは、WordPressテーマの構造を理解するのに必要な一般的なブログのレイアウトと、ウェブ・スタンダードとの関連性についてだけを簡単に解説します。XHTMLとCSSのスキルが足りないと感じている方は、ほかのサイトや書籍も参考にして下さい。
ブログ・デザインの定番
最 近は幾つか個性的なデザインも出てきましたが、まだまだ下の画面のようなデザインが一般的ではないでしょうか。ヘッダー（Header）とフッ ター（Footer）にサンドイッチされる形で、コンテンツ（Content）とサイドバー（Sidebar）があります。画面はWordPressの ディフォルト・テーマですが、ここではサイドバーが右に配置されています。テーマによっては、右側に表示されていたり、左右両方に表示されていたりしま す。


大抵の場合、これらの大きな「ブロック」は
...
で囲まれており、一目でそれと分かるID名（もしくはclass名）が振られています。例えば、上図にみられるようにdefaultテーマでは：

…
…
…
…

の４つです。更にこれらは
...
として１つにまとめられています。普通よく目にするのはid="page"ではなくid="wrapper"、もしくはid="container"と言ったid名なのですが、役割は同じです。
構造と表現の分離
ほ とんどの（ほぼ全てと言っていいかも）ブログはXHTML+CSSでコーディングされており、WordPressも例外では有りません。構造部分は XHTMLで書かれ、「見た目」の部分はCSSによって制御されています。建物にたとえるならば、鉄筋コンクリートの骨組みはXHTML、壁紙や照明、家 具と言った装飾はCSS、と言った感じです。
先ほど「ブログ・デザインの定番」で出てきたWordPressのデフォルト・テー マもXHTML+CSSでコーディングされています。このテーマで使用されているCSSを一時的に無効にすると、下の図のように表示されます。上から順に ヘッダー、コンテンツ、サイドバー、フッターの順に書かれています。

ウェブ・スタンダード
この「構造と表現の分離」はウェブ・スタンダードの大きな柱の一つです。ウェ ブ・スタンダード（Web Standards）とは一種のガイドラインのようなもので、W3Cが策定と勧告を行っている規格に準拠した本来の正しい制作手法でウェブ・サイトを作ろ うと言う動きです。
もう１つウェブ・スタンダードの大きな概念として「構造を示すタグ付け」があります。これは表示方法を指定する為ではなく、文書中での役割を示す為にタグを使おう、と言う事です。例えば、
～
タグは文字のサイズを大きく見せる為ではなく、きちんと見出しとして使用する。強調する為に文字を太字にするのであれば、～ではなく、～を使用する。
このほかにも幾つか重要な要素（DOM、アクセシビリティ、セマンティック等など）がウェブ・スタンダードには有るのですが、ここでは省略します。
（メ モ：よくWeb Standardsは「Web標準」や「Webの標準規格」として訳される事が多いです。何か１つに決められまとめられた、つまり標準化された、規格だと 思われる方が多いようですが、そうではありません。「標準」は間違った訳ではないのですが、「Standards」は複数形であって、「１つ」ではないの です。「ガイドライン」又は「方向性を示す目印」とも言えるかもしれません。）
ウェブ・スタンダードとWordPressテーマ
ではなぜウェブ・スタンダードの事を書いたかと言うと、WordPressテーマの仕組みはウェブ・スタンダードに準拠したサイト製作が出来るように作られており、現にダウンロードできるテーマのほぼ全てはウェブ・スタンダードに（少なからず）準拠したものだからです。
もちろんテーマにはピンからキリまであり、ウェブ・スタンダードのお手本になれるような素晴らしいテーマもあれば、そうでないのもあります。しかし概ね、少なくとも僕自身が見てきた中では、最低限「構造と表現の分離」は実践されています。
状 況に応じた（動的な）表示や、WordPress本体との連携にはPHPを用いていますが、ブラウザ上で見える「見た目」に関する多くの部分はPHPでは なく、「XHTML+CSS」なのです。そして、海外では当たり前になってきている「ウェブ・スタンダード準拠」がどういう事か知っておいて損はしませ ん。「XHTML+CSS」と後述する「テンプレート・タグ」の２つが、テーマの見た目を自分好みにカスタマイズする上で最も重要な要素と言えると思いま す。



[復刻版]WordPressテーマガイド（1）イントロダクション
Toru — Mon, 25 May 2009 10:00:35 +0000
この記事について：この記事は2007年5月に公開した物を再アップした物です。詳しくはこの記事を参照してください。
WordPressテーマのカスタマイズ方法や作成方法を求めてここにたどり着いた方には説明不要だとは思いますが、一応書いておきます。
WordPressとは？
WordPress はPHP+MySQLで構築されるコンテンツ・マネジメント・システム（CMS）で、主にサーバ・インストール型のブログ・ツールとして使用されていま す。日本での知名度と使用率はまだまだメジャーとは言えませんが、海外ではMovable Typeと人気を二分するほど有名で人気があり、一部ではMovable Typeを抜き去ったとも言われます。今年になって登場したレンタル版（登録無料）も好評で、WordPress人気にますます拍車がかかっています。

WordPressテーマとは？
WordPress テーマ（Theme）とは、WordPressで作成したブログの外観を簡単に変えられる機能です。テンプレート・ファイルやCSSファイル、画像ファイ ル等、必要なファイルが全て１つのフォルダに収められています。そのフォルダ一式をサーバにアップロードして、WordPressの管理画面から選択する だけです。
テーマによっては、管理画面から更なる細かいオプションを選択できる物もあれば、ディフォルトで様々なプラグインをサポートしている物もあります。
WordPressプラグインとは？
WordPressプラグインとは、WordPressに色々と便利な機能を付け足す事ができる機能で、ある特定の処理をするシンプルなプラグインもあれば、非常に複雑なプラグインもあります。
プラグインによっては、WordPressテーマのファイルを少し編集する必要がある物もあります。
WordPress は、ver.2からコアの機能以外はなるべくプラグインで対応する方向へ進んでいるそうです。例えば、スパム対策のAkismetや、バックアップの WordPress Database Backupはディフォルトで本体に付いてはきますが、プラグインとして機能を果たしています。なので、プラグイン探し（いじり？）はテーマ作成＆カスタ マイズと共に自分好みのWordPressブログ作りの２大要素と言えると思います。



[復刻版]WordPressテーマ：作成とカスタマイズのガイド
Toru — Sun, 24 May 2009 15:50:09 +0000
2007年の5月に書いた「WordPressテーマ：作成&カスタマイズ」と言う記事を復活させる事にしました。正確には、当ブログの記事ではなく、サブドメインで公開してた別サイトです。それを数回に分けて記事にする事にしました。
今回この古～いガイドを記事として投稿する事にした理由は：

古くても、未完成でも、何かWPコミュニティにcontributeできる物は公開しておきたい
waviaei.comが存在した期間の中でも、index.phpに次ぐ第2位のページビューを獲得しているページを、お蔵入りにするのは（需要はともかく）個人的にもったいないと感じる

この2点です。そして注意してほしいのは：

WordPress2.0～2.2頃に作成したので、それらバージョンに基づいて書かれている
そして今回復活させるにあたり、最新バージョンに合わせて内容を編集したりはしていない

の2点です。
このガイドの概要
「WordPressテーマ：作成&カスタマイズ」は、WordPress2.0がリリースされた頃に作成し始めた、WordPressテーマの作り方、カスタマイズのポイントやアイデア等を集めたガイドです。しかし、ちょうど東京へ出てきた時期と重なったこともあり、WordPress2.2がリリースされた頃になって、結局、未完成のまま公開しました。ちょうどWordPressのリリースサイクルが早くなった時期でもありましたね。
内容は前述した通り、古いです。WP2.0の頃なので。でも、ガイド自体はテンプレート・タグの細かな解説をするようなところまで深く突っ込んでないので、まだそこそこ通用すると思います。未完成なのが幸いしてる感じです（笑）。
このガイドのターゲット
このガイドは、「ウェブ・スタンダードは一通り理解してるけど、PHPはほとんど初めて」と言う人をターゲットとして想定していました。当時はまだまだMovableTypeが全盛期で、MTのそれと比べると、WPのテーマはPHPだから難しい・分かりにくい・とっつきにくいといった意見がネット上でも多く聞かれたころです。僕自身は、PHPスキルがゼロの状態からテーマ作成・カスタマイズに入ったユーザーです。なので、そのような意見に「一石を投じてやろう」という思いも密かにあり、その分、「PHPだから」との固定概念を取り払うために少々乱暴な説明の仕方をしています。
当時はまだWP本も4冊。ネット上の情報も、日本語で書かれた物が少なく、Codexも全然充実してなかったころ。今はだいぶ充実してきましたね。



Random Image Script
Toru — Sun, 17 May 2009 15:07:48 +0000

サイドバーの上の方にある、Aboutの部分の写真をランダムに表示させるスクリプトを入れました。jQueryのスライド系プラグインも面白そうだったのですが、とりあえず以前もやった事のあるPHPスクリプトを用いたやり方で実装。ただし今回はMattがずいぶん昔にリリースしたRandom Image Scriptを利用。



wp_enqueue_scriptを使う（その２）
Toru — Sun, 17 May 2009 07:49:13 +0000

wp_enqueue_script をテーマで使うときは、わざわざフックを通さなくても大丈夫です。  header.php の冒頭にいかのように書くだけでおっけ。
—テーマでwp_enqueue_scriptを使う « Waviaei

と、をかもとさんに教えてもらい、テンプレートを少し編集しました。フックを通すと管理画面でも適用されると言うことも、全く頭になかったのでまた１つ勉強になりました。をかもとさんありがとう！やはりこの辺はテーマ作成者よりもプラグイン作成者の方がよく分かってらっしゃる。PHPスキルの差。



テーマでwp_enqueue_scriptを使う
Toru — Thu, 14 May 2009 17:03:58 +0000
コリスさんが作成されたページの先頭や任意の要素に、スムーズにスクロールさせることができるスクリプト「Page Scroller」を入れてみました。ページの右下の方にある「↑toTop」をクリックしてみてください。スムーズにページ上部へスクロールするはずです。
で、このスクリプトを実装するときに使ったのがwp_enqueue_script();と言うWordPressのアクションフック。Ver. 2.1から導入されたみたいなんだけど、プラグイン向けの関数と言うこともあって、その存在すら全然知りませんでした（汗）
wp_enqueue_scriptとは
何をするフックかと言うと、外部参照のスクリプトを：

重複しないように
適切な順番で

読み込むように自動的に調節してくれるフックです。なぜこんなのが必要かと言うと、最近のプラグインやWPコアの機能において、jQueryやscript.aculo.usと言ったJavaScriptのライブラリとそれらプラグインがよく利用されているからです。これらスクリプトはそれぞれ適切な読み込み順序があり、また当然の如く、同じライブラリを2回も3回も読み込むのは無駄です。
より詳しく知るにはこの２つの記事が勉強になります。

wp_enqueue_script のススメ : dogmap.jp
wp_enqueue_scriptで外部JavaScriptの読み込みをスマートに at WordPress.ex-libris.jp

使ってみると、便利ですね。もしテーマを自作したり、カスタマイズしたりする時は、スクリプトの外部参照をheader.phpのhead内に直接記述するのではなく、wp_enqueue_script();を利用するのが必須となってきそうです。

テーマではfunction.phpに記述する
プラグインではwp_enqueue_script();をプラグインファイルに記述すると思いますが、これをテーマで利用するにはfunction.php内に記述します。
今回はPage Scrollerで利用した訳ですが、function.phpには次の様に書きました。
[php]

function addWD6Scripts() {

wp_enqueue_script(‘PageScroller’, get_settings(‘site_url’).’/wp-content/themes/WaviaeiDesign6/js/jquery.page-scroller-303.js’, array(‘jquery’), ’3.0.3′);

}

add_action(‘wp_print_scripts’, ‘addWD6Scripts’);

[/php]
addWD6Scriptsの箇所はadd WaviaeiDesign6 Scriptsの意味です。他の関数名と重複しないようにわざとこんな長い関数名にしています。wp_enqueue_script();は先ほど上げた２つのサイトを参考にしてください。
WordPress 2.7 の jQuery は1.2.6
ちなみに今回知ったのですが、WordPress本体にバンドルされているjQueryのバージョンはちょっと古くてver. 1.2.6でした。Page Scroller は、現在ver.3.0.6 が最新ですが、jQuery 1.2.6 では動作しません。Page Scroller ver. 3.0.3 が必要でした。
他のjQueryプラグインでも、WordPress で利用しようとすると同様の問題に当たるかもしれません。
ちなみに、WordPress 2.7.x にバンドルされている jQuery を、最新の jQuery 1.3.2 に置き換えて利用しようとすると管理画面でバグがあるらしいです。WordPress 2.8 で解決しているそうなので、それまで大人しく待った方が無難かと。



リンクメモ―WordPress 2.7のテーマとコメント周り
Toru — Mon, 29 Dec 2008 03:28:41 +0000
またテーマをいじっているけど、WordPress2.7にバージョンアップしてテーマ周りが少し変わった。特にcomment.phpが一番変更が多かったように思うけど、これに関する詳細なドキュメントがなかな見つからなかった。でもようやく見つけたのでそのリンクの自分用メモ。
Migrating Plugins and Themes to 2.7/Enhanced Comment Display « WordPress Codex
Codexのページ。特に、新しいコメントループ用のテンプレタグwp_list_comments()が、liに付け加えるclass=”"のリストは要チェック。
WordPress 2.7 Comments Enhancements
Codexの解説とかぶる内容だけど、comments.phpを2.7以前と以降の両方に対応させるための方法が詳細に書かれている。
Mastering Your WordPress 2.7 Theme & Admin Area: Tips and Tricks
テーマと管理画面に関する変更箇所をまとめた記事。テーマの項はコード付きで、管理画面の項はスクリーンショット付きで解説されていてわかりやすい。テーマ周りでは以下の４こうもく。

コメント表示の拡張―スレッド、ページ
Stickyの記事
Post Class　－　任意のクラス名をパラメータに渡してつけ加えられる。
wp_page_menu　－　wp_list_pagesをブログのナビゲーションメニューに。
ログアウト用リンク