Lightbox Gallery plugin | WordPressで企業ウェブサイト作成・商用ホームページ制作 WordPress Go Go
http://wpgogo.com/development/lightbox-gallery.html

その場合は、アドセンスタグの中の以下のコード

google_set_screen_res();
google_set_dcmguid();

を削除すれば動作します。実際自分もこれを削除したら動作しました。

関連リンク：
WordPressでモバイルアドセンスするには | Adsense Mania|アドセンスマニア

無料で使える高機能な携帯アクセス解析サービスができたようです。早速自分のブログにも導入してみました。

なんか、ケータイ対応はしてるものの、ケータイでどれだけ見られているのか今まで取ってなかったのですが、うごくひと2を設置して、結構閲覧されていたので驚いた。

まずうごくひと2で何ができるかというと

■アクセスの多い端末を写真つきで表示

■どの検索キーワード来た人が2ページ以上閲覧されてるとか

■ユーザー属性

■足あと(mixiのようなＵＩで親しんでる人にはわかりやすい)

とこれだけでも驚き。見た目的にもかなり作りこんである。

ページに仕込むアクセス解析タグは、html(imgタグ)のほかに、php、ruby、perlの言語が用意されている。

で、これをwordpressに仕込むにはどうすればいいか紹介しますね。

雨のち晴れではケータイでの閲覧に対応させるためKtai Styleというプラグインを利用していますが、このthemeディレクトリにテンプレートがあるので、そこのfooter.phpに埋め込む感じです。

以下ようにbody閉じタグ直前に埋め込んでいるのですが、ページのタイトルをURLエンコードする事によってページのタイトルも送れる様にプチ改造が必要。

<?php
$UH2url  = "http://b16.ugo2.jp/?u=******&h=*****&ut=1&guid=ON&qM=";
$UH2url .= urlencode($_SERVER[HTTP_REFERER])."|Az|".(int)($_SERVER[SERVER_PORT]);
$UH2url .= "|".urlencode($_SERVER[HTTP_HOST])."|".urlencode($_SERVER[REQUEST_URI]);
$UH2url .= "|H|&ch=UTF-8&sb=".urlencode("[page_title]");
echo '<a href="http://ugo2.jp/m/">';
echo '<img src="'.$UH2url.'" alt="携帯アクセス解析" width="72" height="16" alt="" border="0" />';
echo '</a>';
?>
</body></html>

で、wordpressの個別ページでタイトルを呼び出すタグはthe_title();なのだけど、これだとhtml出力のechoも含まれてしまうので、変数値として使いたい場合は、第三引数にfalseを入れてやります。

the_title(”",”",false);

実際のタグは以下のような感じ

<?php
$aaa=the_title('', '', false);
$UH2url  = "http://b16.ugo2.jp/?u=******&h=*****&ut=1&guid=ON&qM=";
$UH2url .= urlencode($_SERVER[HTTP_REFERER])."|Az|".(int)($_SERVER[SERVER_PORT]);
$UH2url .= "|".urlencode($_SERVER[HTTP_HOST])."|".urlencode($_SERVER[REQUEST_URI]);
$UH2url .= "|H|&ch=UTF-8&sb=".urlencode("$aaa");
echo '<a href="http://ugo2.jp/m/">';
echo '<img src="'.$UH2url.'" alt="携帯アクセス解析" width="72" height="16" alt="" border="0" />';
echo '</a>';
?>
</body></html>

ね、簡単でしょう？

ダウンロードサイト：
Free Icons, Photoshop Brushes and a WordPress Theme | Freebies | Smashing Magazine

・デモ

自宅サーバーの開発環境で試してみました。

これがトップページ。表示設定で指定した記事分スクロールできる。

パーマリンク（個別記事）ページ

カテゴリー・アーカイブページ

で、写真についてはカスタムフィールドを使って指定するようです。

・トップページ⇒lead_image(w:940px×h:600px)
・パーマリンク（個別記事）ページ⇒single_image(w:940px×h:300px)
・カテゴリー・アーカイブページ⇒archive_image(w:270px×h:172px)

というように、それぞれカスタムフィールドで値を画像のURLで指定すればOK。

・チュートリアルムービー的なもの

一記事に対してサイズの違う3つの画像を用意しなければならず、毎日更新するブログとして使うには手間ですが、ポートフォリオ等、自分の作品を飾っておく用途であれば使えるかなぁと。

Contact Form 7 (日本語) « iDeasilo

インストールしてアクティブにするとToolsのところに設定項目が出来ます。

フォーム部分のタグを設定できます

メール内容を設定します

なので、送信メールに関する簡単なカスタマイズが可能。

で実際作ったのがコレ

というのを記事投稿画面にて入れただけでメールフォームが作成できます。

必須項目なんかも設定でき、もちろんラジオボタンやセレクトボックスなんかも設定できます。さらにはjQueryにてAjaxの動的送信が可能。入力チェックなんかも画面遷移せずにいくのでスマートです。しかもスパムメールを防ぐwordpress標準のプラグイン「Akismet」によるフィルタリングをサポート。

詳しくは作者HPにてご確認ください。
Contact Form 7 (日本語) « iDeasilo

実際やってみたらホントだった。

雨のち晴れ » 美女暦

なんでっすかね？考えられる理由：

・タイトルがまんまだから
・ケータイ対応してるから
・美女暦はケータイ対応してないので、ケータイサイト上ではそれほど語られてないから

それにしても、うちのブログ、ケータイからのアクセスって結構あるのかなぁ。GoogleAnalyticsはケータイのアクセス数は見れないのでちと気になるとこ。wordpressのプラグインでケータイのアクセスを調べられるのがあるらしい。

ってググったみたけどそれらしいもの見当たらず・・・。

んでもアクセス解析ならphpでできたはず。昔作った。そいつをKtaiStyleに組み込めばいいのか。

こんどの連休にやってみよう。

WordPress 2.6.5-jaから2.7にアップグレードしました。変わったとこと言えば管理画面。メッチャ変わった。

ページ上部の横並びナビゲーションから左サイドバーメニューになった。あと、レイアウトとか全てパーソナライズできます。これは便利ですね。まああまりレイアウト変更しなくてもデフォのままでいいっちゃあいいが。とにかく使ってみないといまいち分からないので使ってみることにする。

あ、2.7にすると以降のアップグレードは管理画面で全てできるようになります。ボタンポチで。今までみたいにzip落としてきてftpで上書きとかしなくていいのはいいね。プラグインなんかも、管理画面から人気のあるやつとか探すことが出来るようになった。今のとこ英語版ばかりですが。

2.7にアップグレードしたよーってブログもチラホラ見られるけど、管理画面のUI変わったって以外にｋｗｓｋ言及してるのは今のところない模様。

最近のweb構築に関して言うと、運営や管理が楽に出来ないと、それだけに時間を費やしてしまいがち。肝心の中身をどんどん更新していかないといけないのに、あるページを追加しようとするとデザインを考えたり、リンク先を考えたり、アクセス解析を仕込んだりと結構大変。仕事でサイト管理を外注してたりすると、お金まで取られる始末。しかもメールやりとりでの確認作業とかどうしてもスピードが犠牲になる。じゃあ更新の楽なブログを使えって話ですが、ブログっぽい見せ方は個性が出せず、なんかイヤだ。

そういう時はカスタマイズという手があります。要は、ブログのようなレイアウトじゃなくて、普通のホームページのような感じに見せることが出来ます。けど、更新はブログの管理画面で。つまりブログを更新する感覚でそのサイトを更新できる感じです。

例えばこんなサイトとかが例です。
FREEPAPER [f-dex:エフデックス]

フリーペーパーのサイトですが、全てwordpressにて構築されています。ブログ・・・じゃないですよね。ここまでいくと。

こういうサイトを構築するためにはwordpressのテンプレートのカスタマイズが必要です。wordpressのテンプレートとはすなわちtheme(テーマ)の事です。

と言う事で、現在自分も構築していると言う事でメモ代わりにこれから書いていくことにします。

WordPressのテーマの仕組み

wordpressのテーマは管理画面でワンクリックで変更、再構築もいらないという優れものですが、まずその中身はこんな感じでできています。

第一階層のphpファイルがテンプレートファイルです。第二階層でいくつか順番に並んでいるのは、もし第一階層のファイルがない場合、第二階層のテンプレートファイルが上から優先順位順で適用されると言う意味です。index.phpというのが最終的には適用されるので、災厄index.phpとスタイルシートさえあればwordpressのテーマを作る事ができます。

ページテンプレート

wp-content/themes/hogehoge
├ home.php  [トップページのみ]
│ └ index.php  [共通テンプレート]
│
├ single.php  [シングルページ　URL：/?p=記事のID]
│ └ index.php  [共通テンプレート]
│
├ page.php  [ページテンプレート　URL：/?page=記事のID]
│ └ index.php  [共通テンプレート]
│
├ category-num.php  [カテゴリページ(numはカテゴリID)　URL：/?cat=カテゴリのID]
│ ├category.php [共通カテゴリページ]
│ ├archive.php [アーカイブページ]
│ └ index.php  [共通テンプレート]
│
├ date.php  [カテゴリページ(numはカテゴリID)　URL：/?m=200812]
│ ├archive.php [アーカイブページ]
│ └ index.php  [共通テンプレート]
│
├ tag-slug.php  [タグテンプレート(slugはタグスラッグ)　URL：/?tag=タグスラッグ]
│ ├tag.php [共通タグページ]
│ ├archive.php [アーカイブページ]
│ └ index.php  [共通テンプレート]
│
├ author.php  [ユーザーテンプレート　URL：/?author=ユーザーID]
│ ├archive.php [アーカイブページ]
│ └ index.php  [共通テンプレート]
│
├ search.php  [検索結果テンプレート　URL：/?s=検索キーワード]
│ └ index.php  [共通テンプレート]
│
├ taxonomy.php  [タクソノミーテンプレート　URL：/?taxonomy=タクソノミースラッグ&タームスラッグ]
│ └ index.php  [共通テンプレート]
│
├ 404.php  [404テンプレート]
│ └ index.php  [共通テンプレート]
│
├ images/ 【名称は自由、画像はここでなくても良い】
│
├ screenshot.png 【テーマのサムネイル画像。管理画面で表示される。w300 h225が適当】
│
└ style.css  [スタイルシート]

これらページテンプレート全てに共通で使う部分などがあります。例えばヘッダー・フッターなどです。そういうのはパーツテンプレートとして呼び出すことが可能です。またfunction.phpには様々な関数を記述しておき、それらを使いたいときに呼び出すことの出来るテンプレートです。あらかじめテーマで用意されているパーツテンプレートは以下の通り。

パーツテンプレート

wp-content/themes/hogehoge
├ header.php  [<?php get_header();?>で呼び出す]
│
├ footer.php  [<?php get_footer();?>で呼び出す]
│
├ sidebar.php  [<?php get_sidebar();?>で呼び出す]
│
├ comments.php  [<?php comments_template();?>で呼び出す]
│
├ function.php  [特に記述しなくても読み込まれているので適宜関数名指定で呼び出す]
│
└ ***.php  [<?php include(TEMPLATEPATH.'/***.php');?>で呼び出す]

このような仕組みでテーマが仕上がっています。function.phpでは管理画面上でサイドバー要素を自由に入れ替えたり順序を変えたりしたりすることの出来るダイナミックサイドバーを使用するためにregister_sidebar();という関数を記述したりします。詳しくは後ほど。

スタイルシート

スタイルシートでは文頭に以下のようなのをコメントアウトで表記すると、テーマとして認識されます。

/*
Theme Name: テーマ名
Theme URI: 配布先URL
Description: ディスクリプション
Version: バージョン
Author: 著作者名
Author URI: 著作者のHPのURL
*/

そしてscreenshot.pngという画像ファイルを入れると、テーマのサムネイル画像として管理画面で表示されます。横幅300px 縦幅225pxが適当です。

基本、構造はこんなところです。じゃあ、次は実際にindex.phpを作成してページの基本となるデザインを決めて、header.php、footer.phpなどを切り分けて表示できるようにカスタマイズしてみます。

今日はここまで！

移転先はさくらにします。多分一生更新するブログなのでプレミアムプランにする予定。3GBです。プラン変更は未対応みたいなので。

引越ししてもアドレスとかはそのままなので、見た目何も変化はないです。むしろ表示が速くなるかも。ロリポは夜とか重いからね。DB繋がらないときもあるし。

さて、問題はこのブログをうまく引越しできるかです。インポート、エクスポートはあるので多分大丈夫だと思うが。ま、やってみよ。ああああ、ドメイン移管も必要だった（;´Д｀）

プラグインダウンロード；
WPtouch: WordPress On iPhone » BraveNewCode

ついでにwordpressの本体も最新にアップグレードしてみた。ちなみにwordpressのアップグレードの仕方のページが面白い。

4、もっと何かしたかったですか ? これだけです !

（;´Д｀）

さらに、プラグインなんかも一斉アップグレード。全部管理画面から自動アップグレードかけて、勝手にファイルをダウンロードしてくれて完了。簡単すぎるぞほんと。

4、もっと何かしたかったですか ? これだけです !

（　＾▽＾）

事実雨のち晴れでも
http://www.ame-nochi-hare.com/?feed=rss2
↓
http://feeds.feedburner.jp/amehare
のように変更されるのだが、これだと元々のアドレスを登録してた人は登録し直してもらわないといけなくなる。購読者数が数人ならば、登録しなおしてね～とメールすればいいけど、購読者数が多いとそうもいかん。(雨のち晴れはメールすればいいレベル・・・)

そういう時は、サーバーに.htaccessを置いて元々のRSSファイルをFeedburner側のRSSにリダイレクトさせる(ロリポサーバーはmod_rewriteがインストールされてるやり方で)ようにすればオーケーなんですが、自分の使っているWordpressではそういうめんどくさいことをやらずにプラグインで1発対処できるのがすごいところです。

そのプラグインてのがFeedBurner FeedSmith pluginです。以下やり方。

1、
以下からFeedBurner FeedSmith pluginをダウンロードする。

FeedBurner Help Center
http://www.google.com/support/feedburner/bin/topic.py?topic=13252
※Creating your WordPress feed (self-hosted WordPress)のところをクリックして表示されるページのDownload the pluginをクリック

2、
zipを解凍してwp-content/pluginにぶちこむ

3、
管理画面から有効化

4、
feedburnerの自分のアドレスを入れる

以上

まあwordpressのRSSはphpなのでリダイレクトとかオチャノコサイサイなんだけどね。MTなどxmlやrdfで吐き出している場合はやっぱ.htaccessの方法で・・・。

WordPressを安全に運営するためのTips。

WordPressのようなオープンソースでフリーなブログはセキュリティに関することも自己責任。自分のブログもWordPressだけど、そこまで考慮に入れて使ってなかったので非常にありがたいです。。。

こう見ると結構穴あるね。こわやこわや・・・