Labrid WP

最近、お問い合わせフォームからのスパムメールが届くようになったので、これの対策を施すことにしました。

Labrid WP では、Contact Form 7 というフォームプラグインを使っています。
このプラグインは Akismet のスパムフィルター機能を利用できます。

Akismet は、Wordpress に標準装備されている強力なスパムフィルタープラグインです。
まずはこれを有効にします。
※Akismet を有効にするには、WordPress.com で取得できる API キーが必要です。WordPress.com のアカウントをまだ持っていなければ WordPress.com で取得することができます。

次に、Contact Form 7 のフォーム作成画面（ツール＞Contact Form 7）で、フォームの「名前」「メールアドレス」「URL」の入力項目に、それぞれ以下の Akismet オプションを追記します。

• 名前→ akismet:author
  例: [text* your-name akismet:author]
• メールアドレス→ akismet:author_email
  例: [email* your-email akismet:author_email]
• URL→ akismet:author_url
  例: [text your-url akismet:author_url]

※初期入力オプションを設定してある場合、そのオプションより前に上記 Akismetオプションを記述しないと、フォームタグが有効に認識されずそのまま出力されてしまうので注意。

設定が終わったら、このオプションが正常に働いているかテストします。
名前欄に『viagra-test-123』（必ず Akismet にスパムとして補足される名前）と入力して送信すると・・・

このようなメッセージが出て、送信できませんでした。

これでメールフォームのスパム対策完了です。
今後は問合せフォームからのメールの内容を見て、本当にスパムかどうか、削除してよいかどうかと悩まずに済む事でしょう

Wordpressサイトの制作開始から公開までのフローを、最も少ない手順で実現できる方法を考えてみました。

Wordpressには、Wordpress本体のインストールURLと異なる公開URLを設定できる機能があるので、これを利用しています。 (続きを読む…)

WordpressをCMSとして運用する場合、主要なコンテンツは「ページ」機能を使います。
ページコンテンツへのナビゲーションは、専用に用意されたタグで表示することができます。

ここで問題が。ナビゲーションを分割したい場合はどうするのでしょう？
たいていのホームページでは、ナビゲーションは複数の箇所に分割表示します。
ノーマルな Wordpress ではページ用のナビゲーションを分割表示できません。
※テンプレートに直にソースを記述する事で対応できますが、管理画面から管理できないのでCMSとは言えなくなってしまいます。

これを解決してくれるのが “NAVT (WordPress Navigation Tool)” プラグインです。
とても高機能なナビゲーションカスタマイズプラグインで、ページ系コンテンツに限らず、Wordpress の全てのナビゲーションを自在にカスタマイズする事ができます。 (続きを読む…)

今まで別々に運営していた
Labrid – http://labrid.jp/
Labrid WP – http://labrid.jp/wp/
を統合しました。
なので、別々に出力していた sitemap.xml も統合したい！
というのが今回の記事の趣旨です。

理由は「気持ち悪いから」

今日ふと、robots.txt に sitemap.xml の存在を明示させようと思いつき、実行しました。
複数の sitemap を複数行の Sitemap: URL の形式で記述しました。
この記述内容を Google ウェブマスターツールの「運用ツール＞robots.txt を解析」でテストしてみたところ、Labrid – http://labrid.jp/ の sitemap.xml しか認識しません。

実際のところ、Labrid WP の sitemap.xml もクロールされ、ウェブマスターツールでも認識されているので問題はないのですが、なんとなく気持ち悪いので、この機会に2つの sitemap.xml を統合することにしました。
A型丸出しです。 (続きを読む…)

Google Maps 投稿の実験コンテンツ「仙台のちょっといいとこ」のカテゴリ一覧表示をカスタマイズしてみました。

せっかくの Google Maps、カテゴリ一覧にもちょっと一工夫欲しいですよね。
「仙台のちょっといいとこ」では、StreetView も表示させているので、デフォルトのカテゴリ一覧に本文も表示させる仕様では、重いことこの上なしです。

LabridWP では、Google Maps 投稿・表示に Google Maps Anywhere プラグインを使っています。
※GoogleMaps系プラグインではイチオシ。簡単投稿が便利すぎです。 (続きを読む…)

jQueryアニメ＆エフェクト合わせ技で画像を拡大｜ASCII.jp

jQueryでちょっと小粋なアニメエフェクトを追加するテクニックが紹介されています。

流行の lightbox（Labrid WP でも使っている、画像をクリックすると周囲が暗くなり画像だけが画面中央にハイライト拡大表示されるエフェクト）もいいですが、猫も杓子も・・・的なところがあります。
こういったエフェクトをオリジナルに付け加えられる技術はぜひ持っておきたいところです。

jQuery 関連情報

• jQuery 1.3.2 日本語リファレンス
• jQueryサンプル集 | DesignWalker
• All About：タグ「jQuery」の記事一覧

ホームページを簡単にキャプチャ（Flash 対応）できる Firefox プラグイン「FireShot」を導入！

先日、「PICNICイイ！」と紹介したばかりですが、やはりWeb上のサービスだけに重い。
あと、Flashがキャプチャできないのが痛い。
今時のちょっと凝ったホームページは、たいていトップにFlashを使っているので。

そこで、Flashもキャプチャできる別のツールを探していたところ、この FireShot を発見。

特徴は、とにかく非常に高機能。
各種設定もかゆいところに手が届く仕様。
いろいろ設定を工夫して、ボタンを押すと、Cool Design に投稿するのにちょうどいいサイズ・形式で保存できるようにしました。便利！

高機能さにびっくりしているけど、実はこれはフリー版で、さらに有料のプロ版も用意されているという。
思わず、どんだけーとか口にしちゃうレベル。スゴイ。

TPO で PICNIC と FireShot を使い分けていこうと思うけど、いつのまにか FireShot だけ使ってることになってそうです。

うまく解説してくれているサイトを探していたら、あのカスタムフィールド拡張プラグインを配布されているかたつむりくんのWWWに再会してしまうこの奇遇。
・・・いつもお世話になっておりますwww
でもあちらはほぼ1年前のエントリーという・・・

• キャプチャした画像にコメントを書き込めるFirefoxアドオン – FireShot

カスタムフィールドとは？

カスタムフィールドとは、投稿記事に情報（メタデータ）を付加できる機能です。

• Wordpress Codex 日本語版：カスタムフィールドの使い方

これを使うと、例えば、本文とは別に投稿記事に「タイトル」「URL」「評価」「コメント」「キャプチャ画像」を登録して、投稿者がレイアウトを毎回調整することなく、定型のレイアウト（テンプレート）を利用して投稿することができるようになります。

この例の投稿機能の拡張を、カスタムフィールドを使って実装する方法を説明します。
(続きを読む…)

アクセス解析に、Google Analytics を利用していましたが、これだけではリアルタイムな解析はできない。
もっと Spider の巡回状況とかそういう生々しいデータも見たい、と思い、WebTecNote さんのこちらの記事を参考に、WassUp というプラグインを導入してみました。

• [WP]wordpressアクセス解析プラグインメモ

そこまでするか！ってくらい詳細にアクセス解析結果を報告してくれるプラグイン。
スパムや検索エンジンのアクセスまでしっかり報告してくれるのはこの紹介の中ではWassUpだけです。
しっかりしすぎてるだけにデータベースを結構食いますが、保存容量等は設定で変えれる。

どうやら本当に詳細です。
が、なんといっても公開して数日のこのサイトのこと。
プラグインを導入して数時間、自分のアクセスを除外したら、残ったログはSPIDER のみ。
「Too few records to print chart…：レコードが少なすぎて、チャートを表示できません。」
・・・しばらく様子を見ます。

先日、お問い合わせページを編集してみて実感。
このプラグイン「Contact Form 7」が便利すぎます。

フォームの制作は、いろいろと面倒なのですが、その面倒なもろもろをバックグラウンドで全てプラグインがやってくれます。

管理者は、HTMLタグなど意識することなく、Contact Form 7 の設定画面で、項目を設定。
自動でできあがった専用タグを、ソースエディタ部分にコピペしていくだけ。

といっても、WEB制作の中身をあまり知らない方にとっては、十分に面倒かもしれませんが

フォームからの送信先は複数指定可能。
自分と送信してくれた方に、同時送信したい、という要望にも応えられます。

ここで設定したフォームは、通常の投稿記事やPageにも簡単に埋め込み可能。
この機能も、問い合わせを多くもらいたい場合には非常に便利。

ただし、エラー出力／送信完了は、ページ遷移をせず、AJAXで同一画面上に出力されるので、「問い合わせ完了画面を Google Analytics の目標対象ページにしたい」といった場合は不便です。
エラー＆未入力項目の指摘は、このAJAX方式は非常にわかりやすくていいんですけどね。

Wordpressのデータベースをバックアップするプラグイン WP-DBManager を導入しました。
phpMyAdmin などを使わなくても、データベースのバックアップ・レストアが視覚的に簡単に行えます。
自動バックアップ、バックアップデータを指定したメールアドレスへ自動送信、も可能。

• WP-DBManager

日本語版もありますが、英語版で十分。

バックアップ作業は、忙しいとついさぼりがちになってしまいますが、これで自動化させておけば安心ですね。

余談ですが、このサーバーでは契約上、DBは１個のみなので、他のプログラムでも共用しています。
それらのデータも一緒にバックアップしてくれるので、一石二鳥です。

Google ウェブマスターツールや、Yahoo! サイトエクスプローラーに登録可能な sitemap.xml を自動生成できるプラグイン

Google XML Sitemap generator

を導入しました。

CMS やブログのように、日々ページが増えていくようなサイトで、sitemap.xml を活用するには、自動生成機能は必須、というわけで、このプラグインは必須ですね。

導入はカンタン。上記リンクから落として、FTPでプラグインフォルダにアップしてもいいし、管理画面の「プラグイン」＞「新規追加」から検索して、直接インストール（FTP情報を登録している場合）してもいいでしょう。

インストール後、有効化したら、「設定」＞「XML – Sitemap」の画面で、「Build」で、sitemap.xml が生成されます。

※風の噂では、一度、FTPでカラの sitemap.xml をアップして権限を666に設定する必要が〜・・とありましたが、Labrid WP ではそういった操作は必要なく、ただ「Build」するだけでいけました。「Rebuild」も試しましたが無問題です。

sitemap.xml の生成が完了したら、これを Google / Yahoo! のインデックス登録サービスに登録しなければ意味がありません。

• Google ウェブマスターツール
• Yahoo! サイトエクスプローラー

※巷の情報では、米Yahoo! – yahoo.com のYahoo! Site Explorer に登録するように書かれているところがほとんどでしたが、日Yahoo! – yahoo.co.jp のインデックスに登録されたかった私は、日版の方に登録しました。
YST は共通だと思うのですが、念のため。

管理画面にある Application ID は日版で取得したのを入れましたが・・
これでいいのでしょうか？？
yahoo.com のIDも持っているので、素直でそちらで登録すべきだったかもしれません。

追記：
今、Google ウェブマスターツールを確認したところ、robots.txt が取得できないとエラーを吐いていたので、管理画面の「Add sitemap URL to the virtual robots.txt file.」のチェックを外しました。

Wordpress の投稿画面のリッチエディタをよりリッチにするプラグイン

TinyMCE Advanced

を導入してみました。

他のTinyMCE系プラグインは、導入がいろいろと面倒なのですが、これはプラグインフォルダにアップして有効化するだけ。
あとは設定から、各種機能のボタンをドラッグ＆ドロップで追加・削除・並べ替えするだけと、とてもお手軽です。

デフォルトでは、使わないボタン無駄に並んでいて、微妙な存在だったリッチエディタが、このプラグインの導入で生まれ変わりました。
自分が必要なボタンだけを残して、あとは削除できるので、エディタ画面がすっきり。
デフォルトではなかったテーブル挿入機能もあります。

顧客向けにカスタマイズする時も、顧客に使わせたくない機能を予め削除しておく事ができるので、機能強化という意味以外でも使う価値のあるプラグインです。

ただ、一番の目的が、独自に設定したクラスをリッチエディタに取込むことだったのに、この機能を有効にすると、エディタ画面全体が中央揃えになってしまう。。

おそらく、テーマのスタイルシートにおかしな設定があるんでしょうね。

徐々に見直しつつ、使い勝手をよくしていきます。

Wordpress をメールから投稿できるようにするプラグイン Ktai Entry を導入。

このプラグインを使うには、メール投稿専用のメールアドレスを新しく作る必要あり。
このメールアドレスに届いたメールが、自動で Wordpress に投稿されるようなるので、メールアドレスが周囲に漏れないよう厳重な注意が必要。

メールアドレスを作成後、管理画面の「設定」の「投稿設定」から、投稿用メールアドレスのPOP3メールサーバーの設定を行い、新たに追加された「メール投稿」から、投稿用メールアドレス、読み込み間隔、投稿テンプレートを設定。

Ktai Style?の導入によって、絵文字の表示にも対応。（PC では iモード絵文字のみ対応）

メール投稿では、日本語の取り扱いの関係上、国産プラグイン以外選択肢はないなか、すばらしいプラグインを開発していただいた開発者さんに感謝。

絵文字対応の対象に Willcom まで入れていただいているところにさらにグッときました。

Wordepress のプラグイン、 My Category Order プラグインを導入しました。

Wordpress は、デフォルトではカテゴリーの順番を思い通りに並べることができません。
これを、自在に並べ替えることができるようにするプラグインです。

これを導入すると、管理画面の「投稿」に「My Category Order」が現れます。
これを開き、並んでいるカテゴリーをドラッグ＆ドロップで並び替えると、カテゴリーの順番を変更できます。?

注意するのは、ウィジェットの「カテゴリー」には、この変更が反映されないので、「カテゴリー」ウィジェットは削除し、代わりに「My Category Order」ウィジェットを挿入すること。
ウィジェットを使わない場合は、カテゴリーを呼び出すタグ部分を
wp_list_categories('orderby=order')
のようすると、変更が反映されたカテゴリーメニューを表示できます。

カテゴリーの順番を変更する必要がある場合は（ほとんどの場合、そうだと思いますが）、必須のプラグインでしょう。