o xein’, angellein…

とりあえずこのブログを立ち上げるまでにした作業のもろもろを簡単にメモしておきたいと思います。なぜか書いているうちにmixiや普通のブログサービスくらいは使ったことあるぞ、というネット初心者～中級者向けみたいな書きぶりになりました。とは言っても私はWordPress、phpなども初心者なので、上級者向けの技術的に詳しい情報は書けません。(笑)既存のブログサービスより自由に使えるブログに興味あるけどなかなか…という方の手がかりになれば幸いです。なお続きのエントリ(その２)には日本語で参考にしたネット上の情報をまとめてあります。

1. レンタルサーバーを借りる

まずこれをしないと始まりません。WordPress Japanに載っている通り、WordPressにはPHPという言語とMySQLというデータベースの使用許可が必要なので、これらが使えるところにしましょう。ちなみにここはチカッパ！レンタルサーバーを借りています。初期費用が2000円、月々500円程度です。独自ドメイン(gamma-ut.netのような)が取れるサービス、ムームードメインと同時に使うと初期費用が1000円くらい安くなります。独自ドメイン取得だとムームードメインが今一番安いのではないでしょうか⁽¹⁾。そうそう、登録する時にwww.gamma-ut.netで検索したのでてっきりwww.がつくのかと思っていたら、抜かしても普通に表示されるのが不思議でした。両方取っているということなのか、自動で転送されるようになっているのか。

2. WordPressをインストールする

サーバーを借りたら、WordPress Japanの指示に従ってインストールしましょう。ファイルを転送するのでFTPソフトが必要になりますが、有名なFFFTPで特に問題ないでしょう。私も10年ぶりくらいに使ってちょっと懐かしいものがありました。ところでWordPressはもともと英語のものでしたが、今では多言語対応版(Multilingual Edition)があります。しかし私にはME2.0.10とME2.2.1との違いがよく分かりませんでした…。英語のほうの最新版2.2.2なので、それに対応中ということでしょうか。私はとりあえず最新版を入れましたが、後で述べる「プラグイン」でいくつか動かないものもあるようです。

3. テーマを決める

他のブログでは「デザイン」「テンプレート」などと呼ばれているものです。画像で表示しているデフォルトのものはEasyAllといい、本文が左、右にサイドバーがあるシンプルなものです。このままでも十分使えるものですが、他に探したい方はTheme Viewerが便利です。色系統、カラムの数(本文とサイドバーを合わせた列の数)などを合わせて検索することができます。なお、私が元にしたテーマはドイツのウェブデザイナー、milo IIIIVII氏がデザインした”Ice 3.17″です(デモ表示はこちら)。


4. プラグインを入れる

WordPressは「コア」と「プラグイン」が分かれています。それぞれの基本的なページを作り出したりデータベースとやり取りしたりするのがコア部分、それにいろいろな機能を加えてくれるのがプラグインだと考えればいいでしょうか⁽²⁾。プラグインにもいろいろな種類があって、これがWordPressの自由度の高さと魅力の一部分になっています。デフォルトではスパム対策をしてくれるものと管理画面表示のギミック的なものがついています。スパム対策をしてくれるものはAkismetと言い、強力なもののようです(私の旧ブログでの移転お知らせエントリからのトラックバックさえスパム扱いされました(笑))。ただこれを使うためには本家のwordpress.orgでユーザー登録し、送られてくるメールでAPIコードを取得することが必要となります。どういうものがいいかは続きのエントリの「レファレンス」先から進んでみてください。

ちなみに私が入れて失敗したなと思ったのは、投稿画面内でアマゾン商品を検索してくれるWP-Amazonです。どうも2.2.2には対応してなかったようで、最新版を探して入れたにも関わらず漢字を含む商品だと固まったり、各商品カテゴリから3つだけしか表示してくれなかったりと散々でした。結局Bookmarklet版AsociateHelperを使うことにしました⁽³⁾。

5. 画面表示をアレンジする

もともとCSSいじりなどは多少はやったことがあったので、ページのソースを見ながらスタイルシートをいじることはできました(「いじる」レベル止まりですけど)。しかしWordPressはページを作り出すアクション部分までいじれます。たとえば私が先に挙げた”Ice 3.17″(デモ表示はこちら)はそのままでは英語で表示されますが、ページを作り出すphpファイルを書き直すことでちょこちょこ日本語にすることができます。たとえばあなたが今このエントリだけのページを見ているなら、上のタイトル部分、下のほうにある濃い色のフッター部分、タイトルの記事本文の部分、コメント欄の部分、そして右のほうにあるサイドバー(二つそれぞれ)は全て別のphpファイルから作られています。それらを更に親になるphpファイルが「ここにはこれを置きましょう」と呼び出してくれているわけです。

で、私はその各部分を作り出してくれるphpファイルそれぞれをちょこちょこいじっていったわけです。たとえば、一番右のサイドバーの一番上にフィードボタンを付け足す、コメント欄の「お名前」などを英語から日本語にするなど。英語を日本語にするのは書き直して保存すればよいので楽チンですが、動的に生成する部分(たとえばサイドバーにある「最新の投稿」など)はphpコードで書かれた部分をそれなりに破綻しないようにコピー&ペーストしなければならないので、試行錯誤しつつやりました。なおこのテーマアレンジの基本的な部分に関しては「WordPress テーマの詳説：第一章」以降が参考になるでしょう。また、最近ではこうして直接phpファイルをいじらなくて済む「ウィジェット」というアレンジ方法も使われているようです。

6. 続きはこちら。

1. 間違ってたらごめんなさい。年間800円程度です。とは言え、無料のブログサービスでも(お名前).(ブログサービス名).jpみたいになるところも多いですね。ついでに、WordPressを用いたブログサービス、Press9もあるようです。 [戻る]
2. 詳しいことわかってないので間違ってたらごめんなさい。 [戻る]
3. どうでもいいですがアソシエイトって”associate”ですよね。”AsociateHelper”は固有名なのでそのまま使っています。 [戻る]