Google Chartには2種類あります。
JavaScriptを使って描画するタイプとPNG画像を描画するタイプです。
便宜的に、前者を「Visualization」、後者を「Image」と呼ぶことにします。
Visualization
Image
現在、様々なブログで紹介されているのは、ほとんどの場合、後者の「Image」の方です。
こちらは結果を画像で扱えるので使い勝手がとてもよいのですが、Googleは公式サポートをしないそうです。
ということで、前者の「Visualization」が今後の主流になるでしょう。
Visualizationのサンプル
<html>
<body>
<div id="chart_div" style="width: 400px; height: 200px;"></div>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load("visualization", "1", {
packages: ["corechart"]
});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
["year", "x", "y"],
["2010", 10, 30],
["2011", 25, 10],
["2012", 20, 25]
]);
var chart = new google.visualization.LineChart(document.getElementById("chart_div"));
chart.draw(data);
}
</script>
</body>
</html> WordPressで表示
「Image」ならば画像ファイルなのでWordPressで表示するのは簡単ですが、「Visualization」を表示するのは非常に面倒です。
別にHTMLファイルに記述して、iframeタグを使ってWordPressに表示する方法が考えられます。邪道かもしれませんがこの方法が簡単です。
- 上に示したようにHTMLファイルにグラフを表示。
- このHTMLファイルをサーバにアップ。WordPressにアップしてもよい。
- WordPressの記事にiframeを使ってファイルを指定。
iframeは次のように使います。
<iframe src="xxxxx.htm" frameborder="0" width="500" height="300">
</iframe> 次の記事はここで紹介した手法を使っています。
You Look Too Cool » 稲葉と宮本の年別安打数グラフ
以前、「WordPressからMovableTypeへの移行」という記事を書きました。
これはWordPressにプラグインを組み込んでMT形式(MovableTypeのインポート用テキスト)で出力するという方法だったのですが、このプラグインの保存先がリンク切れになってしまいました。
そこで自分でツールを作ってみました。
wp2mt.php
ダウンロードして解凍してください。
PHPが使える環境が必要ですが、WordPressが使えるならば問題ないとおもいます。
- WordPressで記事をエクスポート。XMLファイルで出力される。ファイル名を「wp.xml」とする。
- wp2mt.phpをPHPが使える環境に保存する。同じフォルダにXMLファイルを保存する。
- wp2mt.phpをブラウザで開くとMT形式で表示されるので、コピーしてテキストファイルとして保存。
- 保存したファイルを、MovableType(またはMT形式に対応しているブログ)にインポート。
実際に、エクスポートして、はてなダイアリー(MT形式に対応)にインポートしたところ、成功しました。一応、テストしたつもりですが、ご利用になるときは自己責任でお願いします。
また、コメントやトラックバックには対応していません。
WordPressにはWassUpという、アクセス状況を調べることのできるプラグインがあります。
WassUpはアクセスのログをMySQLのテーブルに保存しているのでSQLを使えば簡単にアクセス状況を集計をすることができます。
そこで「30日間にアクセスの多かった記事」を取得するSQLを考えてみました。
URLを「/wp/archives/3815」としている場合の例です。「wp」はWordPressのフォルダです。
ログは「wp_wassup」テーブルに保存されています。
記事は「wp_posts」テーブルに保存されているので、結合して記事のタイトルを取得します。
「30 *24 *60 *60」の「30」が日数です。
次が実行結果です。
| post_title |
ct |
| ワンピースARカードダスのレアカード |
7226 |
| ワンピースARカードダス一覧 第3弾 |
6166 |
| ワンピースARカードダス一覧 第2弾 |
4436 |
| ワンピースARカードダス一覧 |
4196 |
| 伝説ポケモンのARマーカー |
2243 |
| GoogleカレンダーにCSVファイルから予定をインポートする方法 |
1936 |
| ワンピースARカードダス、40枚中34枚を発見 |
1668 |
| 「ショットノート」を自作 |
1633 |
| ポケモン立体図鑑ARマーカーリスト |
1310 |
| 番号と日付がセットできる自作SHOT NOTE |
1241 |
ワンピースとポケモンばかりだ。
WordPressはMySQLで投稿データを管理しています。
そのためSQLを使って直に必要なデータを取り出すことができます。
投稿データのIDとタイトルを取り出す場合のSQLは次の通り。
WordPressは実際にブログ上に表示されるデータだけでなく下書きも保存されるので、ステータスが「publish」となっているものだけを抽出します。
IDを指定して投稿データを取り出す場合のSQLは次の通り。
WordPressでGoogleマップを表示するためのプラグインは色々あるようですが、私は「Google maps」という、シンプルなプラグインを使っています。
WordPress › Google maps « WordPress Plugins
インストールは他のプラグインと同様です。
ダウンロードして解凍してプラグインのフォルダ「Plugins」にコピーします。
初期設定として、APIキーを取得し(無料)、プラグインの設定画面に入力しておきます。
Google Maps API に登録する – Google Maps API ファミリー – Google Code
使い方は簡単です。 続きを読む…
このブログでも使っている、WordPressのプラグインの「CodeColorer」ですが、使用例についてまとめてみました。
他にも設定ができますが、効果が確認できなかったものについては割愛しています。
言語は私がよく使うものを使い、特にJavaScriptを中心に例を挙げています。 続きを読む…
WordPressではコメントをする際にアイコンが表示されます。
このアイコンの意味が分からなかったのですが、Gravatarというものを設定すると任意のアイコンが表示されることを知りました。
Gravatar – グローバルに認識されるアバター (Globally Recognized Avatars)
このサイトで自分が使いたい画像を登録するとアイコンとして表示されるようになります。
まずGravatarに登録する必要があります。WordPress.comに登録していれば、そのIDでログインできます。
またアイコンとなる画像を準備しておきます。
あとは指示に従って処理するだけです。
大きい写真でも途中でアイコンにしたい部分を切り抜く処理が出てくるので簡単です。
メールアドレスと画像が結び付けられるようです。
そのためGravatarに対応したWordPressのようなブログでコメントをする際に正しいメールアドレスを記入すれば、その画像が呼び出されて、アイコンとして表示されるというわけです。
先日、WordPress3.0の英語版にアップグレードし、日本語のカテゴリーやタグのページが開かない場合の対処法を書きました。
ようやく日本語版が出たので再度、アップグレードしたところ、また日本語のカテゴリーやタグのページが開かなくなってしまいました。
これはWordPressの問題ではなく、レンタルサーバの問題ですね。
WordPressを3.0にアップしたところ、日本語のカテゴリーやタグのページが開かなくなりました。
カテゴリーについては数が少ないのでスラッグを英語にすることで解決できますが、タグのすべてを英語にするのはなかなか困難。
探してみたところ次のようなページを見付けました。
notepad.under.jp » WordPressリダイレクトエラー？
似たような症状、条件(WP3.0、ロリポップ)なので真似してみました。
wp-includes/template-loader.phpの７行目、
do_action(‘template_redirect’);
をエスケープすると、無限ループにならなくなります。
正しく表示されるようになりました。
3.0は英語版を入れてみたのですが、日本語版が出るまで待てばよかったかな。
でもサーバが原因だと関係なさそうだし。
いずれにせよ、私のレベルでは解決できそうにない問題でした。ありがとうございました。
今まで気づかなかったのですが、このブログのいわゆる404エラーページ(該当ページが見つからないときに代わりに表示されるページ)を初めて見ました。
変な感じです。
これは今使っているテーマ「iNove」に含まれているページのようです。
まず画像(アイコン)が変ですし、文章も日本語化されているとは言え、おかしいです。
というわけでカスタマイズすることにしました。
強引ですが、フォルダ「/wp/wp-content/themes/inove」にある「404.php」を編集します。
こんな感じです。
<div id="talker">
<a href=自分のURL><img src=自分の画像のURL /></a>
</div>
<div id="notice">
<h1>File Not Found</h1>
<p>ページがみつかりません。ページは削除された可能性があります。</p>
<p>ブラウザの"戻る"ボタンをクリックして、以前に表示していたページに戻るか、次のリンクをクリックしてください。</p>
<div class="back">
<a href=自分のURL>ホームページへ戻る</a>
</div>
</div>
そしてできたのが次のページです。
新しい404エラーページ
テーマを更新したら元に戻ってしまうのでしょうが、とりあえずはこれで大丈夫でしょう。
最近のコメント