【設定方法】
フリープラグインに下記内容を記載していきます。
- jQueryファイルが読み込まれていない場合は下記のソースコードをコピー&ペート
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
- jQueryファイルより下に以下のコードをコピー&ペースト
<script type="text/javascript">$(function(){$(".articleFooterText").appendTo(".articleText")});</script>
- 記事末尾に表示させる内容をHTMLで記載
<div class="articleFooterText">(…表示内容)</div>
- CSSスタイルシートで、表示させる内容にスタイルを適用させる。
例) .articleFooterText{ margin:40px; padding:20px; background:#eee; }
【解説】
2.のスクリプトが意味するのは、
記載される要素(.articleFooterText)を
記事の枠 (.articleText)の
末尾に挿入(appendTo)する
…という指令文になります。
これを応用すると、様々な要素をブログの任意の箇所に挿入・表示させる事ができます。
“各ページにメッセージボードを表示する”の記事等を参照してください。
3.の記事末尾に表示させる内容は、HTMLが使えます。画像やリンクの使用も可能です。(クラス名は任意)