ezorisu-web

このサイトを作成するときに参考にした書籍を紹介します。

WordPress標準ガイドブック―導入&基本操作からフルチューンまで

posted with amazlet at 09.01.28

マクラケン 直子 WordPress Japan
毎日コミュニケーションズ
売り上げランキング: 68207

Amazon.co.jp で詳細を見る

WordPressを使ってみようと思って、最初に買った参考書です。WordPressはMovable Typeに比べて、解説本が少ないですが書店でいろいろ見比べながらわかりやすそうだったので購入しました。大正解。導入からカスタマイズまでこれ1冊でほぼ足りてしまうくらいで、説明も丁寧です。
cssをいじったことがあるくらいの人で（私です）少し試してみようかなという場合には最適だと思います。

この本を読みながら（もちろん他にもいろいろ参考にさせていただいた本やサイトはたくさんありますが…）こうかな？どうだろ？と試行錯誤しながら作ったのがこのサイトなわけです。

残念ながら私の手元にあるこの本は、2007年7月発行で対応しているのは古いバージョンです。中身的には問題なく使えると思いますが…
どちらにしても最新版が書籍で出る頃にはWordPressのバージョンもさらに上がっていたりするので、最新情報はネットで追いかけることになりますけどね。

解説本2冊目は、

WordPressサイト構築スタイルブック―デザイナーのためのテンプレートタグリファレンス+サイトデザインテクニック

posted with amazlet at 09.01.28

エ・ビスコム・テック・ラボ
毎日コミュニケーションズ
売り上げランキング: 4061

Amazon.co.jp で詳細を見る

こちらは、テンプレートタグの解説と、WordPressを使ってブログ以外にウェブサイト（ホームページ）を作成するための解説がたいへん役にたちました。参考例がたくさん載っていてわかりやすいです。この2冊があれば、ひととおり自分でWordPressを導入して自分のオリジナルブログを作るところくらいまで出来ると思います。ただしこれらの本にはcssについての説明は載ってませんので、オリジナルのテーマをデザインするには、別途cssの勉強も必要。

単純に、WordPressでブログをはじめたい人は、「WordPress標準ガイドブック」だけあれば十分じゃないかな。

WordPressのアップグレードってけっこう面倒くさい。バックアップを確認したり、ファイルのあれとこれを入れ替えて、でもこっちとそれは消しちゃダメよとか。
それでついつい先送りしちゃうんだよね。
そうは言っても、古いバージョンを使い続けるわけにもいかない。
どんどん使い勝手も良くなるし、いろんな機能も増えてくる。セキュリティ上も古いままでは問題あるし。
仕事の手も少しあいたので、「エイ、ヤッ」と2.7にアップグレードしました。
WordPress 2.7 の新機能で気になっていたのはこれ

皆さんが自分や友達のブログをアップグレードするのにどれだけうんざりしているかを聞いて、最新版が公開されたら自動的に通知する機能とビルドインアップグレード機能を組み込みました。これで、準備ができたらクリック一つで自動的にファイルをダウンロードし、インストールし、アップグレードすることができるようになりました。

WordPress｜日本語 のブログ記事「WordPress 2.7”コルトレーン”」より

2.7ではいろんな新機能があるんだけど、これを読んでアップグレードしなきゃと思いました。次のバージョンからは、簡単にアップグレードできそうだって。

アップグレードの手順は、WordPressのサイトの「WordPress のアップグレード/詳細」に載ってる通り。
まだ、ざっと見まわしただけだけど、ダッシュボードもだいぶ洗練されてきた感じです。

WordPress（2.7）の投稿作成画面は、「ビジュアル」と「HTML」の２種類あります。
ごくごく普通の写真と文章で構成されたブログだと「ビジュアル」を使えばほぼ見た目通りに出来上がると思います。ところが、ちょっと複雑な構成にしたいなと思って、「HTML」で書き込んでから確認するために「ビジュアル」画面に移り、もう一度「HTML」に戻ったりしていると、段落やら改行が思わぬところで入って、とんでもないことになってしまいます。
そもそも「HTML」とうたいながらも画面上で改行したり１行あけて書いたりすると、ご親切にも<p>や<br>を自動的に入れてくれる。
せっかく「HTML」といってるんだから、そこまでしてくれなくてもいいのに。特にcodeタグなんか書いていると、全然思ったように表示してくれなくて、</code>の位置が勝手に動いてしまったり、どうしたもんだろうと思ってました。

で、わからないときは即Google。
やっぱり同じように不便を感じていて、しかも対策まで考えてくれてる人がいました。
Masaさんという方が「WordPressのエディタとの付き合い方」という記事を書いています。
WordPressのソースの改造など、この辺になると私にはちんぷんかんぷんですが、wp-includesのdefault-filters.phpをちょいといじるとpタグやbrタグの挿入を完全に停止できるみたいです。書いてあるとおりにやってみました。

具体的には、wp-includesのdefault-filters.phpを開いて、

PHPadd_filter('the_content', 'wpautop');
add_filter('the_excerpt', 'wpautop');

という2箇所を検索して探し出し、頭に「 // 」を書き込んでコメントとして無効化してやる。
こんな感じ ↓

PHP// add_filter('the_content', 'wpautop');
// add_filter('the_excerpt', 'wpautop');

もともとエディタでpタグやbrタグを書込みながら記事を作成して、それを投稿作成画面に貼り付けていたので、この方がやりやすい。感謝、感謝です。

あ、それから管理画面の「ユーザー」タグでユーザー名をクリックし、プロフィールと個人設定画面でビジュアルエディタを使用する、しないを選べます。最初からビジュアルエディタがいらない人は、チェックを外しておけばいいです。

Theme Name: applemint (BETA) version: 0.01
固定幅、2コラム、ウィジェット対応。

WordPress 用のフリーテーマです。まだ、テストバージョンです。お気づきの点がございましたら、指摘していただけるとありがたいです。
MacのFirefox をメインに、Safari、Opera、WindowsのFirefox、Safari、IE6、IE7 で表示テストをしています。IEに関しては、ほんの少しだけ細かいデザインが変わっていますが、気にならない程度だと思っています。IE5.5 以下および Mac 版 IE は、対象外です。

ヘッダーは、数年前に富良野へ行ったときに写した写真です。ラベンダー以外でもいろんな種類の花畑がたくさんあって、とてもきれいです。とはいえ、アップで撮った写真では、富良野だかどこだかわかりませんね。

Theme Name: ivy (BETA) version: 0.01
固定幅、3コラム、ウィジェット対応。

WordPress 用のフリーテーマです。まだ、テストバージョンです。お気づきの点がございましたら、指摘していただけるとありがたいです。
MacのFirefox をメインに、Safari、Opera、WindowsのFirefox、Safari、IE6、IE7 で表示テストをしています。IEに関しては、一部透過している影が付かないとか、丸めたコーナーが四角いままなど細かいデザインが変わっていますが、基本的には大きく表示が崩れない程度にはなっています。IE5.5 以下および Mac 版 IE は、対象外です。Safari でもコメント欄で一部表示が崩れているところがあります。

なにはともあれ、WordPressをダウンロードするところから始まります。

場所は、WordPress 日本語ローカルサイト。最新版をダウンロードしましょう。

ちょっと前までは、日本語版としてWordPressMEという種類があったそうですが、開発元が閉鎖されています。古い情報を読んでると混乱しそうですが、現在はWordPress 日本語ローカルサイトに置いてあるWordPress日本語版が最新のものです。2008年8月現在は、バージョンが2.6になっています。

日本語ローカルサイトの「日本語ドキュメント」をクリックすると、WordPress Codex 日本語版に飛びます。設定や使い方などを解説してくれています。

解説はしてくれてるんだけど、読むとなんだか難しそう。

私の場合は、レンタルサーバーにロリポップを使っていますが、ユーザー専用ページのマニュアルの中にWordPressの設置方法がちゃんと書いてありました。それに従って設定していくと、あっという間に完成。ほんとに5分で終わってしまいます。

お使いのレンタルサーバーに設置方法が書いてないか探してみた方が、早いかもしれません。

2ヶ月ほど前に初めてWordPressをダウンロードしてみました。

今までは、Movable Typeでブログを作っていました。

個人のブログをデザインする分には、XHTMLやCSSをいじるだけなので、なんてことはないのですが、いざ新しいテーマを作って公開しようかなと思うと、標準仕様に合わせる手間がなかなか面倒くさくて躊躇していました。

そこで目にとまったのが、WordPressです。テーマの導入も簡単そうでしたし、日本の外ではすでにブログツールのスタンダードらしいじゃないですか。

確かに、検索してみるとWordPressのフリーテーマはたくさん公開されているようです。

何よりも個人や商業使用を問わず、「Free」で使えるところが気に入りました。

というわけで、さっそくWordPressで作成したのでがこのサイトです。

テーマファイルは、PHP、CSS、イメージファイルなどで構成されていまが、PHPは初めてでした。こんな時こそインターネットの情報は役に立ちます。WordPressのわかりやすい解説書も出ていますので、やる気があればなんとかなるものです。

一応、私は意匠系の人間なのでテーマをデザインする上で使っているツールとか参考にさせていただいたサイトや書籍など、どうやったらやりたいデザインを実現できるかを中心にこれから書いていきたいなと思っています。

現時点では、このサイトは制作過程の実験的な要素もあり、ころっとデザインが変わったりするかもしれませんが、気にしないでください。

そのうちフリーのテーマもぼちぼち公開していくつもりです。