いいねボタン・改をVer2.3へアップデートしました

ガタガタです。いつもありがとうございます。

本日、いいねボタン・改をアップデートしました。

• お礼メッセージを複数用意してランダム表示できるようになりました。
• お礼メッセージの表示位置をclassの記述で行えるようになりました。

アップデート方法

配布ページから最新のいいねボタン・改ファイルをダウンロードし、以下のファイルを上書きアップロードしてください。

• newiine.js
• newiine.css
• admin > inc > _footer.php

お礼メッセージのランダム表示

複数のお礼メッセージをランダムで表示したい場合には、<div class="newiine_box">～</div>で囲まれたお礼メッセージを、複数記述します。お礼メッセージがポップアップするたびに、複数のnewiine_box要素から、ひとつのメッセージがランダムで選ばれて表示されます。

<!-- お礼メッセージここから -->
<div class="newiine_thanks newiine_thanks_up" style="display:none;">
  <div class="newiine_box">
    <p>お礼メッセージその１です</p>
  </div>
  <div class="newiine_box">
    <p>お礼メッセージその２です</p>
  </div>
  <div class="newiine_box">
    <p>お礼メッセージその３です</p>
  </div>
</div>
<!-- お礼メッセージここまで -->

お礼メッセージを表示しない場合は、<!-- お礼メッセージここから -->から<!-- お礼メッセージここまで -->までの記述を丸ごと削除してください。

お礼メッセージの表示位置の調整

デフォルトのコードではお礼メッセージがいいねボタンの上にポップアップします。お礼メッセージをいいねボタンの下にポップアップしたい場合は、<!-- お礼メッセージここから -->と書かれた行のすぐ次の行の、newiine_thanks_upと書かれたclassをnewiine_thanks_downに変更してください。

また、いいねボタンを右寄せにした場合などで、お礼メッセージをいいねボタンの右端に寄せる形で表示したい場合は、<div class="newiine_thanks newiine_thanks_up" style="display:none;">の要素のclassに、newiine_thanks_rightを追加してください。