WordPress: 2009年1月アーカイブ

CMSとしてMovable TypeとWordPressの両方を使ってみた経験からすると、ブログデザインの変更はWordPressのほうがずっと簡単なような気がします。最新版のMovable Typeをいじっていないので、きちんとした比較はできないですが、phpのコードがある程度分かる人なら、おそらくWordPressを使った方がカスタマイズしやすいのではないでしょうかね。カスタマイズの自由度も高いように思います。

WordPressのデザインファイルは、「スタイルシート・phpで書かれたテンプレートファイル群・画像ファイル群」からなっていて、それらが一まとめのフォルダに入っています。これを「テーマ」と呼んでいます。

WordPressでのデザイン変更は、こんな手順になります。

1. WordPressのテーマ配布サイトから、好きなデザインをダウンロードして解凍する。
2. 解凍したファイルをフォルダごと「wp-content/themes」以下にアップロードする。
3. Web上でWordPressの管理画面にログインし、を開き、「外観」→「テーマ」を選択する。
4. themesフォルダにアップロードしてあるテーマが一覧表示されるので、使用したいテーマをクリックして「このテーマを使用する」をクリックする。
5. 「現在のテーマ」が選択したものに切り替わりますので、「サイトを開く」で実際のブログ画面のデザインが変更されているかどうかを確認する。

無料で使える「テーマ」配布サイトはたくさんあります。
WordPressはしょっちゅうバージョンアップがあるので、使いたい「テーマ」が使用中のWordPressのバージョンに対応しているかどうかの確認が必要です。海外のサイトで配布されている「テーマ」もたいていの場合は日本語に対応していますが、部分的に英語表記が残ったりするので、見た目のデザインの良し悪しだけで選ぶと読者に不親切になることもあるので注意しましょう。

例えばこんなところがあります。

• テンプレートキング：Movable TypeとWordPressのテーマ無料配布
• WordPressの無料テーマ(無料テンプレート）
• Template Lite

これらはそのまま直ぐに使える「テーマ」ですけど、もし自分でかなりの部分をカスタマイズしたいと思うなら、ベースにはできるだけシンプルで自由度が高い「テーマ」を選ぶ、というのがいいと思います。最近私がよくベースとして使っているのがこちらです。

WSCプロジェクト
こちらで配布されている「WSC5」というテーマを使うと、こんな感じにブログが表示されます。
http://wsc.studiobrain.net/5/

スタイルシートが非常にシンプルなので、カスタマイズする目的の場所が見つけやすく、自分なりのidやclass指定をしやすくなっています。テンプレートの数も少ないので、管理が楽ですし、必要なテンプレートは自分で作成して付け加えていけばいいですので。
現在配布中のものはベータ版ということで、少しずつ改良が加えられているようです。

日記を書くだけのブログなら、固定したフォーマットの中に次々と記事が現れるという現行方式で問題を感じることは少ないでしょう。

ところが、会社とか団体のＨＰだと、それだけでは済まない場面がよくあります。
日々更新されるニュース部分は３カラムでいいけれど、会社概要の説明ページなどはページ全面を使いたい、サイドバーは邪魔、などというとき、以前は、ブログ外に別ページを作成してそこにリンクをはる、という方法を採っていました。しかしそれでは、ページの体裁が整わなかったり、デザイン変更時に一括対応できないなど、不便なことが多いのです。

WordPressにはカスタムテンプレートという機能があって、これを使うと「ページ」を作成するときにテンプレートを選択することができるようになります。

たとえばテーマで設定してあるデフォルトの画面が３カラムだとします。カスタムテンプレートとして、２カラムや１カラムを用意しておけば、作成する「ページ」ごとに自由にデザインを変えることができます。

カスタムテンプレートの作り方

とりあえずエディタなどで次のようなファイルを作成します。

<?php
/*
Template Name: custom
*/
?>
<?php get_header(); ?>
<?php get_footer(); ?>

管理画面から「テーマ編集」ページを開くと、テンプレートの一覧に「custom Page Template (custom.php)」が追加されているはずです。この画面でテンプレートを自由に編集することができます。

上記の例のままだとヘッダとフッタしか表示されませんので（笑）、ページ内容が出力されるように、<?php get_header(); ?>と<?php get_footer(); ?>の間にコードを書いてやる必要がありますね。その部分は、すでにあるページテンプレートであるpage.phpから必要部分をコピペして改編すれば大丈夫です。<?php get_sidebar(); ?>を削除するとサイドバーが表示されなくなる、とか、いろいろできます。それに応じてカスタムページ用にスタイルシートに記述を追加してやる作業も必要になるかと思います。

ページの投稿（編集）画面を開くと、適用するテンプレートを選択することができるようになっています。
通常は「デフォルトテンプレート」が選択されているので、選択リストから「custom」を選んでページを保存すると、新しい体裁でページを表示することができます。

Template Nameと保存するファイル名を変えれば、いくつでもテンプレートが作成できますので、必要に応じて自由にデザインを切り替えることができます。

Web制作関係の仕事をパーソナルにやっているわけですが、当然のことながら、かつてのようにホームページ作成ソフトを使って作ったものをサーバーに上げる、という方式から、CMSソフトをサーバー上で動かしてページを更新する（いわゆるブログ方式）ものに劇的に取って代わりつつある昨今の情勢です。

そうなると、投稿記事の更新はお客様ご自身でやっていただくことになるので、こちらの仕事は、基本となるCMSをサーバーにインストールし、デザインや付加機能をお客様の要望にしたがってカスタマイズしていく、ということが中心になっていきます。

そうなると、MovableTypeは有償ソフトなので扱いがいろいろ難しく、今現在はWordPress使ってＨＰ作るのが自分の中ではメインになってます。

WordPressにはたくさんのプラグインがあって機能拡張が可能なので、あれこれ取り入れてみていますが、有用そうなものを備忘録的に書いておこうと思います。

（ここまで前説　ｗ）

mcRSSlist Plugin

ブログにRSSリストを載せるためのプラグイン
DrecomRSSのようにRSSリストを直接作成する機能があるわけではありませんが、配信されているRSSリストを取得してブログに貼り付ける形に整形出力してくれます。

さっかりんで配信しているチーム別のRSSニュースから、新潟のRSSを取得してクラブの最新ニュース一覧をブログのサイドバーに貼り付ける、なんていうことができます。

また例えばはてなRSSのようなサービスで自分独自のRSSリストを作成して、それをブログページやサイドバーに載せることも可能です。これならトラックバックサイトのサイドバーで使っているDrecomRSSと同じように使うことが可能になりますかね。

使い方

1. プラグインをダウンロード・解凍後、/wp-content/pluginフォルダにアップロード


2. WordPressのプラグイン管理画面で、「使用する」にする


3. ３カラムブログの右サイドバーに設置する場合
   当該テンプレート（例：sidebar-2.php）の表示したい場所に
   <li>
   <?php mcRSSlist ('http://～', 15); ?>
   </li>
   のように記述する。http://～は取得するRSSリストのURL。その後の数字は表示する件数。
   テンプレートではなく、アンテナ用の「ページ」を作成してリストを一覧表示させる場合には、おそらくrunPHPプラグインを導入して固定ページでもPHPコードが使えるようにしてやる必要がある。
   
4. RSSリストのタイトルを表示するかどうか、そのほか細かい書式を設定することができるので、詳しくは作者のページを参照のこと。