WPでウェブ拍手を簡単に! 「wp-webclap」
イラスト系のサイトではweb拍手がよく使われています。
おそらくはコメント欄では少々面倒な時もweb拍手では気楽にメッセージを送ったりできるのが気に入られているのでしょう。
ユーザに関してもコメントよりweb拍手の方がレスポンスを受けやすいので自分で使う為に作ったプラグイン「wp-webclap」を公開します。
更新履歴
- 0.1.2
- ボタン押下時の表示を別ウィンドウか同一ウィンドウかを選択出来るようにした。
- 0.1.1
- 自動ボタン追加機能のバグを修正。
- 0.1.0
- 内蔵web拍手機能追加。それに伴う修正等。
- 0.0.6
- 初回起動時にエラーが発生するバグを修正。
- 0.0.5
- wordpress 3.0以降に最適化。多言語化準備。内部構造の修正。
- 0.0.2 差し替え版
- 登録時のバグを修正。
- 0.0.2
- エントリー毎にボタンのテキストを変更できるようにした。
- 0.0.1
- 初リリース
ダウンロード
- wp-webclap-0.1.2 for WP 3.3以降
- wp-webclap for WP 2.2以降
インストール方法
インストールするには、「プラグイン」→「新規追加」で「webclap」を検索し、「wp-webclap」の「今すぐインストール」を選択するか、ダウンロードしたファイルを解凍して出てきたwp-webclapディレクトリをwp-content/pluginsの中に入れます。
そしてプラグイン設定画面からWP WebClap Pluginを有効化してください。
設定
設定は「設定」→「web拍手プラグイン設定」から行うことが可能です。
設定項目には下記の設定があります。
- Web拍手種類
- web拍手の管理を内蔵のものか、外部のweb拍手に登録したアカウントで管理するかを選択します。
- ボタン挿入方法
- 自動と手動があり、自動に設定すると各ページのコンテンツの最後に自動的にweb拍手ボタンを追加します。
手動の場合はテンプレートタグを記述する必要がありますが、好きな位置に表示させることが可能です。 - 処理ページ（固定ページURL）
- 内蔵エンジンを使用する場合、拍手受付用の固定ページのスラッグを記述します。
- 表示方法
- ボタンの表示方法を設定できます。
通常ボタン、テキスト表示、画像ボタンでボタンが生成されます。
異なるフォーマットで表示したい場合にはカスタムを選択し、テキストボックスにアカウント名が入る部分を[account]、ボタンテキストが入る部分を[value]にしてHTMLを記述するとそのフォーマットで表示されます。 - デフォルトでボタンを有効にする
- チェックボックスにチェックを入れることにより、記事投稿時のweb拍手の設定がデフォルトで有効になります。
- 標準のボタンテキスト
- ここに記述されたテキストが記事投稿時のweb拍手の設定のタイトルに設定されます。
各記事でボタン名を変更することも可能です。 - ボタン画像 通常時
- 画像ボタンを選択された時に使われるボタン画像をアップロード出来ます。ここにアップロードしたボタンがマウスカーソルが乗っていない時の画像となります。
- ボタン画像 ホバー時
- 画像ボタンを選択された時に使われるボタン画像をアップロード出来ます。ここにアップロードしたボタンがマウスカーソルが乗っている時の画像となります。
通常時の画像をアップロードせずにホバー時の画像のみをアップロードした場合には自動的に通常時の画像として扱われます。 - アカウント名
- 外部エンジンを選択した場合に記入します。
web拍手に登録したアカウント名を設定します。
タグの記述
テンプレートの表示したい部分に<?php showWebClap(); ?>を入力する事によってweb拍手ボタンが表示されます。
エントリーのループ内に記述された場合にはそのエントリーで設定されたボタンテキストで、それ以外の所に記述された場合にはデフォルトボタンテキストで表示されます。
括弧の中に文字列を指定した場合には(<?php showWebClap('ボタンの文字'); ?>)指定された文字列でボタンが生成されます。
エントリーの設定
wp-webclapを有効化すると、エントリー入力テキストエリアの下に設定部分が表示されるようになります。
ここで設定したテキストがそのエントリー内でのweb拍手ボタンのテキストとなります。
ボタンを表示したくない場合にはチェックボックスをオフにする事によって表示がされなくなります。
表示例
上記のように設定を行なった後にエントリーを表示すると下図のように表示されます。
内部エンジン使用時
内部エンジンを使用する場合には固定ページで拍手受付ページを作成する必要があります。
「固定ページ」→「新規追加」にて新しいページを作成し、コンテンツに[webclap]と記述し、スラッグを指定して保存してください。
そして設定画面の「処理ページ（固定ページURL）」にスラッグを指定し、拍手ボタンをクリックすると、先ほど作成した固定ページへ遷移し、拍手が行われます。
拍手受付ページの編集
拍手受付ページのレイアウトを変更したい場合には同梱されているpage-webclap.phpを使用しているテーマのディレクトリに配置してください。このテンプレートはスラッグが「webclap」の固定ページ用のテンプレートとなっており、他のページには影響を与えません。
解析ページ
内蔵エンジンを使用している場合にはダッシュボードに拍手された情報が表示されるようになります。
[...] Visit [...]
[...] いや、こういうのとかあるのは知ってるんですけどね。 なんだか別ページ呼ぶ形っぽくって。 [...]
[...] WordPress バージョン 2.6.2を使ってみた。 さっそくplugin探しに旅立つこと数分。 webclapツール発見！！！しかもfc2の拍手機能バリ！！ wp-webclapなどやfc2の拍手をそのまま埋め込む方法など色々あったけど、GJ!は簡単に設置出来て、fc2のようにClick数も出るしコメントもweb上で確認可能！ Web拍手ツール【ＧＪ！】からダウンロード 【1】 ダウンロードして解凍 【２】 wp-content→theme→使用中テーマディレクトリ→header部分のテンプレートの<head>～</head>に <script type=”text/javascript” src=”http://xxx.net/gj/gj.js”></script> <script type=”text/javascript” src=”http://xxx.net/gj/prototype.js”></script> 【３】 gj/gj.jsの以下の部分をアップロードする場所のURLに変更 //【GJ!】PHPスクリプトへのURL URL = “http://xxx.net/gj/gj.php”; //拍手数を表す画像へのURL img_1 =”http://xxx.net/gj/img/mark1.gif”;//１の位（小画像） img_10 =”http://xxx.net/gj/img/mark10.gif”;//１０の位（中画像） img_100=”http://xxx.net/gj/img/mark100.gif”;//１００の位（大画像） 【４】 gj/gj.phpの２０行目の$PASS = “****”を変更 【５】 拍手を表示させたい部分のテンプレートを開いて設置したい場所に <input id = “<?php the_permalink(); ?>” type = “image” src = “” alt=”拍手” style=”vertical-align:middle;border:none;” onClick=”goodjob(’<?php the_permalink(); ?>’,’<?php the_title(); ?>’) “><script>showbutton(’<?php the_permalink(); ?>’,’<?php the_title(); ?>’) ;</script><input type = “text” id =”<?php the_permalink(); ?>_gj_message” style=”visibility:hidden;vertical-align:middle;”> 【６】 アップロードしてパーミッション変更。 ┌gj.php(644) ├gj.js(644) ├prototype.js(644) ├gdtest.php(644) ├loc(777) *空ディレクトリ ├img(755) *ボタン画像 └log(777) *空ディレクトリ で完了 [...]
[...] wp-webclapなどやfc2の拍手をそのまま埋め込む方法など色々あったけど、GJ!は簡単に設置出来て、fc2のようにClick数も出るしコメントもweb上で確認可能！ [...]
[...] ■wp-webclap 導入バージョン：0.0.2 web拍手ボタンを生成してくれるプラグイン。 エントリごとに、ボタンに表示される文字を変えたり エントリ以外の部分にもボタンを設置するコトが出来て便利。 [...]
[...] ることならマニュアルを読まなくても設置できるタイプが望ましい。 で、選んだのが「wp-webclap」と言うプラグイン。 導入はリンクページを参照してもらうだけで済むので、タグの挿 [...]
[...] WPでウェブ拍手を簡単に! 「wp-webclap」 – Transrain 悠希のだらだらweblog (tags: WordPress, Plugins) [...]
——————-
アカウント名
web拍手に登録したアカウントの名前を入力してください。
このアカウントへと拍手が送信されます。
——————-
どちらで登録すればよろしいのでしょうか？
http://www.webclap.com/
こちらの無料版サービスとなっています。
[...] 「Publish to Mixi」-mixi同時投稿プラグイン(mixi publisherから変更) 「WP WebClap Plugin」-Web拍手プラグイン 「NicoNico Video Linker」-ニコニコ動画表示プラグイン [...]
はじめまして。
Wordpress3.1を利用しています。
こちらの最新版をダウンロードさせていただきインストールしたのですが、
有効化しようとすると「500Error－CGIかSSIが正常に動作していません」
というメッセージが出て有効化できません。
試しに全てのプラグインを一度無効にしてからこちらを有効化しようとしましたが
やはり同じエラーが出てしまいます。
この原因はわかりますでしょうか。
サーバの環境が分かりませんので何とも言えません。
ただ、PHP-CGI環境ではテストしておりませんので何かしら原因があるかもしれません。
調査させていただきます。
[...] 事の発端は、web拍手が wordpress から分離してて不便だなー、ってところでして、 wp_webclapという便利っぽいプラグインがあったので インスコしてみようとすると……、久々に拝む 500 error [...]
[...] このプラグインは、Transrainさまのサイトでダウンロードできます。 [...]
はじめまして、プラグインのカスタムについて質問させてください。
拍手後に偏移されるページにメッセージなどを入れたいのですが、
「もっと送る」のフォームが記事本文より先に表示されてしまいます。
[webclap]より前にメッセージを記述してもだめでした。
先に出力されるような処理が入っているのでしょうか…
もう一点、拍手後に別窓が立ち上がるのですが、
同じページ内に表示したい場合はどこをいじればいいでしょうか。
処理している箇所を教えていただければと思います。
soraさん
ご報告ありがとうございます。
こちらはタグ自動追加時のバグでした。
修正版をリリースしましたので、ご確認いただけますでしょうか。
こちらはプラグインディレクトリの中の「templates/tag_*.html」を編集することによって同一ウィンドウに変更する事が可能です。
web拍手.com利用時は「tag_external_*.html」、内蔵エンジン利用時は「tag_internal_*.html」となっています。
出力方式での違いで、「button」「image」「text」のいずれかを修正してください。
修正方法は「target=”webclap”」となっている部分と、scriptタグの部分を削除します。
やりたかった通りに動かすことが出来ました、
すばやい修正、ご指南ありがとうございました！
たびたびすみません。
バージョンアップありがとうございました。
早速最新版を使ってみたのですが、ボタンが表示されない現象が起きております。
現在当方でヘッダーメニューの後ろに手動でコマンドを入れているのですが、表示が突然出なくなりました。
どうやらインデックスを固定ページにすると出力されず、最新の投稿だと表示されるようです…ご確認いただけますでしょうか。
soraさん
再度のご報告ありがとうございます。
当方のテスト用環境にてインデックスページを固定ページにしてみましたが、
表示は想定通りにthe_contentの最後に表示されておりました。（自動ボタン追加時/web拍手以外の固定ページ）
再現が行えなければ修正ができませんのでもう少し情報をいただけないでしょうか。
お手数ですがお願いします。