WPCMS.jp » post

cforms IIで送信失敗する時。

みやざわ — Fri, 06 Jun 2008 14:01:15 +0000

※「cforms II」を「cform II」と誤って書いていたので表記を直しました。iTunesをiTuneと書いているみたいで恥ずかしいですね(^^;;;

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

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

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

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

/wp/

その後変えたWPの位置）

※ドメイン直下

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

/wp/wp-content/plugins/cforms/lib_ajax.php

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

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

/wp/wp-content/plugins/cforms/lib_ajax.php

を

/wp-content/plugins/cforms/lib_ajax.php

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

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

以上

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

WordPressのルートディレクトリは/wpのようです。cformsはその設定をしかるべく自動調整を試みますが、もしAjax（フォーム送信やCAPTCHAリセット）で問題が生じるならcformsプラグインフォルダーにあるjs/cforms.jsファイルを開き、sajax_uriの値をチェックしてください。（ファイルを変更後、ブラウザのキャッシャを空にしてください。）

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

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

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

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

Google Chart APIで動的にグラフ生成

みやざわ — Tue, 29 Apr 2008 08:58:58 +0000

WordPress内のデータをGoogle Chart APIで動的にグラフ作成。

ふと急にGoogle Chart APIを使ってみたくなり、WordPress内のデータを使って動的にGoogle Chart APIでグラフを出力するテストをしてみた。

とりあえず、カテゴリごとの記事の割合をグラフにしてみる…こういう目的ならタグクラウドで十分な気もするけど、将来的に応用できそうなので、メモということで。

※先に言ってしまうと、Google Chart APIはまだ日本語対応が十分でなく、ひらがなとカタカナしか表示できません…しかもフォントも微妙。カテゴリースラッグにアルファベット入れてあれば下のコード内のnameの代わりにslagに差し替えて即使えます。

　

※漢字が文字化け…こちらの開発メンバーによるコメントでは「取り組んでるけど、簡単じゃないよ」とのことです。。。

【追記 2008-12-11】
今は漢字に対応しているようですよ。試していませんが→
Google Chart API で漢字を含む日本語が通るようになったれぶろぐ

ということで日本語はまだ使えないですが、以下解説。

■やっていること：
Google Chart APIは、imgタグのsrcにパラメータ付きのURLを埋め込んでやるだけで簡単にグラフ画像を取得できます（ユーザー登録など不要）。なので、そのURLのパラメータをつくってあげます。カテゴリごとの記事数を取得して、記事の総数に対するパーセンテージを割り出し、APIの書式に従って出力します。

■ソース：
ver.2.3以上（2.5で確認）

＜?php
global $wpdb;

//記事の総数を取得のため
$allposts = new WP_Query(“showposts=-1″);

$sql = “SELECT * FROM ” .$wpdb->terms .” t “;
$sql.= ” LEFT JOIN “.$wpdb->term_taxonomy .” tt ON t.term_id = tt.term_id “;
$sql.= ” WHERE tt.taxonomy != ‘link_category’ “;
$sql.= ” GROUP BY t.term_id “;
$sql.= ” ORDER BY tt.count DESC “;
$mycat = $wpdb->get_results($sql);

//カテゴリごとの記事数のパーセンテージを記事総数から割り出してカンマ区切りで並べる。
//同時に、対応するカテゴリ名を「|」区切りで並べる。
//カウントが0のカテゴリは拾わない。
for($i = 0; $i < count($mycat); $i++){
if ( $mycat[$i]->count != 0 ){
if ($i != 0 ){
$count = $count .”,”;
$cat_list = $cat_list .”%7C”;
}
//post_countで記事総数を取得
$count = $count .round($mycat[$i]->count / $allposts->post_count *100 );
$cat_list = $cat_list .$mycat[$i]->name;
}
}

$url =”＜img src=’http://chart.apis.google.com/chart?”;
$url.=”cht=p”;
$url.=”&chtt=Google%20Chart%20TEST”;
$url.=”&chs=450×190″;
$url.=”&chd=t:” . $count; // ←カテゴリごとのパーセンテージを挿入
$url.=”&chco=0000ff”;
$url.=”&chl=” .$cat_list; // ←それぞれのカテゴリ名をラベルとして挿入
$url.=”‘ alt=’Google Chart TEST’ /＞”;

echo $url;

?＞

■ver2.2以前（ME2.2.3で動作確認）※テーブル構造が違うため

＜?php
global $wpdb;

//記事の総数を取得のため
$allposts = new WP_Query(“showposts=-1″);

$sql = “SELECT * FROM ” .$wpdb->categories;
$sql.= ” ORDER BY category_count DESC “;
$mycat = $wpdb->get_results($sql);

//カテゴリごとの記事数のパーセンテージを記事総数から割り出してカンマ区切りで並べる。
//同時に、対応するカテゴリ名を「|」区切りで並べる。
//カウントが0のカテゴリは拾わない。
for($i = 0; $i < count($mycat); $i++){
if ($mycat[$i]->category_count != 0){
if ($i != 0 ){
$count = $count .”,”;
$cat_list = $cat_list .”%7C”;
}
//post_countで記事総数を取得
$count = $count .round($mycat[$i]->category_count / $allposts->post_count *100 );
$cat_list = $cat_list .$mycat[$i]->cat_name;
}
}

echo $url;

?＞

以上

■結果：
出力した結果は先の図…文字化けしています。カテゴリごとの記事のパーセンテージが円グラフになり、それぞれに対応するカテゴリ名がラベルとして出力されます。グラフの形や色などパラメータについてはこちらのDeveloper’s guideにいろいろ解説されています。

カスタムフィールドに設定した値を集計してあげれば、いろいろ応用できそうですね。ページごとのアクセス数の推移などもプラグインを併用すれば比較的簡単にグラフ化できそうです。そしてログインしたクライアントにのみ表示する、など。

参考記事）
Google Hacks: Pacman graph with Google Charts Matt Cutts: Gadgets, Google, and SEO (2008/4/24)
WEB API – Google Code Chart キター 404 Blog Not Found (2007/12/7)

帰ってきた「Customizable Post Listings」

みやざわ — Sun, 06 Apr 2008 07:02:13 +0000

「Customizable Post Listings」「Get Custom Field Values」「Auto-hyperlink URLs」など、有名なWordPressのプラグインを開発してきたcoffe2codeがリニューアルされ、上記プラグインを始めとする多数の新しいプラグインの発表とアップデートが行われ「ている」ところです。

というのは今、

coffe2codeの管理人でありプラグイン開発者のScott Reilly氏が3/31から始めた「14日間１日１プラグインリリース+アップデート」の最中だからです。
参考記事：14 Days of Plugins

３年前の2005年3月、同じ趣旨で「7 Days of Plugins」という取り組みが行われ、WordPressコミュニティを大いに湧かせたようです。その時は結果として７日間で10個の新プラグインのリリースと過去リリースしたすべてのプラグインのアップデートを達成したようです。

今回は、やるからには前回以上のことを、ということでプロジェクトの内容を”２倍”にして取り組んでいます。最終的には「最低でも」14個の新プラグインのリリースと過去の20個のプラグインのアップデートが行われるということです。

—
自分の中では何よりも「ScottがWordPressコミュニティにかえってきた！」という印象の方が強いです。というのは、2006年あたりからプラグインのリリースやアップデートは止まっていてサイトのデザインも一部崩れたり、ちょっと寂しい感じでしたよね。「WordPressから離れちゃったのかな」って。

Customizable Post Listings（最近の投稿/ランダム表示など）やCustomizable Comment Listings（最近のコメント表示など）、Author Images（投稿者の写真を表示）など、いくつもお世話になってきました。まだマルチループをうまく使えない頃はあっちこっち使いまくっていたような。。

情報源）
Scott Reilly: Two Weeks of WordPress Plugin Releases and Updates　Lorelle On WordPress（2008/4/5）

記事ごとに違うサイドバーを読込む。

みやざわ — Thu, 06 Mar 2008 11:38:44 +0000

※アクセスログの検索キーワードを参考に記事

WordPressサイトで、特定の記事ごとorカテゴリごとに違うサイドバーを読込む。

例）
会社概要のページ…記事IDが「１」とする
製品案内のページ…記事IDが「２」とする
　→ sidebar-page.php
スタッフブログ(カテゴリ)…カテゴリIDが「３」とする
　→ sidebar-blog.php
その他
　→ sidebar.php

以上のように記事やカテゴリ毎に別のサイドバーを表示させるには？

　
※あらかじめ上記ファイル名でそれぞれのサイドバーを作っておく。

■対象テンプレート：
index.php
single.php
page.php
他

■方法：
デフォルトテーマのテンプレートの場合、最後のほうにある

＜?php get_sidebar(); ?＞

を下記のように修正

＜?php
if($post->ID == ’1′ || $post->ID == ’2′) {
　include(‘sidebar-page.php’);
} elseif($cat == ’3′) {
　include(‘sidebar-blog.php’);
} else {
　get_sidebar();　※sidebar.phpが読込まれます
}
?＞

わかりやすくするために単純に書きましたが、is_single()やis_page()などコンディショナルタグも併用しないと思わぬ結果になることがあると思います。工夫してみてください。

■補足：
sidebar-page.phpの中でさらに「会社概要」と「製品案内」でサイドバーの内容を変えるには、コンディショナルを使って同様に分岐処理。

＜?php
if($post->ID == ’1′) {?＞
－－－HTMLやPHP－－－
＜?php } elseif($post->ID == ’2′) {?＞
－－－HTMLやPHP－－－
＜?php } else {?＞
－－－空欄など－－－
＜?php }
?＞

また記事IDの代わりに記事スラッグを使って判断させても良いと思います。

＜?php
if($post->post_name == ‘profile’) {?＞
（以下同様）

以上

検索結果の件数を表示

みやざわ — Wed, 05 Mar 2008 10:09:00 +0000

※アクセスログの検索キーワードをヒントに記事

WordPressの記事一覧（検索結果、カテゴリ一覧、トップページ等）にて、記事の件数を表示する。

■書式:
$wp_query->found_posts

■記述例:

＜?php if (have_posts()) : ?＞
＜p＞「＜?php echo wp_specialchars($s, 1); ?＞」の検索結果＜?php echo $wp_query->found_posts; ?＞件＜/p＞
＜?php while (have_posts()) : the_post(); ?＞
—ループ—
＜?php endwhile; ?＞

■結果:

【追記】
wordpress 2.0系での記事件数表示

　
■カテゴリページ

$counter = new WP_Query(“posts_per_page=-1&cat=$cat”);
echo count($counter->posts) .” 件”;

※posts_per_page=-1を指定してあげないと、ページ分割された後の数が表示されてしまう（たとえば10件など）

■トップページ（全件）

$counter = new WP_Query(“showposts=-1“);
echo $counter->post_count .” 件”;

■検索結果

$s_word = wp_specialchars($s,1);
$counter = new WP_Query(“posts_per_page=-1&s=$s_word“);
echo count($counter->posts) .” 件”;

以上

自分（Author）のコメントだけ背景色を変える。

みやざわ — Thu, 31 Jan 2008 13:32:42 +0000

WordPressのコメント欄についてのカスタマイズ。

■目的：
WordPressブログのコメント欄にて、ブログオーナー（記事のAuthor）が書いたコメントだけ、背景色（その他CSS）を変えて、他のコメンターと区別できるようにする。

■現状：
そのコメントが記事投稿者のものかどうか確認するには、そのコメント投稿者名と記事の投稿者名を照らし合わせる必要がある。

　
■方法：
１．スタイルシートにAuthorコメント用の設定を追加する。

.authcomment {
background-color: #B3FFCC !important;
}

２．/wp-content/themes/使用中のテーマ/comments.php を開き、

＜li id=”comment-＜?php comment_ID() ?＞”＞

このような部分を見付け、下記のように追記。

＜li id=”comment-＜?php comment_ID() ?＞”＜?php
if (1 == $comment->user_id)
$oddcomment = “authcomment”;
echo ‘class=”‘ . $oddcomment; ?＞”＞

例：テーマ「EasyAll」の場合15行目

以上。

■解説：
もしコメントのユーザーIDが「1」だったら、そのコメントを囲むdivに「class=”authcomment”」が付加される。この場合の「ユーザーID」とは、WordPressブログの登録ユーザーのID。未登録のユーザーが投稿したコメントのuser_idは「0」になる。phpMyadminでMySQLのデータベースのwp_○○○_commentsをのぞくと、「user_id」という欄に「0」が並び、自分が返信した記事のコメントにだけ「1」が入っている。

しかし登録ユーザーでも未ログイン状態で投稿すると「0」になってしまう（はず）なので注意。

また、ユーザーIDが「4」だったら、上記のコードのif (1 == は「4」になる。

情報源）
How to highlight author comments in WordPress Matt Cutts: Gadgets, Google, and SEO (2008/1/31)
※リンク先の緑色のコメント欄がブログオーナー＝記事オーサーのコメント。

元ネタはこちらのようです→

http://wordpress.org/support/topic/145946#post-657081

記事数に応じたアフィリエイト表示

みやざわ — Mon, 28 Jan 2008 14:23:45 +0000

WordPressに限らずブログなどの動的なWebページでは、本文とサイドバーのレイアウト上のアンバランスが生じることがよくありますね。それを軽減するためのTipsになれば。。

■目的：
カテゴリ一覧や検索結果などで記事数が少ない場合のみ、アドセンスやアフィリエイト広告を記事リストの最後に表示する。

■現状：
検索結果が１件しかなかった場合など、サイドバー側はひたすら長く続き、本文側は空白が続く、という見た目よろしくない状態。かといって、検索結果が少なかった場合を想定して本文側に広告を挿入すると、記事数が多かった場合には本文側が膨らむ…。

■方法：
本文側の記事ループ下に下記を挿入。
「現在のページ内の記事数が３件より少ない」場合のみ、広告を表示する。

＜?php if($wp_query-＞post_count ＜ 3): ?＞
—アドセンス、その他アフィリエイト—
＜?php endif; ?＞

以上

■解説：
$wp_query は、言ってみれば今ループで展開中のクエリを指し、post_countで展開中のループの数を得ることができます。なので、post_countが３より少なければ以下実行、となります。

記事ごとの文字数もバラバラだろうし、これだけでは解決しないかもしれませんが、マシにはなりますよね？

■補足：
サイドバー側を囲っても同じことですね。５件以上だったらサイドバーのアドセンスを表示する、とか。組み合わせればもっとフレキシブルに。

最終更新日時を表示

みやざわ — Fri, 25 Jan 2008 10:25:02 +0000

■目的：
記事の投稿日ではなく、最終更新日時を表示する。

■現状：
通常の記事のループで使われる投稿日時のタグは、the_date() またはthe_time()。the_dateは、同じ日付の記事が複数ある場合は、最初の記事にしか日付が表示されない。その変わりに the_time(‘Y/m/d’)とすれば各記事ごとに日時を表示できる。

では投稿日時ではなく、最終更新日時を表示したい時は？

■方法：

echo $post-＞post_modified

とすると

2007-01-28 16:54:38

このままでも悪くないけど長いので、これを加工して

2007/01/28

とするには、

＜?php
echo str_replace(“-”, “/” , substr($post->post_modified, 0, 10));
?＞

■解説：
PHPの「substr」関数で日付部分…先頭から10文字分を抜き出す。
１つ目の引数が対象となるデータ
２つ目の引数が開始位置（１文字目は 0）
３つ目の引数が抜き出す文字数

↓

結果）2007-01-28

PHPの「str_replace」関数で年月日の区切りを「-」から「/」に文字変換する。
１つ目の引数が変換前の文字列
２つ目の引数が変換後の文字列
３つ目の引数が対象となるデータ

↓

結果）2007/01/28

以上

【追記】
ver2.1以降では「the_modified_date」「the_modified_time」というテンプレートタグが使えるようですね。知りませんでした(^^;;
上記内容はver2.0.x用ということで。。

【追記２】
ループ外に、サイトの最終更新日時を表示。

＜?php echo get_lastpostmodified(); ?＞

すべての記事の中で更新日時（post->post_modified_gmt）が最新の値を返してくれます。必要に応じて前出の加工を。ちなみにget_lastpostdate()もあります。
※ME2.0.9で確認

プロフィール「自己紹介」欄でHTMLタグを使う。

みやざわ — Thu, 24 Jan 2008 06:24:07 +0000

2.0.10と2.2.3で確認した内容です。もしかしたらプラグインなどあるのかもしれませんが探してないです。

■目的：
管理画面＞ユーザー＞プロフィール＞自己紹介欄で入力した＜br ／＞などHTMLタグを、テンプレートタグ the_author_description() で呼び出した時にも有効にする。

■現状：
自己紹介欄に入力した内容は the_author_description() で公開できるが（ただしループ内：ループ外での場合は文末参照）、改行などのすべてのHTMLタグが無効となってしまう。データベースに入る前にHTMLタグがカットされる。

　
■修正対象ファイル：

2.0系のみ）
/wp-admin/admin-function.php　405行目

修正前）
$user-＞description = wp_specialchars(trim($_POST['description']));

↓

修正後）
$user-＞description = $_POST['description'];

2.0、2.2系とも）
/wp-includes/default-filter.php　104、105行目

//add_filter(‘pre_user_description’, ‘trim’);
//add_filter(‘pre_user_description’, ‘wp_filter_kses’);
コメントアウト。

以上

内部のスタッフや信用できるユーザーがこの欄を使用する限りは問題ないでしょう。
＜strong＞＜img＞などいずれのHTMLタグも使えると思います。

previous_post_link、next_post_linkのin_same_catを孫カテゴリに限定する。

みやざわ — Thu, 08 Nov 2007 14:30:58 +0000

■現状：
個別記事ページにて「前の記事」「次の記事」のリンクを設置できるテンプレートタグ「previous_post_link 」「next_post_link」。このテンプレートタグの３つ目の引数、in_same_cat に trueを設定すると、現在表示している記事と同じカテゴリに属する記事に限定することができる。しかし、投稿時にカテゴリを親カテゴリ＋子カテゴリ＋孫カテゴリともにチェックしている場合、親カテゴリや子カテゴリの記事も含まれてしまい、ほとんど意味をなさなくなってしまう…孫カテゴリ（or 一番深いカテゴリ）に限定して「前の記事」「次の記事」へのリンクを設置したい。

■対象テンプレートタグ：
previous_post_link()
next_post_link()

■ハック対象ファイル：
wp-includes/template-functions-links.php

　
まずprevious_post_linkを修正。

247行目：$cat_array = get_the_category($post->ID);

のあとに下記を追加↓
248行目：$cat_depth = count($cat_array) – 1;

※カテゴリ階層の深さに応じて適切なIDを取得するため、配列の最後の位置を取得して下記へ代入。

249行目：$join .= ‘ AND (category_id = ‘ . intval($cat_array[0]->cat_ID);
を下記のように修正↓
249行目：$join .= ‘ AND (category_id = ‘ . intval($cat_array[$cat_depth]->cat_ID);

252～254行目の for～をコメントアウト。

next_post_link用に279行目からも同様に修正。

■例：
親カテゴリ「ジャンル」
子カテゴリ「ブログ」
孫カテゴリ「WordPress」
それぞれにチェックを入れた記事の場合、孫カテゴリの「WordPress」に属する記事のみへ「前の記事」「次の記事」が有効になる。