WordPressの新テーマ「TwentyTen」のloop.phpの中身をのぞいてみます。

index.phpから呼び出されるloop.phpの中身をのぞいてみます。loop.phpにはトップページやカテゴリーページで記事を表示するための処理が書かれています。

Twenty Tenでは「Asides」または「Gallery」カテゴリーの投稿を別のスタイルで出力するようになっていて、なかでも画像のサムネイルの取り出し方は参考になりました。なのでそのあたりを中心に覚えておきたいソースの書き方を紹介していきます。

前後のページへのリンク

<?php if ( $wp_query->max_num_pages > 1 ) : ?>
・
・
<?php endif; ?>

このコードで前後のページへのリンクを表示します。

1ページに表示する記事数は「表示設定>1ページに表示する最大投稿数」から変更できますが、この数を超えたぶんはページごとに分けられることになります。

$wp_query->max_num_pagesというのが最大投稿数を表しているようで、1以上でテキストリンクを表示するようになっています。max_num_pagesはドキュメントには説明がないようでwp-includes/query.php内で定義されています。知りたい人はそちらからどうぞ～。

とりあえず、こういうのもあるんだということで覚えるだけにしときます。

カテゴリーごとのスタイル

「Gallery」カテゴリーに属する記事の表示部分をみてみましょう。

カテゴリー判別

<?php if ( in_category( _x('gallery', 'gallery category slug', 'twentyten') ) ) : ?>

カテゴリーが「Gallery」かどうかを判別しています。

ID、クラスの付加

<div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

このコードを入れておくといくつかのクラスを自動で付加してくれます。

タイトル表示

<h2 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyten' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h2>

タイトルの表示部分ですね。title属性ではesc_attr__()関数が使われています。ここには記事のタイトルをエスケープし、さらに翻訳が可能なら翻訳した文字列が表示されます。

メタ情報の表示

<?php twentyten_posted_on(); ?>

function.phpで定義されている独自関数です。投稿日時や投稿者名を整形しているようですね。printf()やsprintf()関数なんかはほとんど使ったことがないのですが、自分なりの表示にしたいときの参考になります。

パスワード保護

post_password_required()はパスワードの保護状態を調べる関数です。

使い方は

<?php if ( post_password_required() ) : ?>
・パスワードがかかっているときの処理
<?php else : ?>
・解除されたときの処理
<?php endif; ?>

という感じになります。

サムネイル表示

<?php
$images = get_children( array( 'post_parent' => $post->ID, 'post_type' => 'attachment', 'post_mime_type' => 'image', 'orderby' => 'menu_order', 'order' => 'ASC', 'numberposts' => 999 ) );
$total_images = count( $images );
$image = array_shift( $images );
$image_img_tag = wp_get_attachment_image( $image->ID, 'thumbnail' );
?>

get_children()は記事中の画像を取得するのに便利な関数です。

関数リファレンス/get children – WordPress Codex 日本語版

$images は記事に挿入（添付）された画像情報のオブジェクトです。その中身はたとえばこんな感じになります。print_r()で出力してます。

Array  ( 
  [25] => stdClass Object
              ( [ID] => 25
                [post_author] => 1
                [post_date] => 2010-07-29 20:07:03
                [post_date_gmt] => 2010-07-29 11:07:03
                [post_content] =>
                [post_title] => 20100715_09
                [post_excerpt] =>
                [post_status] => inherit
                [comment_status] => open
                [ping_status] => open
                [post_password] =>
                [post_name] => 20100715_09
                [to_ping] =>
                [pinged] =>
                [post_modified] => 2010-07-29 20:07:03
                [post_modified_gmt] => 2010-07-29 11:07:03
                [post_content_filtered] =>
                [post_parent] => 24
                [guid] => http://localhost/wp3/wp-content/uploads/2010/07/20100715_09.jpg
                [menu_order] => 0
                [post_type] => attachment
                [post_mime_type] => image/jpeg
                [comment_count] => 0
                [filter] => raw 
              )
            )

この中から必要なものを取り出して使います。

$image_img_tag = wp_get_attachment_image( $image->ID, 'thumbnail' );

$wp_get_attachment_image()は画像などの添付ファイルをHTMLとして返す関数です。二番目の引数は画像サイズでthumbnail、medium、largeまたはfullをいれることができます。

姫路のたこやき

実家に帰省してて、今日帰りです。そのまえに奥さんに姫路のたこ焼きを体験してもらいました。 明石焼の上にソースをぬってからダシにつけていただきます。 これが姫路流。

WordPressがバージョン3になりデフォルトテンプレートも「Twenty Ten」という新しいテーマになりました。このテーマには新しい機能やタグが盛りだくさんなのでこれを参考にしないのはもったいないですね。

というわけで今回からしばらく「Twenty Ten」を（できれば！）読み解きつつ新しいテーマ作成に挑戦したいと思います。

テーマ作成の基本

過去に「ゼロから作るWPテーマ」と題して数回にわけてテーマ作りの基本を紹介しましたので基本的な部分はそちらを参考に・・・。

なにはともあれ、まずテーマを構成するファイルを格納するためにフォルダをつくります。たとえばこのサイトのテーマで「paolog」というフォルダをつくるなら、場所はwp-content/theme/paolog/になります。

メインインデックステンプレート

それではまずテーマの核となるテンプレート「index.php」を見てみます。実際のコードはファイルそのものをみてください。

index.phpの中に次のタグがあります。

get_header();
get_sidebar();
get_footer();

この三つの関数はそれぞれheader.php、sidebar.php、footer.phpを読み込むインクルードタグです。

これはこれまでにもあったテンプレートタグですね。

ヘッダーやフッターをパーツごとにファイルをわけることでコードがより見やすくなるのでこれらはしっかり使っておきましょう。

では次。

コードの中ほどに新しいタグがあります。

get_template_part(‘loop’,'index’);

くわしくはドキュメントを参考にしてください。
関数リファレンス/get template part – WordPress Codex 日本語版

ドキュメントによるとヘッダー、サイドバー、フッター以外のテンプレートファイルを読み込むタグのようです。

たとえば親テーマがparentで子テーマをchildとすると、この例では

1. wp-content/themes/child/loop-index.php
2. wp-content/themes/child/loop.php
3. wp-content/themes/parent/loop-index.php
4. wp-content/themes/parent/loop.php

の順にファイルをrequire()します。

通常テンプレートファイルを読む込むときはinclude()を使ってファイルを直接指定しますが、こちらのほうが子テーマで定義したloop-index.phpを読み込むのみ柔軟に対応できるということでしょうか？（子テーマをつくったことがないので理解に乏しいですが・・・。）

次回はloop.phpです。

暑いです・・・。そのおかげかスイートトマトが次々に赤くなってきました。

一気に赤くならないので一日の収穫は一個か二個。大きさはゴルフボールくらいか少し小さめですが、甘くておいしいトマトができました。なので「食べた」っていう満足感は少ないです。でも新鮮さは大満足。スーパーで買ってきたらこうはいきません。

一日一個でもしあわせなのです。

TUNEPRISM for iPhone4 スモーク（TUN-PH-000041）を購入したのでレビューをば。

iPhoneをゲットしてから二週間ほどになりますが、この間買ったときについてたフィルムをはがさずにそろ～り扱ってました。仕事に持っていくときはカバンの中で傷つかないようにカメラ用のクリーニングクロスで包む念のいれよう。

そんな努力からようやく開放されました。

とりあえず、この手のカバーは使ったことがないのでAmazonで物色。で、見つけたのがこのTUNEWEAR iPhone4用ソフトケース TUNEPRISM for iPhone 4 スモーク TUN-PH-000041です。

開封してみました。

左からカバー、液晶保護フィルム&クリーニングクロス&専用コテ、そして、よくわからないケーブルワインダー（白い丸状のもの）です。

とりつけてみた。

いつも苦手なのが液晶を保護するためのフィルムを貼る作業。何回やっても下手です・・・。ホコリがついてるとそこに気泡ができるので貼る前にしっかりホコリを取っておきたいところです。

フィルムを貼ると少しつや消しっぽい感じになり、液晶本来の輝きは薄れてしまうので、それを嫌うときはほかのフィルムに変えるか、なにも貼らないというのもひとつの選択肢になると思います。

フィルムを無事貼り終えたらカバーの装着です。

こういうのって隙間があったり、穴が合わなかったりするもんですが、なかなかのフィット感^ ^。

それぞれの面をチェックしてみます。

下部

ほぼぴったり。本体付属のケーブルも問題なく接続できました。

左部

こちらも穴の位置を正確にとらえています。ただボリュームボタンは押しにくくなってしまいました。個人的には頻繁に押すことはないので全然オッケーです。

上部

続いて上部。電源ボタンとイヤホンジャックがあります。ここもぴったりですね。ボリュームボタンと一緒でやっぱり電源ボタンも押しにくくなりました。爪で押す感じですね。

裏面

ここも重要なポイント、レンズのところです。でも何の問題もありません。ぴったりです。

最後に裏面の写真を掲載しておきます。

全体としてはほぼ満足のカバーなのでおすすめです。

でもやっぱりストラップがないので少し不安ですけどね・・・。

VistaにXAMPP for Windows ver1.7.3をインストールする手順を紹介します。

これまでインストールしていたXAMPP（1.7.0）がコントロールパネルから起動しなくなり、新しいバージョンも出てることだしということで新たにインストールすることにしました。

1. ダウンロード

まずは以下のページからファイルをダウンロードしてきます。

apache friends – xampp for windows

ファイルはデスクトップに保存しておくのがいいでしょう。

2. インストール

デスクトップに保存したexeファイルをダブルクリックしてインストール開始です。

セキュリティの警告がでたら「実行」をクリック。

XAMPPをインストールするフォルダを指定します。デフォルトはCドライブですが、Vistaだと何かと面倒が起こる可能性があるようなので、ここではDドライブの直下にインストールすることにします。

Dドライブを指定するとxamppと名前がついたフォルダが自動作成され、そこにインストールされることになります。たとえば、先に自分で「xampp」フォルダをつくってしまうとD:/xampp/xampp/となります。作らないほうがいいかも。

[Install]をクリックします。

コマンドプロンプトのウィンドウが立ち上がります。ここからはしばらくデフォルト設定のままで進みます。

[Enterキー]を押します。

ここも[y]のまま[Enterキー]を押します。

ここは[n]のまま[Enterキー]を押します。

ここでも[Enterキー]なり。

[Enterキー]を押します。

次の画面になったらインストールは終了です。とりあえず[x]を入力して[Enterキー]をクリック。

デスクトップに「XAMPP Control Panel」というアイコンができているはずなのでそれをクリック。

すると右下にパネルが表示されます。Apache（サーバー）とMySql（データーベース）の右にある「Start」をそれぞれクリックします。

「Running」と表示されましたね。これで起動しました。

XAMPPのセキュリティ設定

ここまできたら、あとはブラウザでの設定を残すだけです。まず、ブラウザを起動して、「http://localhost/」にアクセスします。 すると、次のようなページが表示されるはずです。

「日本語」を選択します。

「おめでとうございます：
システム上にXAMPPが正しくインストールされました！」
というページが表示されます。

左のメニューから「セキュリティ」を選択すると、下のページに移動します。

XAMPP本体、MySQL、PhpMyAdminのステータスが「要注意」になっています。このままではネットワークから丸見えだよってことなのでこれを改善します。今回、下の三つは使用しないのでこのままです。

リンクテキスト「http://localhost/security/xamppsecurity.php」をクリックします。

移動したページで「MYSQL項目」というところのパスワードを入力します。このパスワードはXAMPPからPhpMyAdminを立ち上げるときに必要になるパスワードです。ちなみにユーザー名は「root」です。

チェックを入れておくとパスワードが書かれたテキストファイルが作成されるので忘れたときのためにチェックしておきましょう。チェックをいれたら「パスワードを変更しました。」をクリック。

次にXAMPP本体にアクセス制限をかけます。同じページの下方「XAMPPのディレクトリ制御」項目の「ユーザ」と「パスワード」を入力。チェックボックスにチェックを入れて、「安全なXAMPPディレクトリを作成してください。」をクリックします。なんか日本語変な感じしますけど・・・。

ダイアログが開くのでさっきのユーザ名とパスワードを入力してログインします。これで左メニューから「セキュリティ」を選択してそれぞれのステータスを確認してみましょう。「安全」になっていたら設定終了です。

これでXAMPPのインストールと設定は終了です。

今日は久しぶりに「ヨコハマグランドインターコンチネンタルホテル」のオーシャンテラスでブッフェしてきました。

さすがに日曜日だけあって団体さんなんかで一杯でしたが、料理がなくなるなんてことはなくゆっくり食事ができてよかったです。

でも肝心の料理のほうはというと・・・、

めちゃくちゃ美味しい・・・というわけではなく少し残念でしたね。以前より味落ちたような気が・・・。

とはいえ、味の好みは人それぞれなんであまり参考にはなりませんよね～。

気になる人はいってみてきてください。

いまやってるのはこれ↓
ヨコハマグランドインターコンチネンタルホテル「横浜フランス月間2010」のページ

iPhone 4に機種変しました。

発売日には手に入りませんでしたが、特にあわてる理由もないのでゆっくり待ってたところ、今月のはじめに連絡がありました。

連絡のあともしばらく雨の日が続いたということもあり面倒でいかなかったのですが、梅雨の晴れ間に取りに行ってきました。

「ホワイトプラン」＋「パケットし放題フラット」のシンプルなプランにしてきました。とにかく初スマートフォンなので、どんな風につかうか想像できなかったのでとりあえずこれで。

すでにWi-Fiの便利さに惹かれているので「ポケットWi-Fi」をもつことになりそうです。

そういえば、近所の元住吉ブレーメン通りの主要店舗にWi-Fiスポットが導入されるそうです。７月11日からだから、実験してこようかな～。

日曜日にいった鎌倉のあしあと記録です。

この日は雨の予報だったので出掛けるのをあきらめようかな～って思ってたら、あらら、予想に反して天気がいい。

そこで午後から鎌倉にでかけることにしました。そうそう、「あじさい」の写真も撮りたかったしね。

で、この日はまず「極楽寺駅」まで一気にきました。最寄り駅から電車で約一時間。ほんとうに近くなりました。ここまでくるとほぼ晴天。なんだこの天気！？。

一番近いお寺は「極楽寺」。でもここには「撮影禁止」なんて看板があるのでほとんどスルーして、そのまま成就院へ。

やっぱり人が多い・・・。

それでもやっぱり、ここからの景色は最高にいいですね。あじさいと海が一緒に見れるので。全体的にはいい感じで咲いてましたが、ところどころは終わりに向かってるようでした。それに３時を回ってたので太陽も後ろからあたる形になってしまい景色の半分くらいが日陰になってました。なのでこんな写真に。手前の影は少し補正をいれて明るくしています。

こういうときの露出って難しいですね。海に合わせるか、それともアジサイか。じっとしてるもの人の邪魔になってしまうのである程度はポジションをとる前に設定しておくのが無難なようでした。

それから、成就院の階段を海にむかって下っていきます。途中、「力餅屋」の角を曲がっていくとあるのが、「御霊（ごりょう）神社」。

江ノ電の踏切を越えたらすぐです。

踏み切りのところまでくるとちょうど電車がくるところだったのでおもいっきりブレブレです。

くそ～っ、もう一回取り直したい！！。

とは思うものの次の電車を待つ気はないので御霊神社をくるっと一周して次の長谷寺へ向かいます。

ただ、この踏み切りポジションはアジサイと電車という「らしい」写真が撮れるのでまた来年挑戦したいと思います。

長谷寺はあいかわらず大人気のお寺です。あじさいを見るために30分待ちなんて・・・。無理です。並んだとしてもあじさいが見れる散策路も長蛇の列。ゆっくり写真は無理そうなので今回はあきらめました。

でも今回は鎌倉駅の近くでおいしいお店を発見！！。

「パティスリー　チモト」さんです。

「鎌倉クーヘン」というバームクーヘンが有名なようなのですが、その横にロールケーキがドドーンと一本あったのでそっちを買ってしまいました^ ^。

スポンジはふんわりやさしく、しっとりとしたクリームがなかなかの味で、かなりハマル味でした。少し茶色っぽいスポンジには何か混ぜてあるのかな～？。次の日に残ってしまってもけっこう味が落ちないところもよかったです。今度も「買い」で。

という感じで今年の「鎌倉あじさい散策」は終了しました。

結局は食べもので終わりましたが、今年もきれいなアジサイを見ることができて満足の一日でした。

CS5にアップグレードしたら「Webおよびデバイス用に保存」ができなくなり困っていたのですが、無事解決しました。

解決方法

「新たに管理者権限をもったアカウントをつくり、そのアカウントにCS5をインストールする」 これで動作するようになりました。

結局のところ、ユーザーアカウントが壊れてたってことなんでしょうね。こんなこともあるんだといい勉強になりました。

動作環境

あくまで参考ですが、PCの環境をのせておきます。

インストールその後

新しくアカウントの方にCS5をインストールしたので、古いアカウントでつかってたFirefoxやThunderbirdなんかの設定その他もろもろを移行するのがかなり面倒くさかったです。