でも、違うデザインのページが30以上あったりしたらどうですか。

テーマフォルダ直下にページテンプレートファイルが30個。なんかグッタリしてしまいまして。どうしてもページテンプレートを１つのフォルダにまとめたくなり、足りない頭で考えたのが「phpで振り分ければいいんじゃないか？」っていう事。なんかもっといい方法ありそうだけど、とりあえずメモ。

ご存じの通り、ページは、page.phpを優先的に読みにいくので、page.phpに以下を記載。

<?php
if(get_page_uri($post->ID) == 'page_slug01') { // ページスラッグが、「page_slug01」だったら
include(TEMPLATEPATH.'/page_temp/page_slug01.php'); // page_tempフォルダ内のpage_slug01.phpを読みに行く。
}
else { // ページスラッグが、「page_slug01」以外だったら
include(TEMPLATEPATH.'/page_temp/page_default.php'); // page_tempフォルダ内のpage_default.phpを読みに行く。
} ?>

以上。ページスラッグで振り分け。elseifで条件を追加していけば、30種類のデザインも対応可能。

なんか無駄な事した気が否めない。。。

クライアント様のサイト制作中に、ご存じLightboxを導入。いろいろ探していて、「ColorBox」っていうjQueryのLightboxを見つけたので、使ってみました。これ、いろんなサイトで紹介はされていますが、とても高機能。見た目もいろいろと選べるし、MITライセンスなのでカスタマイズも可。オススメです。

ColorBox – customizable lightbox plugin for jQuery 1.3 ＆ 1.4

んでこのColorBoxの、Wordpress用のプラグインもあったのでご紹介。

jQuery Lightbox For Native Galleries

gallery機能の自動ColorBox化と、aタグに指定のクラスをあてる事によってColorBox化。デフォルトでは「a.lightbox」で動作します。

その他、他のLightboxプラグインと同様に、aタグにrel属性で共通の値を入れる事でグループ化。
ajaxでhtml取得やインラインhtml、ビデオの埋め込み、iframeで外部のページの読み込みも可能。

Wordpressの管理画面側でデザインの変更も可能です。

以上。いろいろといじりやすいプラグインだと思うので、機会があれば是非どうぞー。

んで今回は、そんな和風のサイトを紹介している記事をメモ。

和風のデザインが”いとをかし”い45サイト | 和柄ポータルブログ・わがらが。
URL：http://www.wagaraga.com/featured/45-wahu-design-sites/

海外で人気のWordPressテーマ、ワードプレステンプレートを日本語化して無料配布！
URL :http://wpthemejp.com/

まだそんなに種類はないみたいですが、便利なサイトだと思います。

僕も何度か、海外のテーマをインストールして、ハマった事があります…。今となっては、ある程度コードが読めるので、説明などが英語で読めなくてもなんとか使えますが、最初の頃は大変です。是非とも、もっといろいろと種類が増えるのを期待したいですね。

たまに可変グリッドレイアウトのブログを見かけます。ウィンドウのサイズに合わせて、ブログの記事などのコンテンツが再配置されるサイトです。実は知らなかっただけで、結構前から流行ってたっぽい。実際に見てみると、動きが面白くて魅力的です。一度表示させてからウィンドウサイズの変更した時にも、ズラーッと並び替えしてくれるんですね。面白い。パッと見た感じ、多少知識がないとカスタマイズは難しい…のかな？とりあえず、今回はそんな可変グリッドレイアウトの日本製のテーマを紹介。

TRIPLESHIPS Inc. [Theme Name; tanzaku]
URL: http://www.tripleships.com/works/tanzaku/

STRAIGHTLINE [Theme Name; GRID wordpress theme]
URL: http://www.straightline.jp/private-works/grid-wordpress-theme/

今度カスタマイズに挑戦してみよー。。。その前に仕事片付けないと時間ないか；

後、可変グリッドレイアウトを実装出来るjQueryプラグインもメモ。今度いじってみよー。

Xlune::Blog　可変グリッドレイアウトのjQueryプラグイン
URL: http://blog.xlune.com/2009/09/jqueryvgrid.html

<?php
/* $typeに、'thumbnail'|'medium'|'large'|'full'のどれか指定
下記は'thumbnail'を指定 */
function the_image($type='thumbnail',$num=0){
    global $post;
    $post_ID = $post->ID;
    $files = get_children("post_parent={$post_ID}&post_type=attachment&post_mime_type=image");
    if (!empty($files)){
        $keys = array_keys($files);
        $img_num=$keys[$num];
        echo wp_get_attachment_image($img_num,$type);
    }
    elseif (empty($files)){
        $noimage = "/img/noimage.png";
    echo ("<img src=\"");
    echo (bloginfo('template_url')."$noimage");
    echo ("\" />");
    }
}
?>

以上のコードをfunctions.phpに書き込んで、表示したい部分に

<?php the_image(); ?>

と記載。

参考サイト様：blog.knym.net Wordpressの投稿記事で使われているサムネイル画像などを取得する関数 the_image

<?php if (have_posts()) : query_posts('showposts=3&orderby=rand'); while (have_posts()) : the_post(); ?>
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a>
<?php endwhile; wp_reset_query(); endif; ?>

filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;

これでIEでも、cssで画像の透過指定が出来ます。

word-wrap: break-word;

これだけで折り返して表示されるはず。。。他にもいろいろ対処法はあるみたいですが、僕が遭遇した環境では、この書き方でokでした。今後の為にもメモメモ。

<?php phpinfo(); ?>

上記のコードを書いて、適当な名称で確認したいサーバーにアップロード。後はアップロードしたファイルにブラウザで直接アクセスするだけで情報一覧が表示されます。
注意点として、セキュリティ的によろしくないとの事。公開時には削除しましょう。

ちなみに、日本語が表示されない現象は、やっぱりphpの設定に問題がありました。php.iniを独自に設定する事が可能だったので、なんとか完了。良かった良かった。