WPCMS.jp » 文字化け

「シックスコア」でWP2.0.xが文字化ける時。

みやざわ — Sun, 15 Feb 2009 18:15:35 +0000

「シックスコア」を触り始めた。「エックスサーバー」の上位サーバー。

まずはWordPress ME 2.0.x で過去にエックスサーバー上に構築してあった、あるサイトをシックスコアに引っ越すために、現状のまま丸ごとコピーして試してみたところ、見事に文字化け。

それで、当然php.iniの mbstring.internal_encoding などの値などを見てみるとEUC-JPだったのでUTF-8に変更したが、まだ化けている。

インポートした時に文字化けしたかと思ったが、DBを眺めてみてもキレイそのもの。

今更ながら「WordPress 2.0 文字化け」みたいな検索をしたら「WordPress ME 2.0.11-2 リリースしました」のYurikoさんのコメントにヒントがあった（ヒントというかそのまま）。SET NAMES utf8 をwp-db.php に追加したら文字化けは直りました。

■対象ファイル：

wp-includes/wp-db.php

■修正内容：

57〜58行目、$this->select($dbname); の手前の行に、

mysql_query(“SET NAMES utf8″, $this->dbh);

を追加。以上。

以前、エックスサーバーで文字化けした時に試したことがある方法ですね。その時は文字化けとは無関係でしたが、今になって役に立ちました。

サーバの情報はこちら↓
マルチドメイン対応、ビジネス仕様高性能レンタルサーバー【シックスコア】

# eAccelerator が標準でセットアップされています。「PHP高速化」の正体。

本：WordPress2.5でつくる！最強のブログサイト

みやざわ — Thu, 31 Jul 2008 01:07:23 +0000

先週、予約してあったWordPress本が届いて、今週からようやくじっくり読み始めましたが、なかなか読み応えありますよ。

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

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

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

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

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

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

他に

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

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

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

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)

スパムボットに収集されないようにメールアドレスを公開

みやざわ — Sat, 23 Feb 2008 17:49:23 +0000

WordPressの関数antispambot()を使うと、メールアドレス収集ロボット（スパムメール目的）から保護しながら、メールアドレスをWebサイト上に記載できる。

~~しかし今、ver2.2のWPサイト上で試してみたところ、どうにも文字化けしてしまう。ver2.0.xではずっと問題なく使っていたんだけど…？~~ 日本語を通す必要性はありませんね(笑) とりあえず「テスト」という文字列を放り込んだので。どうも別のことと勘違いしていたらしい。スミマセン。

antispambot()関数の使い方は以下の通り。

■書式：

＜?php echo antispambot(“mailto:aaa@bbb.ccc”); ?＞
または
＜?php echo antispambot(get_the_author_email()); ?＞
※投稿者のメールアドレスを表示
※the_author_emailだとantispambot()が機能する前に表示されてしまうので「get_」を使う

■結果：

このようにソース上では難読化されながら、

ブラウザは正しく認識できる。
※Firefoxのステータスバー

HTMLの特殊記号などを表示するための、いわゆる「HTMLエンティティ」を部分的かつランダムに(?)使って難読化しているようですね。

でもメールアドレス収集ロボットを「絶対に」防げる、というものではないと思いますので念のため。

~~それよか文字化け。どうして？~~

Plugin:星マークで記事を評価『WP-PostRatings』

みやざわ — Tue, 25 Sep 2007 02:00:04 +0000

まさにメモ的な記事で。
あとから解説追加。

記事の評価ができる『WP-PostRatings』で、クリック後に文字化けが起こるときは、プラグインのソースコードを開いて、サイトの文字コードで保存しなおす。
Dreamweaverで開いて修正＞ページのプロパティ＞タイトル/エンコーディングにて、
エンコーディング＞Unicode4.0 UTF-8にして「適用」。

■名称：
WP-PostRatings

■概要：
記事下部に星マーク（その他管理画面から切り替え可能）で、記事の内容を評価できる。Ajaxを使用するのでページのリロードなし。標準で３種類の画像が用意されているが、画像を置き換えれば星マークでなくてもOKなはず。最高値を設定できるので、細かく１０点満点みたいなのから、星３つ、みたいなものまで柔軟に設定可能。

記事のいろいろな情報をGetする。

みやざわ — Thu, 20 Sep 2007 01:37:53 +0000

WordPressはテンプレートタグを使うことで簡単にいろいろな情報を呼び出せるけど、もっといろんな呼び出し方がある。phpの関数を併用する場合などは、例えば記事の本文を呼び出す場合

the_content()

を使う代わりに

$post->post_content

という呼び出し方をすると、phpの関数の引数に放り込めるので、いろいろに加工できる。

　
■記事の本文or抜粋を取得

$post->post_content
$post->post_excerpt

例）本文を60文字でカットする

＜?php echo mb_substr($post->post_content, 0, 60); ?＞

「substr」はphpの関数。１つ目の引数でトリムの対象となるコンテンツを指定、２つ目の引数はトリム開始位置（0=１文字目）、３つ目の引数がトリム終了位置＝文字数。日本語などマルチバイトの場合はあたまに「mb_」を付けてやらないと末尾が文字化けします。
※strip_tagsも併用しないと、開始タグだけ残されてレイアウト崩れる可能性あり（strip_tagsは指定したタグ以外のすべてのHTML/phpタグを除去してくれる）。先にstrip_tagsで囲ってから、mb_substrを。

■特定のカスタムフィールドの値を取得

＜?php echo get_post_meta($post->ID, キャンペーン終了日, true); ?＞

※現在の記事の「キャンペーン終了日」というカスタムフィールドに入れた値が表示されます。

■記事の投稿スラッグを表示

$post->post_name

■記事IDを取得

$post->ID

■最終更新日時を表示
コチラの記事にて

Plugin：ログイン/登録画面をカスタマイズ『Themed Login and Register』

みやざわ — Wed, 05 Sep 2007 02:55:57 +0000

【追記 2009/12/21】

現在、このプラグインページはなくなっているようです。このプラグインの代替として現在私は「Themed My Login」というプラグインを使用しています。

—

■名称：Themed Login and Register

■概要：
　WordPressのログイン画面/ユーザー登録画面を、独自のデザインにカスタマイズしやすくしてくれる。管理画面からヘッダ、フッタやHTMLの挿入が可能。また、ユーザー登録時に届くメールの文面も管理画面から登録できる。

■利用方法：
　wp-content＞pluginsフォルダに設置し、管理画面＞プラグインにて「Themed Login and Register」を「有効化」にする。
　管理画面＞プラグイン＞Login Register Optionsにアクセスすると、様々な内容がカスタマイズできる。

Redirect After Login:　ログイン後の転送先URL
Template Header Files:　ヘッダとして呼び出すテンプレート
Template After Header HTML:　ログインフォームの前に差し込まれるHTML
　→＜div id=○○＞など
Template Before Footer HTML:　ログインフォームの後に差し込まれるHTML
　→＜/div＞
Template Footer Files:　フッタとして呼び出すテンプレート。サイドバーなども(CSSの設定による)。

※フォーム自体のデザインはプラグイン内の該当HTMLをいじる必要があります。

User Email Template:　登録ユーザーに届くユーザー名とパスワードのお知らせメールの文面。##username## 、##password##という部分は個別に差し込まれる。

Admin Email Template:　管理者に届く新規登録者のお知らせメール。

■標準ではメールの日本語が文字化けするので以下のカスタマイズ必要。

実際に登録してみると、（メーラーにもよると思いますが）メール本文が文字化けしている。メールのヘッダーを見てみると
Content-type: text/plain; charset=UTF-8
Content-type: text/plain; charset=ISO-2022-JP
と二重に文字コードの指定が差し込まれている。
上の指定はプラグインによって差し込まれたもの、下はWordPress自身によるものだが、上の指定はいらないのでプラグインをいじる。
プラグインフォルダ内の「themed-logreg.php」の130～132行目（$headers　から”Content-Type:　の行）
147行目～149行目のメールヘッダをつくっている部分（同上）をコメントアウトする。

以上

味気ないWordPressのログイン/登録画面に、サイトオリジナルのヘッダやフッタを表示して統一感が出せます。おまけにメール文章もカスタマイズできるのでポータルサイトや会員制サイトのホスピタリティ度？が向上します。