前編はこちらです。

後編ではブログデザインの変更方法のうち、ダッシュボードの左メニューからアクセスできる初心者向けのものを中心に説明します。ここで紹介する用語とそれぞれの役割の違いを抑えておけば、日常的に触る機会が無くてもWordPressデザインの話題には大体ついていけるようになるに違いありません。

テーマ 〜ブログの構成や見た目トータルのパッケージ

まず一番大掛かりなものから説明します。テーマという用語は他の多くのWEBサービスやオフラインソフトウェアでも使われる事が多く、さらにそれぞれ指示対象が異なっているようなのでややこしいのですが、WordPressの用語として使われる場合ブログの見た目と構成のパッケージを示しています。WordPressインストール直後のシンプルなブログデザインを、写真集風にしたい、とか企業ホームページ風にしたい、など思いついた際、最も手っ取り早いのは無償で（あるいはごくまれに有償で）配布されているWordPressテーマをインストールすることです。テーマのインストールはダッシュボード上で簡単にできるので、スクリーンショットで確認してみましょう。

左メニューの”外観”からサブメニューの”テーマ”を選びます。現在のヴァージョンのWordPressではTwenty Elevenというテーマがデフォルトになっているので、現在のテーマとしてここに表示されています。この画面の下の方に見えるスクリーンショットは、インストールされているが使用中でないテーマを表示しています。

”テーマのインストール”タブを選ぶと、WordPress本家に登録されたテーマをキーワードや種別で検索できます。

今回は試みにAdventure Journalという旅日記風のテーマを入れてみましょう。インストール成功後、デフォルトテーマに設定されている事に注目して下さい。これでブログのアドレスにアクセスすると、ちゃんとテーマの変更が行われています。

前回のトップページとは随分見た目が変わりましたね。その一方記事本文などはちゃんと引き継がれているので、テーマの入れ外しの試行錯誤が安心してできます。

ウィジェット　〜ページに表示する単機能の部品

次にウィジェットを説明します。iOSにはウィジェット、Windowsにはガジェットという名前で搭載されている、天気予報などを表示する小さなウィンドウと基本的に同じです。好きなときに追加・取り外しができるのが特徴で、当ブログの右側にある検索窓やタグクラウド、記事リンクなどは全てウィジェットとして追加しています。
ダッシュボードの左メニュー”外観”のサブメニュー”ウィジェット”を選択してみましょう。

左のスペースに使えるウィジェット一覧があるので、好きなウィジェットを対応する右側のエリアにドラッグ＆ドロップすると追加完了します。ここではPage SidebarというエリアにRSS表示のウィジェットを追加しているところです。2カラムのデザインでしたので、当ブログと同じように記事エリアの右側にウィジェットが追加されていきます。
ページを3カラムにして、左側にウィジェットを登録したい場合はどうなるでしょうか。カラム数などの設定は、テーマが対応していれば”外観”メニューのサブメニュー”Theme Options”から行う事ができます（テーマによってこの項目名は違っていたりしますが、大体このような名前＆位置です）。

3カラムに設定したので、ウィジェット設定画面のエリアが、Page Sidebar(Left)、Page Sidebar(Right)という具合に変わっています。追加したいカラムのエリアにウィジェットを投げ込みましょう。

ちなみにトップページのサイドバーエリアにウィジェットを追加するためには、Blog Sidebarというエリアに投げ込む必要があります。Page Sidebarは個別ページ（当ブログでの例ならaboutページ）にウィジェットを追加するエリアですので、混乱しないよう注意が必要です。

Blog Sidebarへの追加が終わり、ちゃんとトップページに反映されました。ウィジェットの説明は大体こんなところです。

プラグイン　〜ブログの機能を拡張する

プラグインという名称も比較的ソフトウェアの世界ではよく使われます。当世のゲームで言えばmodといったところでしょうか。つまりそれが追加される事によって、新たに機能が増えるというパッケージです。ウィジェットとの違いは、ウィジェットがブログに表示する要素であるのに対し、プラグインは必ずしも表示部を持たなくて良いといったところでしょうか。投稿記事中に追加できたりするのも、ウィジェットには無い特徴です。このブログでちょくちょく登場するハイライト付きのソースコードなどは、WP-Syntaxというプラグインを入れて実現しているものだったりします。

プラグインの管理はダッシュボード左メニューの”プラグイン”から行います。サブメニューの”インストール済みプラグイン”でプラグインの使用および停止を切り替えられます。

”新規追加”サブメニューから検索して新たに追加する事もできます。

プラグインも無料のものが多いので沢山入れたくなりますが、しばしばプラグイン同士の相性問題などで正常に動かなくなったりするので、機能の重複がありそうなものを同時に入れるのは避け、一機能につき一つというように決め打ちをしましょう。

以上の3つの用語は基本ですので、覚えておいて損はありません。ただしこれらが完全に独立したパッケージとして存在しているというわけではなく、テーマを落としてきたらウィジェットが付属していた、あるいはプラグインを入れたらテーマとウィジェットも一緒に付いてきたなどの例もあります。ディレクトリベースでの作業では面倒臭い事になるのですが、ダッシュボード上での見え方はあくまで分類に沿う筈なので、細かい事は気にしないで、そういう事もあると了解して下さい。

Tweet

今回はサイトC（このサイト）にWordPressをインストールするまでの、顛末兼導入ガイドを書きます。MySQLのデータベースは作成してあるという前提（実は今回の事例の場合、契約したサーバRental Orbit SpaceさんがMySQLデータベースは申請を受けて発行という方式をとっていたので、非常に楽でした）かつインストールはウィザードなしで行うという前提で進めます。

まず、何をおいてもWordPressの本体を手に入れなければならないので、日本語版のサイトに行ってダウンロードリンクから落とします。この記事を書いている時点の最新版は2.9.2で、この2.9系のバージョンは日本語文字コードがUTF-8のみに対応しているようです。一方Shift-JISやEUC-JPを使用する際には、過去にリリースされた2.0.x系を利用します。ただし古い系統はメンテナンス期間も終了したようなので、WordPressを使うのならUTF-8環境にする必要があるくらいに捉えておいたほうが良いと思います。

さてローカル環境でファイルを解凍したら、wp-config-sample.phpという名前のファイルを探し、エディタで開きます。このとき、ファイルの中にも書いてありますがメモ帳などのアプリケーションでなく、文字コードを指定して保存できるエディタを使ってください。22行目付近からがMySQLの設定になりますので、あらかじめ用意しておいたMySQLデータベースのデータベース名、ユーザ名、パスワード、ホスト名（web上に公開するならば、契約したサーバのホストネームを入れます。そうでなくローカル環境で使用するなら変更しなくてOKです）をそれぞれputyourdbnamehere、usernamehere、yourpasswordhere、localhostの代わりに入れます。このファイルはwp-config.phpという名前を付けて、選択肢にあればUTF-8N、なければエディタの設定でBOMなしにした上でUTF-8で保存してください（このBOMというのは、UTF-8のファイルの頭につくちょっとした情報ですが、ここでは必要ありません）。

さてこうしてwp-config.phpが加わったフォルダを、ドキュメントルート以下にアップロードします。ブラウザでそのフォルダまでのパスを指定しアクセスすると動きます。以上でインストールの完了です。

このようなインストール手順を、サイトCについては5分程で行えました。以降トラブルもなく動いているので、導入が非常に簡単なCMSであるという印象を個人的に持っています。また、インストール後の画面でどこから手を付けてよいのかが比較的判り易く、はじめてCMSを使う人にもお勧めできるアプリケーションだと思います。

サイトCの制作では、主にWordPress標準のインストール機能で追加ファイルを落としてきて、管理画面上から見た目などを変更するという方法を使います。次回以降はその過程を報告していこうと思います。

Tweet