WordPress3.0 のデフォルトテーマ「Twenty Ten」ではギャラリーという便利な機能があります。これがとても便利なのですが、意外と使われていないようなのでご紹介します。
まずはご紹介するにあたり、WordPress のギャラリー機能を使って、フォトブログを作ってみました。
表示順が変えられます
WordBench埼玉での発表で、マルチサイトの子テーマの最新投稿をまとめて親サイトに表示してくれる便利なプラグイン「鬼太鼓（oni daiko）」の発表が作者の@webnist さんありましたので試してみました。
WordPressを勉強するコミュニティであるWordBenchのひとつ「WordBench埼玉」に参加しました。
WordPress3.0からWordPress MUを統合して導入されたマルチサイトがテーマで、マルチサイトのURLで様々な独自ドメインに設定できるプラグイン「WordPress MU Doman Mapping」のインストールや設定方法について発表があったのでローカル環境で試してみました。
マルチサイトではサブドメイン型で登録するとURLはサブドメイン名のみ設定できます。WordBench埼玉で発表のあったプラグイン「WordPress MU Doman Mapping」では、好きなURLを登録できるようになるという、とても便利なプラグインです。
まずはプラグイン「WordPress MU Doman Mapping」をインストールして有効化します。
すると、Domain mapping database table が作成されます。
そして、特別管理者のサブメニューに「Domain Mapping」と「Domains」が追加され、開くと指示が表示されるので実行します。
WordPress3.0のデフォルトテーマ「Twenty Ten」ではカスタムヘッダーを使用することができる。さらに Twenty Ten の functions.php にはヘッダー画像にテキストを表示することができる設定があったので試してみた。
すると管理画面左メニューの外観＞ヘッダーで「ヘッダーのテキスト」を設定できるようになります。
WordPress のデフォルトテーマ Twenty Ten をベースにしている当サイトを InternetExplorer で閲覧した場合の互換チェックを、 Twenty Ten はIE6でどう見えるでおこないました。
先日 CPI 主催の Adobe セミナーで上條さんから Adobe BrowserLab でもブラウザの互換チェックができるとご紹介いただいたので、実際に試してみました。
まず、実際に試した結果（下図）を紹介します。
やはり IE6 ではタイトルが２行になったり、サイドバーが崩れていたりしていますね。画像での表示のため動作を確認することはできませんが、様々なブラウザで確認できますし、またルーラーを表示することもできるなど、なかなか便利ですね。
以下、Adobe BrowserLab の使い方をご紹介します。
続きを読む
みなさんは例えば、<img src="http://example.com" />といった、ちょっとした特殊文字や、特殊文字を含むタグを投稿するとき、どうしていますか？私は特殊文字の対応表を見ながら手でHTMLエンティティに変換していたので、とても面倒でした。
そんなときに、セキュリティの観点から外部入力された特殊文字を無害化するために使用されていたと思われるPHP関数「htmlspecialchars」に出会い、ふとこの関数を使えば簡単にショートコードにできるなと思い試してみました。
WordPress では get_children で添付画像を取得して関数「wp_get_attachment_image」や「wp_get_attachment_image_src」を使って表示することができることを、 添付画像をサムネイルで表示するでご紹介しました。今回は画像を登録した際に記入できる「説明」って使ってないなと思って調べてみました。
メディアに登録した画像の説明に「説明」、キャプションに「キャプション」と入力して保存してみます。そして、var_dump を使って、get_childrenで取得したオブジェクトをのぞいてみると、 post_content には「説明」、post_excerpt には「キャプション」と入っています。
なるほど、これなら get_children で取得した画像（複数が配列に格納されている）から１つオブジェクトを $image とすると、以下のように指定して使用することができますね。
(1) 説明： $image->post_content
(2) キャプション： $image->post_excerpt
続きを読む
WordPressをマルチサイト化（ネットワーク化）して、子サイトでユーザアカウントを登録しようして、新規ユーザアカウントが親サイトに登録されてしまったことありませんか？今回、この問題を解決すべく、以下の２点を調査してみましたのでご紹介します。
(1) ユーザアカウント 新規登録の仕組み
(2) 子サイトにユーザアカウントを登録する方法
ロリポップでWordPressをインストールして、サブドメインでマルチサイト化する具体的手順を紹介します。このテーマは以下の２記事で構成されています。まずサブフォルダにまとめるから紹介します。今回はサブドメイン型マルチサイトにする手順です。
URLをルートに見せる（サブフォルダにインストール） ※当記事で紹介するのはこちら
サブドメイン型マルチサイトにする
WordPress3.0 のデフォルトテーマ「Twenty Ten」の特徴のひとつは「豊富なウィジェットエリア」（合計６つ）ですね。実際にテーマ「Twenty Ten」のコードを見た方には、「get_sidebar( ‘footer’ ):」ってサイドバーかフッターかどっちだよと、つっこみを入れた人が多数おられたかと思いますｗ
また、カスタム投稿タイプを使うようになって、アーカイブページがなく一覧を表示するのにお困りの方も多くおられたと思います。
そこで、サイドバーやフッターだけでなくコンテンツエリアにウィジェットエリアを広げて、投稿（カスタム投稿タイプなど）を表示変更できるようにして、ウィジェットでコンテンツ管理できるようにしてみたいと思います。
ウィジェットエリアを登録する以下のコードを functions.php に加えて下さい。すると、外観＞ウィジェットで、コンテンツウィジェットエリアＨＯＭＥが表示されます。
ロリポップでWordPressをインストールして、サブドメインでマルチサイト化する具体的手順を紹介します。このテーマは以下の２記事で構成されています。まずサブフォルダにまとめるから紹介します。
<1>URLをルートに見せる（サブフォルダにインストール） ※当記事で紹介するのはこちら
<2>サブドメイン型マルチサイトにする
WordBench川崎が11月14日にあり、WordCamp Nagoya 2010 について報告いただきました。参加できなかった私にはとてもありがたい会でした。
当日は WordCamp での発表や写真を中心に広い範囲に話題がおよびましたが、その中で @jim0912 さんの報告にて register_taxonomy がカスタムタクソノミー（カスタム分類）以外にも使えるのではないかとのお話があったので試してみました。
WordCamp Nagoya 2010
WordCampNagoya2010 発表「WordPress 3.0とは」
Copyright (C)２０１０Prime Strategy co.,ltd.
大曲さんの報告でカスタムタクソノミー（カスタム分類）を登録する関数「register_taxonomy」について以下のアドバイスをいただき、調べてみました。
register_taxonomy($taxonomy, $object_type, $args);
(1) パラメーター「 $taxonomy」 はカスタムタクソノミーだけでなくカテゴリーも使えるかも
(2) パラメーター「$object_type」 は投稿タイプ（post_type）を指定することができる
結論から言うと、register_taxonomy や register_taxonomy_for_object_type で登録できました。
ブラウザ FireFox のアドオン（拡張機能）ですが、前回の FireBug に続いて FireQuery を紹介します。FireBug と同様に、ブラウザ「FireFox」で「Add-ons for Firefox 拡張機能 FireQuery」からダウンロードしてインストールして下さい。 → FireBugの使い方 FireFox Add-ons
FireQuery を使用することで、JQuery だけでなくCSS の開発もとても便利になります。今回は CSS 作成での FireQuery の使い方をご紹介します。
ブラウザ FireFox に多くのアドオン（拡張機能）が存在しています。今回はそのなかで、私にとってWEB開発になくてはならなくなった FireBug というアドオンを紹介します。、
KDDI Web Communications 殿主催の CMS 8日間連続無料セミナーがあり、11月12日（金）のWordPress に参加させていただきました。会場もとても綺麗で、来場者もざっと50人以上の方が来られていて 大盛況でした。
講師は株式会社キャンプフォー 高山一登殿でした。
高山殿は WordPress のイベント「WordCamp Yokohama 2010」での発表がとても面白かったので、無料セミナーがあると聞いて参加しました。
参加者のうちWordPressのテンプレートタグが分かるのはおよそ半分という構成で、当日のセミナー全体の流れは以下のようになっていました。
カスタムタクソノミーを使用して記事の分類を始めました。
すると、記事がタクソノミーに属しているかを調べる関数（カテゴリーでの in category に代わる関数）がなく、困ったので調べてみました。
まずは手掛かりとなる in category がどのように動作しているのかを確認します。すると、in_category で使用されている is_object_in_term を使えばよさそうです。結論を先に言うと、is_object_in_term を以下のように使用して解決することができます。それでは、詳しくみていきましょう。
WordPress3.0 のデフォルトテーマ Twenty Ten はヘッダー画像を 外観＞ヘッダー から好きな画像に変更することができます。
ヘッダー画像のサイズは 940px×198px で固定となっていて、ヘッダー画像をアップする際にトリミングをおこなってくれる機能もあって、とても便利です。
Twenty Tenのレイアウトを変える で全体の横幅を大きくしたので、今回は画像のサイズを変更してみました。
まず、変更方法を調べてみると Twenty Ten のテーマフォルダの functions.php の関数 twentyten_setup() にそれらしい箇所がありました。
// The height and width of your custom header. You can hook into the theme's own filters to change these values. // Add a filter to twentyten_header_image_width and twentyten_header_image_height to change these values. define( 'HEADER_IMAGE_WIDTH', apply_filters( 'twentyten_header_image_width', 940 ) ); define( 'HEADER_IMAGE_HEIGHT', apply_filters( 'twentyten_header_image_height', 198 ) );
例えばカスタム投稿タイプの添付画像をサムネイルの大きさで表示しようと思うと、結構手間がかかりますよね。
WordPress3.0 のデフォルトテーマ Twenty Ten では loop.php に、カテゴリー「Gallery」だった場合に画像を表示するコードがあります。そこで、これを参考にしてカスタム投稿タイプの添付画像をサムネイルの大きさで表示するプログラムを作成してみました（今回はひとつ目の画像のみ）。
さて、全体の流れは以下の通りとなります。
関連する投稿のリンクを表示させたいと思い、プラグイン 「WordPress Related Post for Japanese」をインストールしました。インストールしたのはずいぶん前で、どのような関連記事が表示されるのかと様子を見ていたのですが、非常にいい感じで関連する記事を表示してくれています。ありがとうございます。
WordPress Related Post for Japanese
WordPress Plugins/JSeries で見つけました hiromasa さん作成のプラグインです。
WordPress Plugins/JSeries
Yahoo! Japan が提供する日本語形態素解析APIを利用して投稿の下に「関連する記事」へのリンクを付与してくれているそうです。
続きを読む
使用したのは IETester です。ダウンロードはこちら （