見出し画像

do様のプログラム「いいねボタン改」を使用した てがろぐの単独記事にいいねボタンを挿入するカスタマイズ

do様(https://do.gt-gt.org/)のプログラム「いいねボタン・改」を使用した
てがろぐの単独記事にいいねボタンを挿入する
方法です。

※2022年10月25日現在。てがろぐVer 3.8.3(β版)、いいねボタン改ver1.2で動作確認済みですが 今後のアップデートで動作が出来なくなる場合があります。

※いいねボタン・改を設置することが出来、てがろぐスキンをカスタマイズできる程度の中級者向け

※設置方法についてはマニニュアルをご覧ください。

※必ずdo様のサイトのマニュアルを見て いいねボタン・改の設置をしてから行ってください


いいねボタンを設置したい場所
 にある

data-iinename="いいねボタンの名前"の部分の「いいねボタンの名前」を適宜書き換えてください。いいねボタンは、ここに記述された名前によって区別されます。

引用先:いいねボタン・改 設置手順

このdata-iinename="いいねボタンの名前"の部分の「いいねボタンの名前」をてがろぐ記法のタグに置き換えます。

do様のマニュアルによると

「data-iinename=""には 一部の半角記号(ハイフン、アンダーバー等。スラッシュ、ピリオド、コロン等は使えません)」

との記載がありますが

てがろぐ記法に使われてる「[」「]」「:」は使用することが出来ます

あとで内側(個別投稿の表示用)のスキン「skin-onelog.html」に張り付けるので
内側用(個別投稿用)のてがろぐ独自タグで指定します

個人的におすすめしたいのが

[[POSTID]]    →投稿No.(投稿1つ1つに付加される固有番号)
[[USERID]]
    →投稿者のID名
[[USERNAME]]
  →投稿者の表示名
[[COMMENT:LINE:1]] →投稿本文の1行目だけ
[[COMMENT:TEXT:○○]] →投稿本文の先頭から○○文字だけがプレーンテキスト(※極力少な目が好ましい)

引用先:てがろぐ カスタマイズ方法

※ここにはない てがろぐ記法のタグ(※内側スキン用タグ)でも大丈夫です

自分は主にミニブログ感覚でてがろぐを使用しているので[[COMMENT:LINE:1]]のみを使用しています。
(本当は[[POSTID]] もつけたほうが良いのかもしれないけど)

重要なのが、いいねボタンを押して てがろぐ独自タグからいいねボタン改に出力される文字(要は『いいねボタン改管理画面の「すべてのいいねボタン」の「ボタン」の1つの枠に入る文字』)の総数が あまりにも長すぎるとエラーが出てしまうので短めが好ましいです

いいねボタン改の管理画面のボタン名の文字数2行半くらいまでになることを想定して記載することをおすすめします

てがろぐ記法を貼ったタグを内側(個別投稿の表示用)のスキン「skin-onelog.html」の貼りつけたい箇所に設置します

あとは「いいねボタン・改」の設置を完了させたスキンの「skin-onelog.html」
反映したいてがろぐスキンのあるディレクトリにアップロードして

エラーが起こらないか必ずテスト動作を行い
(いいねボタン改の設定で 同一IPによる1日のいいね数上限を一時的に増やし、複数記事のいいねボタンを押して確認した上で)、

いいねボタン改の管理画面の「すべてのいいねボタン」の「ボタン名」を確認し、単独記事でいいねボタンが押せてることが確認でき、問題なければいいねボタンの設置は完了です。

最後に

テストで押したいいねの削除について

https://自分のサイト(newiine_app前まで)/newiine_app/data/ に各記事のいいねのcsv形式ファイルがありますので
テストで使用したページのいいねは 該当ファイル(例えばすべてのイイネボタンの「ID="1」"の記事を削除したなら ID="1".csvを削除)を削除することでクリアにすることが出来ます

【注意】ファイルを削除すると該当ページ及び記事のいいねの数がすべて消え、カウントが0に戻ります。バックアップを取るなりして 削除は全て自己責任でお願いします。

Q.いいねボタン押してもエラーが出てしまう

A.いいねボタン改の設置方法を間違っている または いいねボタン改のタグ内の data-iinename="いいねの文字"の「いいねの文字」のテキスト総数があまりにも長すぎるとエラーが出てしまいます
いいねボタン改の設置方法を間違っている以外の件に関しては いいねの文字のテキストが長すぎる件は短めになるように調整するしかありません。

Q.いいねボタン改について てがろぐとてがろぐ以外のページと共用したい。なんとか区別させる方法はないのか

筆者本人の実際の管理画面。

現状、data-iinename="いいねの文字[てがろぐ独自タグ] "の てがろぐ独自タグに加えて少し文字を足すしか方法はありません
(他にも効率良い方法あったら是非教えて欲しい)

ただ、いいねボタン改の説明にもあるとおり 使用できない文字がありますのでご注意ください。

自分の場合、

てがろぐ内  →  data-iinename="てがろぐ:[[COMMENT:TITLE]] "
てがろぐ外  →  data-iinename="a_カテゴリ名"
(作品掲載ページとか)

で名前を見て区別できるようにしています。

ちなみに、てがろぐ外の data-iinename="a_カテゴリ名" の先頭にaを付けることによって昇順に来た時に一番上に来ることを想定し名前を指定しています

いいなと思ったら応援しよう!