WordPressが2.7.1にアップデートされました。５７個のバグフィックスと１１個の機能改善が含まれています。

WordPress trac – 英語

WordPress 2.7.1 Update

WordPress のダッシュボードにアップデートの案内が表示されます。

WordPress 2.7.1 Update

クリックすると自動でアップデートできるようです。

WordPress 2.7.1 Update

約１０秒でWordPressのアップデートが完了します。

WordPress 2.7.1 Update

WordPress ってほんと便利ですね。

と思ったら、カスタマイズしたデフォルトテンプレートが元にもどってしまいました。

WordPress 2.7.1 Update

これは想定外だ・・・まいった。バックアップとってなかった。

WordPressで関連した投稿を自動表示するプラグインを探していました。完全な自動だと精度が高くないので、タグでコントロールできるものが望ましかったのです。

いくつか試した結果、Design Walker で紹介されていた Similar Posts が一番よかったので紹介します。
(続きを読む…)

WordPress 用の Google Map プラグインを探していたところ、これというのがなかなか見つからなかったのですが、ついにすばらしいプラグインを見つけましたのでご紹介します。しかも日本語です（これ大事）

Google Maps Anywhere – WordPress Plugins/JSeries

Google Maps Anywhere - WordPress プラグイン

上記のサイトから、あらかじめ zip ファイルをダウンロードしておきます。解凍する必要はありません。

WordPress のメニューから、プラグインの新規追加を選択します。

Google Maps Anywhere - WordPress プラグイン

いつものキーワードでの検索ではなくて、ファイルを選択ボタンで先ほどダウンロードしたファイルを選びます。

ファイルを選択したら、いますぐインストールを押します。

Google Maps Anywhere - WordPress プラグイン

インストールが終わったら、プラグインを有効化します。

Google Maps Anywhere - WordPress プラグイン

プラグイン管理でグリーンの欄に表示されれば成功です。

Google Maps Anywhere - WordPressプラグイン

次に、Google Maps API キーを取得します。

Sign Up for the Google Maps API

Sign Up for the Google Maps API

ページをスクロールすると、一番下に利用規約のチェックと、ホームページの URL を入力する欄があります。入力したら API キーの生成ボタンを押します。

Login - Google Account

Google アカウントでログインが必要です。もし、Google アカウントを持っていない人はこの機会にアカウントを作りましょう。いろいろと使い道がありますが、アカウント名は Gmail 用だと思って作ると良いでしょう。

Google Maps API キー

一番上に Google Maps API key が表示されますので、コピーします。
Google Maps API key は URL ごとに発行が必要です。この URL 以下のフォルダにあるページなら何度でも使えます。

WordPress の新規投稿で、メディア用のアイコンがひとつ増えています。

Google Maps Anywhere - WordPress プラグイン

Google マップを追加、というアイコンをクリックすると、先ほどの Google Maps API キーを入力するウィンドウが表示されます。

Google Maps Anywhere - WordPress プラグイン

長いキーなので注意深くコピーしてください。キーが正しくないと地図が表示されません。

入力して、設定を更新するボタンを押すと、キーが表示されます。表示されたら、左上の Google マップというタブをクリックしましょう。

Google Maps Anywhere - WordPress プラグイン

日本地図が表示されれば、Google Maps API キーが正しく入力されています。地図が表示されなければ、オプションタブでもう一度確認しましょう。

地図の上に 地図を検索 というフォームがありますので、ここで目的の場所を検索します。

Google Maps Anywhere - WordPress プラグイン

住所などを入力して地図を表示したい場所を検索します。拡大縮小や位置の微調整などは、地図上でダイレクトに変更してください。結果をきちんと保存してくれます。（すばらしすぎる）

記事に表示する地図のサイズは、手作業で入力しておきます。100% や 400px などの指定ができます。必ず単位を入力してください。100 などの数字だけだと反映されません。一度指定すれば次回からは保存されていますので、手間がありません。（これも素晴らしい）

緯度や経度などは変更する必要はありませんので、そのままでＯＫです。カスタムフィールドもここでは使いません。

Google Maps Anywhere - WordPress プラグイン

投稿に挿入、というボタンを押すと、投稿にタグが埋め込まれます。

Google Maps Anywhere - WordPress プラグイン

実際に表示される地図がこちらです。

[googlemap lat="35.693439" lng="139.749859" width="480px" height="360px" zoom="17" type="G_NORMAL_MAP"]日本武道館[/googlemap]

同様にストリートビューも表示できます。

[googlemap lat="35.6931" lng="139.749192" yaw="69.57402169933562" pitch="-13.657057223533688" zoom="0" width="480px" height="360px" type="STREETVIEW"]日本武道館[/googlemap]

このとおり！

作ってくださった作者の方、すばらしいプラグインをありがとうございます。

WordPress でも Lightbox 2.0 はプラグインを利用することで簡単に実現できます。

こんな感じです。

Lightbox 2.0 プラグイン - WordPress

WordPress のメニューのプラグインから、新規追加を選びます。

Lightbox 2.0 プラグイン - WordPress

一覧から Lightbox 2 というプラグインを選び、インストールします。

Lightbox 2.0 プラグイン - WordPress

インストール後、有効にします。

Lightbox 2.0 プラグイン - WordPress

使用中のプラグインに Lightbox 2 があれば完了です。

Lightbox 2.0 プラグイン - WordPress

特に設定などはありません。すぐ動き始めます。

blog のデザインを変えました。WordPress のデフォルトテンプレートはとても気に入っていたのですが、やはりオリジナリティとインパクトがほしくなったので、ビジュアルを入れてみました。

旧デザイン - nekohacks

新デザイン - nekohacks

WordPress はテーマ（デザインテンプレート）もいろいろありそうなので、それも魅力的だったのですが、デフォルトテンプレートのシンプルさも気に入っているのと、SEOがなかなか優秀なので、これをベースにすることにします。

さて、そろそろレンタルサーバや WordPress はこのくらいにして、本題に入りたいと思います（笑）

WordPress にはデザインを変更するテーマの他に、ウィジェットというパーツがあります。テーマ、ウィジェット、プラグインなどがダウンロードで追加できるようになっているので、プログラムやテンプレートを修正できない人でも、ある程度までは簡単にデザインをカスタマイズできます。

ウィジェットを使って、トップページの右側に表示されているメニュー部分を自由な内容に変えてみます。

WordPress のデフォルトテンプレートはとても気に入っているのですが、右側に最近の投稿が表示されていないことと、各記事のページにメニュー部がまったくないことが気になっています。

まずは、トップページの右側をウィジェットを使って修正しましょう。

外観メニューのウィジェットを選びます。

ウィジェットの設定 - WordPress

デフォルトで入っているウィジェットが並んでいますので、好きなものを追加します。私は「ページ」「最近の投稿」「カテゴリー」「タグクラウド」を選びました。追加すると右側に出ますので、マウスでドラッグアンドドロップすることで直接並び方を変えられます。

ウィジェットの設定 - WordPress

編集を押すと細かい設定ができますので、いろいろやってみてください。また、新しいウィジェットをダウンロードしてインストールすることもできます。良い物がみつかったらまた紹介します。

私のブログは分かりやすくするためにスクリーンショットを多用します。

見る人がいちいちクリックして拡大するのも面倒だとおもうので、最初は 400×300 ピクセルに縮小したものを使っていいました。しかし、やはり文字がつぶれてしまうのでクリックしたら拡大するようにしたのですが、WordPress が 300×225 にしか縮小してくれないので、Google で検索してみると、プログラムを直接変更する方法や、プラグインなどの記事がありました。

プログラムのソースはできるだけいじりたくないので、プラグインを試しましたが、使い勝手が良くないのでどうしようか迷っていました。

ところが、ちゃんと自由な大きさにする機能がありました（笑）

設定メニューのメディアを選びます。

サムネイルサイズの設定 - WordPress

私はいまのテンプレートで 400×300 ピクセルが丁度いいので、中サイズをそれに設定しました。いずれデザインを変更したら、また変えると思います。

サムネイルサイズの設定 - WordPress

画像のアップロード画面の、リンク URL のところで、ファイルのURLというボタンを押すと、原寸大ファイルへのリンクが張られます。一度押しておけば、毎回押さなくてもよいので便利ですね。

こういった細かい気が使われていることが、WordPress の人気なのでしょうね。オープンソースは自分が使うために作られているので、使い勝手に対する改善は目を見張るものがあります。商用ソフトのほうが、仕事としてプログラムを作っている場合が多いので、こういう細かい気づかいがないかもしれません。

ここに「角を丸くする」があるとうれしいのですが（笑）

パーマリンクとは、投稿した記事のURLのことです。

WordPress のデフォルトでは、「ブログURL/?p=数字」となっていますが、これをパーマリンク設定で変更することができます。「ディレクトリ/記事名.html」形式のほうが分かりやすいと思うからです。

サーバーに mod_rewrite モジュールが入っていれば、上記のような URL に変更することができます。さくらのレンタルサーバを選んだひとつの理由です。
(続きを読む…)

WordPress にはカテゴリーとタグの二つの分類方法があります。このふたつは似ているので、両方はいらない気もしてしまいますが、私は両方使っています。

カテゴリーは体系だててコンテンツを分類するのに使います。メニューだと考えてつくりましょう。

まずはカテゴリーの作り方を説明します。

投稿メニューからカテゴリーを選びます。

カテゴリーの設定 - WordPress

カテゴリー名は日本語が使えるので、わかりやすいものを設定します。

カテゴリースラッグは、日本語も使えるのですが、あとでパーマリンクを設定するときに URL に日本語が混ざってしまうので半角英数で設定します。

URL に日本語が混ざると、エンコードというのが行われ、日本語が暗号のような長い英数字に変換されてしまうことがあります。これだと URL が長くなって使い勝手が悪く、問題がでることも多いので、あらかじめ半角英数にしておいたほうが良いです。

また、URL の文字も Google は検索対象とします。Google は日本語の検索キーワードを英語に変換して一致をみたりもしているようですので、英訳できるものは正しいスペルにしておいたほうがいい気がします。まあ長くならない程度で。

つぎにタグです。

タグは体系を無視して、横断的に検索しやすいようにキーワードを設定するのに使います。検索用と考えましょう。

私はあとで、関連する記事を自動的にピックアップするのにも使います。それをするとサイト内の回遊性が高まり、ページビューが上がるからです。

分類整理する、という考えは捨てて、投稿時に関連するキーワードを雑多に付けてかまわないと思います。投稿時につけることになるので、時々タグスラッグを修正してやることになります。

タグの設定 - WordPress