ついにこの「WordPressカスタマイズメモ」が、ようやく「WordPress」で稼働し始めました。“メモ”用に始めたとはいえ、「WordPress」のことを「Seesaa」ブログに書いていることに軽い罪悪感？や恥ずかしさを覚えつつここまできました。。。（いや、シーサーブログは全然悪くないし、嫌いじゃない）

これからはこのブログ自体を実験場としてあれこれ試してみたいと思っていますのでこれからもおつきあいの程よろしくお願いいたします<(_ _)>

—

さて。使用しているWPのバージョンは2.6です。

ケータイサイトも「Ktai Style」を使わさせていただきました。とりあえず“入れただけ”の状態でまだ確認もしてないのですが。

広告類はウィジェットとページ機能で管理し、PHPのmt_rand関数でランダムに表示しています。Googleアドセンスは記事数・文字数に応じて表示/非表示を変えるようにしてあります（一部調整中）。

jQueryも遅ればせながら一部に使ってみました。カテゴリなど一覧表示した際に、青い三角のボタンをクリックすると本文（more以前）をページのリロードなしでスライド表示します。カテゴリ表示や検索時は、より一覧性を高めるために本文は畳まれていたほうが良いのでは？と考え、jQueryを使ってみました。が、実装の仕方がスマートじゃないのだろうけど、遅い回線orパソで表示すると一旦本文が表示されたのち隠すのが見えてしまいます（汗　直したいです。

タグ類がおかしなことになっています。「アクセス」なんてタグは付けた覚えはありませんが、これはSeesaaからエクスポートされるMT形式のログの「KEYWORD:」という項目に入っていた内容です。てっきりこれがSeesaa上のタグかと思いきや、本文から自動抽出された（広告表示などにも使われている）データなのです。Seesaaにも問い合わせましたが「仕様であり今のところ変更の予定はない」とのことでした。残念。追って調整していきます。

今後、ブログ内の画像を自動抽出＆記事へリンクや、Flash＋WP管理によるフォトギャラリーのオリジナルプラグインも使用してみたいと思います。

デザイン面では、あらためてリキッドデザインを勉強しなおして「固定幅ダブルサイドバー＋フレキシブルなセンター」さらに最大幅1200pxをmax-widthで設定してみました。min-widthは設定してありません。極力どんな画面サイズ＆文字サイズでもレイアウト崩れが最小限になるようがんばってみましたが、いかがなものでしょうか。

個別記事の古いSeesaaのURLは、.htaccessでリダイレクトするようにしました。feedのURLもリダイレクト設定しましたがAppleの「Mail」では登録時にエラーが出て古いURLは登録できませんでした。不具合が出ていたら申し訳ありません。。

—

移行したばかりのため、リンクエラーやその他不具合が出てご迷惑をお掛けするかもしれませんが、お気づきの点があればコメントしていただければ幸いです。

『WordPress2.5でつくる！最強のブログサイト』田中広将・志村俊朗 共著／ソーテック社

まず、内容が幅広い上に、初心者にもわかりやすい解説。
（順不同）

・ドメイン取得からDNSの設定
・インストール、画面構成の解説
・テーマとプラグインの基本
・テキストエディタの選び方、文字コードの問題
・CSSの書き方
・メール投稿で文字化けする原因
・携帯からの投稿
・PHPの基本
　～関数のしくみ
　～ループの動作解説（for、if～else）
　～変数、配列の解説
・XAMPPを使ったローカルPCにWPを構築する方法
・phpMyAdminでのバックアップ
・WordPressを取り巻く環境、動作原理

など、これ１冊あればインストールからPHPでの拡張までWordPressに関することがひととおり理解できるのではないでしょうか。要所要所で有益なプラグインも紹介されています。

中級者以上には、プラグインの作成方法の解説もあります。

・フィルター、アクション、ショートコードの原理、開発のコツのようなetc.

他に

・poEditでのプラグインの翻訳
・PHPエラーのトラブルシューティング

なども。こういったことが、初心者にもわかるように丁寧な文章で解説されている印象です。中級者以上にも有益だと思います。WordPress 2.6がすでに出ていますが、基本的な構造は同じですので十分に役立つと思います。

今週末は自力でのプラグイン作成に挑戦してみようか？！とモチベーションが高まっているところです。

■対象：
WordPress.com（ブログサービス）
または
WP 2.5.1以上

『WordPress for iPhone』 WordPress Publisher Blog（2008/7/22）

■スナップショット：

　
■できること：

複数のWPサイトを管理できる。
写真も添付できる。
カメラで撮影、即添付（App内で完結）。
投稿前にプレビューできる（Safariなのでほぼそのまま）。
投稿日、タグ、カテゴリが設定できる。

■注意：
WP本体側で、XML-RPC経由での投稿を受け付けるようにしておく。

　管理画面＞設定＞XML-RPC

にチェックを入れる。

■（ちょっとだけ）触ってみて：

スムーズに投稿できます。写真貼付して「Save」したら記事が投稿されてしまいましたが、たぶん「Done」というボタンがあってそっちを押すべきだったんですね。これは慣れかな。

—
以前からあるテーマ/テンプレートのダウンロードサイト↓
『Theme Viewer』

WordPress 2.6 WordPress Blog (2008/7/15)
http://wordpress.org/development/2008/07/wordpress-26-tyner/

#ムービーの中に「どーもくん」がっっ！実は大ファンだったりする。
#関係ありませんが、コピー＆ペーストができないiPhone、「Press This!」の仕組みを応用できない？

参考情報）

—
「WordPress 2.6 Beta 1」boren.nu (2008/6/23)
http://boren.nu/archives/2008/06/23/wordpress-26-beta-1/
—

WordPressの主要開発者の一人、Ryan Boren氏の上記ブログ記事によれば、WP2.6は、2.5程の大きなリリースではないがいくつかの新機能があるようです。

• バージョニングシステム（Post Revisioning）
  ～記事ごとに複数のバージョンを持ち、複数のバージョン並べて違いをカラー分けして比べることができる。誤って重要なセンテンスを削除してしまった場合でも、過去バージョンに戻せる、など。（最近そういう相談をいただいたので何ともグッドタイミングな…）
• Tumblrライクなクイックポスト機能
  ～「Press This」というブックマークをクリックして即座に投稿へ
• adminページの静的ファイルを「Gears（Google Gears）」を利用してローカルにキャッシング
  ～管理画面のローディングをより速く
• 新しい、そして改善された画像編集ダイアログ
  ～記事中の画像について豊富な調整機能を提供
• 「テーマ」のプレビュー機能
  ～「WordPress.com」で見られる機能
• 文字数カウント
  ～記事編集画面に内蔵
• リモート投稿機能を不可能にすることができる
  ～セキュリティ上の観点で
• XML-RPC APIを変更可能
• admin画面のSSL化についてより良好なサポート
• admin＞管理＞ページ および カテゴリで階層を意識したページ分け
• コンテンツの保存場所を別の場所に移すことができる
• wp-config.phpファイルをウェブサイトのルートの外へ移動できる
  ～一般ユーザーからはアクセスできない場所へ
• ドラッグ＆ドロップで並べ替えできる「ギャラリー」機能
• 標準のアバターをカスタマイズできる
• プラグインの一括消去、有効化、無効化
• チェックボックスを、Shiftキーをホールドしながらクリックによる範囲選択
• TinyMCE 3.1.0.1（WYSIWYGエディタ）およびたくさんのバグフィクス
• jQuery 1.2.6 およびいくつかのパフォーマンスの改善
• jQuery UI 1.5
• たくさんのバグフィクスと機能改善

ということです。派手な機能の追加ではなく、堅実な内容で好感が持てますね。より一層「役に立つ道具」としての完成度を高めてくれそうです。

■オリジナル版のサイト：
『Haris.tv』
http://haris.tv/2007/04/24/admin-ssl-new-wordpress-plugin/

■WP2.5対応版のサイト：
『bengreen』
http://www.kerrins.co.uk/blog/admin-ssl/

　
オリジナル版の作者Harisさんは開発に時間を割けない、ということで今後は後者のサイトからの配付になるようです。benさんガンバレ。donateいたします。

■新機能：

• WordPress MUにも対応
• セキュア化するURLの追加機能
• 設定画面を用意

そして

• たくさんのバグフィックス
• 完全に書き直されたリダイレクトシステムで、前バージョンより安定

■その他仕様：

• WP2.2以上/独自SSL（Private SSL）と共有SSL（Shared SSL）両対応
• WPMU1.3以上/独自SSL（Priveate SSL）のみ対応

■わかっているの問題：

• キャッシュ系のプラグインと非互換

ところで、今回のバージョンでは、標準ではAdminのそれぞれのページはセキュア化されていないようです（ログインとプロフィールのみ）…WP2.5.1の速度改善のアドバンテージを得るため。もしそれぞれのページもセキュア化する場合は、設定画面の「additional urls box」に「wp-admin/」を加えるように、とのこと。

※1.0プレリリース版を使用されていた方は、正規版をインストールする前にデータベースオプションをリセットしないとリダイレクトエラーを起こすようです。

とりあえず試してからここに追記します。

【追記 2008-6-20】

■インストール方法：

1. 『Admin SSL』をダウンロードして解凍し、FTPで/wp-content/plugins/フォルダにアップロード。
2. admin＞プラグインにて「Admin SSL」の「使用する」をクリック。
3. 同じ画面の上部サブメニュー「Admin SSL」をクリック。
4. 下記設定画面があらわれる。
   
5. 「Secure my site with SSL」（サイトをSSLでセキュア化）にチェック。
6. 独自SSL（Private SSL）の場合はページ下部「変更を保存」で設定終了。
7. 共有SSL（Shared SSL）の場合は「Use Shared SSL」にチェックを入れ、「Shared SSL URL」にサーバ側から提供される共有SSLのURLにWPのadminまでのパスを繋げたアドレスを入力。必ず最後は/wp-admin/で終わるように。
8. ページ下部「変更を保存」で設定終了。
9. 他のページへ移動するとすぐにSSL化が有効になる。
   ※初期状態ではログイン画面とプロフィール画面のみSSL化される。

■追加設定：

1. 管理画面全体をSSLでセキュア化するには：
   上記設定画面の「URL List」にあるwp-comments-post.phpのあとに改行してwp-admin/を追加する。SSL化するページorディレクトリを１行ごと入力。
2. 「Secure additional URLs only if user is signed in」というのは多分コメントフォームをSSL化するのは登録済みユーザーがログインした状態でのみ、という設定だと思います。 「URL List」のページをSSL化するのは登録済みユーザーがログインした状態でのみ、ということだと思います。
3. 「Config Page」はAdmin SSLの設定画面を「プラグイン」と「設定」どちらのページに表示するか、の設定。

■使用してみてレポート：

WordPress 2.5にて共有SSLでテストしていますが、問題なく稼働しています…と言いたいところですが、１つ問題点が。

admin丸ごとSSL化すると、投稿画面にて画像の挿入ができません。画像のアップロードやオプション設定まではできるのですが、投稿画面への挿入を行うと、サブウィンドウが真っ白になってしまいます。その他、特殊記号など挿入が必要なWYSIWYGボタンは同様にサブウィンドウが真っ白になって操作できません。moreタグボタンは機能します。

これは、「設定」＞「WordPressのアドレス」にも共有SSLでのWordPressのURLを設定すると解決します。しかしそのことによる弊害が他の部分で出る可能性もあります。

多分、WYSIWYGエディタのボタン類のファンクションが上記「WordPressのアドレス」の値=get_bloginfo('wpurl')を参照していて、そのURLが今表示している共有SSLのURLとドメインが違うからエラー起こしているんだと思います。Ajax、XML関連かな？

—
get_bloginfo()をハックしてhttps通信中だったら共有SSLの値（Admin SSLに設定した値を持ってくるか、あらかじめwp-config.phpあたりに共有SSLのURLをdefineしておくとか）、それ以外はSSLでないURL、と振り分けるようにすればうまくいくのかも。
—

【追記】こちらのサイトにそれらしきことに触れられています↓

SSL for WordPress Admin and the Problem with XMLHttpRequest (2008/3/20) Disruptive Library Technology Jester

いちばん簡単なのは、投稿画面（作成画面）だけはSSL化しないように、adminのその他のページをせっせと「URL List」に放り込む方法でしょうか。

■まとめ：
WordPressをポータルサイトなど会員制サイトに応用する場合、登録ユーザーの個人情報やアンケート結果などをWPの管理画面上で取り扱うこともあるかと思います。その場合SSLで暗号化されてるのは安心ですね。

以前は、サーバーのSSLディレクトリにもWordPressをもう１セット置いて、非SSL側（おもて側）のWordPressと同じデータベースを参照させることで管理画面を強引にSSL化していましたが、そうすると管理画面から投稿した画像はSSL側のディレクトリに保存されてしまい、非SSL側（おもて側）への画像のアクセスを.htaccessでSSL側へリダイレクトしたり、とかなり無理をやりました。。。

このプラグインを使えばそんなことしなくても簡単にSSL化できて便利です。感謝！

WordPressに多機能でキレイなメールフォームを簡単に追加できるプラグイン「cforms II」を触っていて、ちょっとトラブルにハマったのでメモ。プラグインの詳細は別途紹介したいと思います。

■遭遇したこと：
メールが送信できない。「少々お待ちください」のメッセージで止まってしまう。

■原因：
プラグインをインストールした後、WordPressの階層を変えたため。

プラグインをインストール時のWPの位置）

その後変えたWPの位置）

※ドメイン直下

　
■起きていたこと：
/cforms/lib_ajax.php の取得に失敗。プラグインインストール時にcforms IIが自動でlib_ajax.phpへのパスを/cforms/js/cforms.jsの６行目に設定してくれていたものが、そのまま残っていた。
つまり、インストール時に

と自動的に設定されたが、WPの階層を変えてもその部分はそのままだったため、ファイルが見つからずにエラー。

■行った作業：
/cforms/js/cforms.jsの６行目

を

に修正して上書きアップロード。

ブラウザのキャッシュを空にして再起動。

以上

■ひとこと：
cforms IIのインストール直後に、管理画面＞cforms IIに何やら注意書きのような以下のメッセージがちゃんと出てたんですよね…問題なく送れてたのでほとんど見てませんでした。

WPのディレクトリ変更後はメッセージも表示されなくなって、すっかり頭から抜けておりました。おまけに、ちょうどサーバ側のPHPのバージョンを４から５に変えたりしたので、そっちか？？と悩んでみたり。。といっても30分程度のことでしたが。

Firefoxのアドオン「Firebug」のコンソールで確認すると上記ファイルが「404」と表示されて気がつきました。

サイト公開直前にWPの階層を変えた時などは要注意ですね。

※あと、ロリポップ（レンタルサーバ）では初期状態ではPOSTメソッドが許可されていないために送信失敗するようです。こちらをご参照ください→
※日本語翻訳ファイルも上記サイトで配布されています。

Why WordPress is minor in Japan MarkupDancing (2008/3/30)

1.MTにはサポート面での信頼性、信頼感がある
2.データベースの利用は高額だった(からDBに依存するWPは問題外)
3.Webプロダクションでは「プログラミング」とはperlでコードを書くことを意味する（つまりperlのMTのほうが日本人には馴染みやすいということ？）
4.日本のWebデザイナーはプログラミング言語が使えない（のでPHPの基本スキルが要るWPは使えない）
5.日本ではフリーソフトウェアの健全なコミュニティが育ちにくい（ということかな？）

既にみんなが気づいている内容が多いですが、2の「データベースは高額だったから」というより、そもそもWordPressをみんな知らなかった。いまだにWebデザイナー向けの雑誌やレンタルサーバのキャッチコピーには「MovableType」はあっても「WordPress」の文字はごくわずか。ほんとに。このブログの訪問者も「WordPressとは」という検索語句が毎日ある。

　
思うに、うちのような地方の小規模Web制作者は、すぐに集まれるような制作者仲間が少ないし、そもそも積極的にコミュニティを形成することに慣れてない(独立独歩でやっているうちに一人で解決することに慣れてしまう)。そうすると入ってくる情報も少なく遅くなる（Webで探せることは自分の知っていることに関連した事以外入って来にくくなる）。だから、初動までにタイムラグができる。つまり地方の中小制作会社にじわじわとWordPressの波が広がっている最中ではない？地方、という括りは変だろうか。。

ちなみに自分がWordPressを初めて知ったのは2年半前。バージョンはME2.0.2。そのさらに2年前にはすでにMTでサイト構築していたけど、XOOPSの名前をちょろっと知っていた程度。

1の「MTにはサポート面での信頼性、信頼感がある」っていうのはあるのでしょう。制作者も日本語ドキュメントも多い。でもむしろ、MTのProNetへ加入するとライセンスを割引価格で購入できるのでそこでもマージンが得られる、ということもあるんじゃないのかな～？と思うんですけど。中・大規模サイトならなおさら…

4の「日本のWebデザイナーはプログラミング言語が使えない→WPはPHPの基本的なスキルがいる」というのは、ごく普通の企業サイトをつくる分には特別PHPの知識は要らないような気がする。ポータルサイトやCGM的なサイトへ応用するなら要るけど。本家サイトにはテンプレートタグの解説があるから。つまりは必要なのは英語力のほう。そういう意味で「wptags.com」の役割は大きかったのだろうけど、今はアクセスできず残念。

whileとかelseとかの語句が心理的な壁を高くしてるのでしょうか。MTはどんなだっけかな？

「テンプレートタグ」って要は、いくつものPHP関数と変数やら定数が自動処理される「オールインワンPHP関数」で、「PHPとはなんぞや」を知らなくても用意されたオプション値を変えるだけでOK…そう考えればMTのタグと変わらないような。

5の「日本ではフリーソフトウェアの健全なコミュニティが育ちにくい」（と勝手に解釈）についてはよく知らない。趣味や”Geek”としてWordPressを追っかけていれば分かったのかもしれませんが、仕事上必要な情報収集＆アウトプットしかしていないので。

WPかどうかわかりませんが、フリーソフトウェアのサポートをボランティアで行うような人が、本の出版を目指したり有名になろうとするとそれをタタクような人がいる…そういうのに遭遇したわけではないけど、なんだか理解できる。

横並びの環境で育ってきた同じ人間に、あびるほどの情報がそそがれ続ける、日本。同じ顔した人間が「タッチの差で抜きんでる」ことに嫉みを覚えるのか？

—

WordPressがWeb制作ツールとして日本でどの程度メジャーになれるのだろう。少なくとも、情報が少ない→利用者が増えない→信頼感がない、と負のスパイラルにならないように、微力ながら自分もがんばっていきたいですが。

自分の中では、世界的に見ればWordPressはものすごくユーザーベースが大きいので、それがすごく大きな信頼感に繋がっている（オープンソースの信頼性に疑問を抱くようなクライアントにもまだめぐり合っていない）。

自分がWPに飛びついた理由は、

1.人と違うツールを使いたい。ひねくれ差別化。
2.可能性に惚れ込んだ。
3.再構築エラーが出ない（笑
4.DBが壊れない。
5.動作が軽い。

使いながら気づいていったのは、

1.足りない機能はPHPで「即時」補える。
2.プラグインが豊富にある、つくれる。
5.WPはDBとのインターフェイス。Webアプリの母艦みたいなもの。

—

こんだけの恩恵を無料で得ているわけなので、Web制作者としても何らかのかたちでオープンソースに貢献しなきゃ、と思います。といっても自分一人じゃプラグインはつくれない（そろそろがんばってみます）。そしたらまずは、制作例をたくさん紹介して、WordPressの可能性になるべく多くのひとに気づいてもらう。そしてノウハウを共有すべく、ブログになるべく具体的に書く。フォーラムで困っている人にコメントしてあげる。そして（スキル的に必要なくても）WordPress本を買う。まだ１冊しか買ってないので全巻買うことにします（…て何冊あるんだろ汗）。

このブログもいまだにシーサーなんだけど（アカウントもってたし検索サイトにインデックスされるのも早かったし、シーサーブログのカスタマイズを頼まれたので勉強に）、このサイト自体がWPの見本サイトみたいになってたほうが話が早いだろう、と思うのでなるべく早くWordPress化します。

それでWordPress用にもプラグインがいくつかあることを知り、まずは以下を入れてみた。

「MyTwitter for Wordpress」

サイドバーに自分のTwitterのつぶやきが表示される。管理画面内には投稿フォームもある。

最新版のver1.6 Betaにて、WordPress 2.5に対応。

　
■インストール方法：
http://anwanore.com/projects/mytwitterの本文内「Download」リンクからダウンロードして、プラグインフォルダにアップロード。
管理画面＞プラグインにて「MyTwitter」の「使用する」をクリック。

「cache」フォルダをルートディレクトリにつくり、パーミッションを755に設定しておく。

■使い方：
管理画面＞設定
にて、右端にMyTwitterが追加されているのでクリック。

「Update Twitter Status」
のフォームからはTwitterに投稿できる。文字数カウント（140文字）もリアルタイムでしてくれる。TwitterのWeb側にはクライアントとして「MyTwitter」と表示される。

投稿するにはその下の「Twitter Login Settings」にユーザー名とパスワードを予め入力しておく必要がある。当然ながら。

「Display Settings」
ではテンプレートへの表示設定を行う。
「Title:」はセクション上部への表示名。
「Number of Twitters:」で表示件数を設定。
「Cache Life:」はキャッシュの更新間隔。秒数で指定。標準では300＝5分。5分以上推奨。

「Formatting Options」
では表示フォーマットをカスタマイズ可能。

サイドバーへのTwitter投稿の表示は

他に、CSSのサンプル「example.css」も付属しています、デザイン参考用に。

以上

—

http://twitter.com/dxd5001
WordPressのことや自己啓発系やアニメや家事や。プライベートないろいろ雑多につぶやいてます。普段ひとりで悶々と脳内ワークをする時間が多いので、IMのチャットともブログの記事とも違う、（基本は一方通行の）ちょうどいいアウトプットツールになりそう。今更ながら。

気軽にfollowしてくださいね～
（クライアント様は見逃して～笑）

あと、「We heart it」も昨日アカウントとりました。
http://weheartit.com/user/dxd5001
これは良いですね。どんどん「i heart it too」すると、自分にとって心地よい写真で埋め尽くされたギャラリーが出来上がっていく…他の人の作品によって笑。自分の趣味も客観的に分かる感じで面白い。