この前、仲良くしていただいている個人サイトの管理人さんからてがろぐにいいねボタンをつけたいというご相談をいただきました。
※下記バージョンで試しています
てがろぐ ver: Ver 4.1.0 https://www.nishishi.com/
いいねボタン改 ver: Ver 2.4 https://do.gt-gt.org/product/newiine/
CGIは「フォルダごと」アップロード
配布されているフォルダごとアップロードする必要があります。
フォルダから出してファイルだけアップロードしてしまうと不具合が起こります。
設置方法の記載場所
CGIのアップロードが終わったら、「いいねボタン改」の設置マニュアルに記載されている「いいねボタンの設置」の３種のコードは下記のように分けて記載します。
①<head>～</head>の間に書くコード
②</body>（閉じタグ）の直前に書くコード
↑この二つはてがろぐの「skin-cover.html」に記載します。
③いいねボタンを設置したい場所
↑このコードはてがろぐ の「skin-onelog.html」に記載します。
<!– いいねボタン改ここから –>
のすぐ下の１行目
<button type=”submit” class=”newiine_btn” data-iinename=“いいねボタンの名前”>
の”いいねボタンの名前”は[[POSTID]]を入れると、各記事に固有のいいねボタンがつけられます！
<button type=”submit” class=”newiine_btn” data-iinename=”[[POSTID]]”>
ハートマークの変更
デフォルトではGoogle Fontsのアイコンがセットされていますが、Google Fonts内にあるアイコンだったら簡単に変更できます。
↑ここから好きなアイコンを探し、クリックしてinserting the iconを見ます。
緑の枠の部分に名前があるのでコピー！
<!– いいねボタン改ここから –>
の２行目、favoriteの部分を変更します。
<span class=”material-icons-round”>favorite</span>
例えば星の場合
<span class=”material-icons-round”>star</span>
いいねボタンを付けると……
個人サイトはSNSと比べると人の目にふれる機会が少なく、そこがとてもいいところでもあるのですがたまに孤独も感じます。
いいねボタンで反応をもらえると、とっても嬉しい！！
もし興味がある方はぜひいいねボタンを付けることを試してみてください。