アメブロカスタマイズと読者を増やすブログ運営 初心者でもかんたん

初心者でもかんたんに取り組めるアメブロカスタマイズ方法や正攻法でブログの読者を増やす運営方法などを紹介しています。


テーマ:
アメブロカスタマイズで自分らしい空間を作る技 記事先頭や記事末尾に定型文(タグ)を挿入する


アメブロカスタマイズのわざめーばです。

こんにちは。

今回は、『CSS編集用デザイン』用の、記事先頭や記事末尾に定型文(タグ)を挿入するプラグインをご紹介します。

『CSS編集用デザイン』専用ですので、『【カスタム可能】ベーシック』等の旧来のデザインでは正常に動作しません。

また、プラグインですので、アメブロのフリープラグインを使用してのカスタマイズになります。

このプラグインを使うと、あらかじめ設定しておいた定型文(タグも可能)が、ブログ表示時に各記事の先頭や末尾に自動的に表示されるようにすることができます。

ブログランキング、ペタボタン、読者登録ボタンやメルマガ登録フォームなど、様々な用途に利用できると思います。


使い方



まず、CSS編集用デザインでjQueryを使う方法で、jQueryを利用できるようにします。

そして、次に、以下のコードをフリープラグインに貼り付けて下さい。


<script type="text/javascript" src="http://p.wazameba.com/njs/ent.js"></script>


ちなみに、これは前準備のようなもので、これによって目に見える効果は何もありません。

また、フリープラグイン内に一度だけ書かれていればOKですので、既に書かれている場合は書く必要はありません。

次に、実際に定型文を記事に挿入するコードを同じくフリープラグインに書きます。

書く場所の指定は、上の前準備よりも後に書く以外は特にありませんが、他のプラグインと入り交じってしまわないよう注意して下さい。

書き方は以下のとおりです。

まずは、記事の先頭に定型文を挿入したい場合。


<script type="text/javascript">
$(function(){
  wzmbBefore('記事の先頭に挿入したい内容');
});
</script>


次に、記事の末尾に定型文を挿入したい場合。


<script type="text/javascript">
$(function(){
  wzmbAfter('記事の末尾に挿入したい内容');
});
</script>


更に、記事の先頭と末尾の両方に定型文を挿入したい場合。


<script type="text/javascript">
$(function(){
  wzmbBefore('記事の先頭に挿入したい内容');
  wzmbAfter('記事の末尾に挿入したい内容');
});
</script>


例えば、記事の先頭に、

==== この下から ====

前!
わざめーばです。


==== この上まで ====

さらに、記事の末尾に、

==== この下から ====

後!
わざめーばでした。


==== この上まで ====

を挿入したいとすると、


<script type="text/javascript">
$(function(){
  wzmbBefore('<br />前!<br /><b>わざめーばです。</b><br /><br />');
  wzmbAfter('<br />後!<br /><b>わざめーばでした。</b><br /><br />');
});
</script>


のように書けばOKです。

なお、一つ注意事項があります。

『記事の先頭に挿入したい内容』や『記事の末尾に挿入したい内容』に、シングルクォーテーション『'』が含まれているとエラーになり、正常動作しませんのでご注意下さい。

『CSS編集用デザイン』用の、記事先頭や記事末尾に定型文(タグ)を挿入するプラグインの説明は以上です。

よろしければ使ってみてください。



アメブロカスタマイズで自分らしい空間を作る技

いいね!した人  |  コメント(113)