Web拍手:
ウェブリブログにはあった「気持玉」の代わりに,ひとまず,「Web拍手ツール【GJ!】(グッジョブ!)」を導入してみました.
「Web拍手ツール【GJ!】(グッジョブ!)」
http://hmlab.info/minor/products/gj
0.
SeeSaaブログ自身にはスクリプトを置くことができないので,適当にサーバを確保する必要があります.
私の場合は,自分で管理している noike.info を使いましたが,XREA などの PHP と GD が動きそうなレンタルサーバでも動かせるかもしれません.
1.
確保したサーバに GJ を設置します.
基本的に,
http://hmlab.info/minor/products/gj
に書いてあるとおりですが,gj.php のパーミッションは,Apache の設定によっては,644 ではなく,666 や 646 である必要があります.
ウチの設定では,gj.php が Other User の権限で動作するので,Other User に書き込み権限を与えるために,646 でないと動きませんでした.
2.
SeeSaa ブログの各記事に GJ が表示されるように,次のように設定します.
まず,GJ スクリプトが読み込まれるように,
[デザイン] → [コンテンツ] (「編集モード: ノーマル」)
[記事] → [コンテンツHTML編集]
<% content.header -%>
<!-- Content -->
の下あたりに,
<script type="text/javascript" src="http://(グッジョブ)/gj.js"></script><br />
<script type="text/javascript" src="http://(グッジョブ)/prototype.js"></script>
を追加します.
http://(グッジョブ)/
の文字列は,設置した GJ の URL に合わせて,適宜,書き換えてください.
次に,各記事で GJ が表示されるように設定します.
http://hmlab.info/minor/products/gj/gj-movable
に書かれている基本的なテンプレートは,SeeSaa ブログの場合は,次のとおりです.
<input id = "<% article.page_url %>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>') "><script>showbutton('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>');</script><input type = "text" id ="<% article.page_url %>_gj_message" style="border-color:orange;vertical-align:middle;"> <span id="<% article.page_url %>_gj_mark"></span><br />
↑ボタンを押すと拍手を送ることができます。メッセージも送れます。<br />
要点は,
o <$MTEntryPermalink$> → <% article.page_url %>
o <$MTEntryTitle$> → <% article.subject | jsescape | tag_strip %>
です.
これを,[記事] の [コンテンツHTML編集]の中に追記すれば,追記した位置に GJ がメッセージ送信用テキストボックスとともに表示されるようになります.
たとえば,
<% if:blog.bookmark_service %>
の上あたりに追記すれば,「ブックマーク用ボタンが並ぶ行」の上あたりに GJ が表示されます.
(「記事のタグが並ぶ行」と「ブックマーク用ボタンが並ぶ行」の間あたりに GJ が表示されます.)
私は,
o メッセージ送信用テキストボックスは必要ない
o 「記事本文」と「タグ」の間に GJ を表示したい
ということを実現するために,
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody" style="word-break: break-all;">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %><% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
<% if:blog.bookmark_service %>
を次のように書き換えました.
<% if:with_date %><h2 class="date"><% article.createstamp | date_format("%Y年%m月%d日") %></h2><% /if %>
<div class="blogbody" style="word-break: break-all;">
<h3 class="title"><a href="<% article.page_url %>" class="title"><% article.subject %></a></h3>
<% if:page_name eq 'article' -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.entire_body | bodyfilter(article_info,blog) %>
<!-- Web 拍手 GJ -->
<br />
<br />
Web拍手:
<input id = "<% article.page_url %>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>') "><script>showbutton('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>');</script><input type = "hidden" id ="<% article.page_url %>_gj_message"<span id="<% article.page_url %>_gj_mark"></span><br />
<br />
<br />
<!-- Web 拍手 GJ ここまで -->
<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% else -%>
<div class="text"><% if:diet_log %><% include:article_diet_file %><% /if %><% article.first_body | bodyfilter(article_info,blog) %>
<!-- Web 拍手 GJ -->
<br />
<br />
Web拍手:
<input id = "<% article.page_url %>" type = "image" src = "" alt="拍手" style="vertical-align:middle;" onClick="goodjob('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>') "><script>showbutton('<% article.page_url %>','<% article.subject | jsescape | tag_strip %>');</script><input type = "hidden" id ="<% article.page_url %>_gj_message"<span id="<% article.page_url %>_gj_mark"></span><br />
<br />
<br />
<!-- Web 拍手 GJ ここまで -->
<% if:list_tag %><div class="tag-word">タグ:<% loop:list_tag %><a href="<% blog.tag_url(tag) %>"><% tag.word %></a> <% /loop %></div><% /if %>
<% /if -%>
やっていることは,
<% if:page_name eq 'article' -%> と
<% else -%> のそれぞれの中で,
「記事本分」と「タグ」の間への GJ表示テンプレートの追記,です.
これで,「Web拍手ツール【GJ!】(グッジョブ!)」が導入できました.
「いい記事だ!」と思ったときには,「Web拍手:」の右にあるアイコンをクリックしてみてください.
連打してくださっても構いませんが(^^;),連打は 10回までに制限してあります.
ウェブリブログにはあった「気持玉」のように何通りかの投票ボタンを用意するには,GJ 複数設置するだけでは上手く動かないので,GJ を改良する必要があることがわかりました.
そのうち,手をつけるかもしれませんが,いまのところは,こんな感じで.
==
GD を使う PHP プログラムで「Call to undefined function imagecreatefromgif()」という Fatal Error が出るときは,
http://knoike.seesaa.net/article/153680875.html
【コンピュータの最新記事】
- このブログ「とり茶」を,Seesaaブログから自宅サーバーの WordPress..
- メロディを入力することで楽譜を検索できるシステム,「musiconn.score..
- いつのまにか,MuseScore のモバイルアプリが Freemiumモデルに移..
- 「blogramサービス終了のお知らせ」 どこが運営しているブログシステムかを問..
- noike.info サイトの内容を WordPress で管理することにしまし..
- A 様から,「SMF to MP3 with ぼーか郎」に Amazon ギフト..
- noike.info ドメインの有効期限を 1年延長した.去年と変わらず 160..
- MuseScore の 2.3.2 がリリースされたそうです.
- 「MusicXML to MP3 with ぼーか郎」で,拡張子が .music..
- MuseScore の 2.3.1 がリリースされました.同梱されている言語ファ..
- Windows 用の MuseScore 2.3 で,ストレージ(ディスク)に十..
- MuseScore の 2.3 が公式にリリースされました.個人的には,新機能の..
- MEI, MusicXML, PAE(RISM) のデータを WordPress..
- 池添 彰 様から,noike.info のサービスに Amazon ギフト券での..
- 先日の Windows Update 適用後から Emacs(NTEmacs) ..
- 「東芝コミュニケーションAI「RECAIUS」(リカイアス)の音声合成技術」「音..
- TVアニメ版の「紅殻のパンドラ」を観終えた.全 12 話.「攻殻機動隊」の世界観..
- Android タブレットを PC のマルチディスプレイのひとつにすることを思い..
- MuseScore が 2.2.1 にアップデートされました.2.2 のリリース..
- MuseScore の 2.2 がリリースされました.いままでと同様に無料で使え..