記事毎に末尾に定型文を表示する

【設定方法】

フリープラグインに下記内容を記載していきます。

  1. jQueryファイルが読み込まれていない場合は下記のソースコードをコピー&ペート
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  2. jQueryファイルより下に以下のコードをコピー&ペースト
    <script type="text/javascript">$(function(){$(".articleFooterText").appendTo(".articleText")});</script>
  3. 記事末尾に表示させる内容をHTMLで記載
    <div class="articleFooterText">(…表示内容)</div>
  4. CSSスタイルシートで、表示させる内容にスタイルを適用させる。
    例)
    .articleFooterText{
    margin:40px;
    padding:20px;
    background:#eee;
    }

 

【解説】

2.のスクリプトが意味するのは、

記載される要素(.articleFooterText)を
記事の枠 (.articleText)の
末尾に挿入(appendTo)する

…という指令文になります。
これを応用すると、様々な要素をブログの任意の箇所に挿入・表示させる事ができます。
“各ページにメッセージボードを表示する”の記事等を参照してください。

 

3.の記事末尾に表示させる内容は、HTMLが使えます。画像やリンクの使用も可能です。(クラス名は任意)