17. 9月 2009

Lightbox Galleryいいかも

wordpressのギャラリー機能をlightboxでにょいーんと表示してくれるYO!

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

24. 4月 2009

wordpressでgoogle adsenseをモバイルに仕込む注意点

ケータイのgoogleアドセンスを仕込んでみたのだけど、サーバーによっては動作しないことがあるようです。

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

google_set_screen_res();
google_set_dcmguid();

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

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

wordpressでうごくひと2を設置する方法

無料の携帯アクセス解析「うごくひと2」: 商用利用可
http://ugo2.jp/

021

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

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

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

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

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

■ユーザー属性
08

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

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

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

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

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

07

以下ように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>

ね、簡単でしょう?

04. 3月 2009

デザイナーのポートフォリオサイトに最適のwordpressテーマ – viewport

wordpressのテンプレートで写真を大きく見せられて、かつ詳細を見せられる便利なテンプレートがあったのでご紹介。フリーのデザイナーさんであればポートフォリオサイトに。カメラマンであれば作品紹介等、いろいろな用途に使えそうです。

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

デモ

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

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

パーマリンク(個別記事)ページ
022

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

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

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

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

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

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

11. 1月 2009

Contact Form 7 – かんたんにメールフォーム作成

wordpressのプラグインでメールフォームが簡単に作れるプラグインがあったのでご紹介。

Contact Form 7 (日本語) « iDeasilo

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

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

メール内容を設定します
03

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

で実際作ったのがコレ

お名前 (必須)

メールアドレス (必須)

題名

メッセージ本文

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

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

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

Pages: 1 2 3 Next
next