アメブロを書いていると、毎回記事の下に何かしらの定型文を入れたくなる場合があります。
しかしながら、毎回記事を書くたびに、それらも書いているのでは面倒です。
また、定型文がコロコロと変わることが想定されている場合、毎回すべての記事の最後を変更するというのは不可能です。
そこで、簡単に定型文を挿入する方法です。
これだと、この一か所を変更するだけで、すべての定型文(記事下の)が一括で更新されるのでとても便利です。
方法は、以下の通り!
まず、「ブログを書く」から「サイドバー」。
「プラグインの追加」をクリックします。
で、「フリープラグイン」タブの中に以下をコピペで挿入してください。
<script type="text/javascript">
$(function(){
$("div.articleText").append('ここに任意の文章を書きます');
}
);
</script>
「ここに任意の文章を書きます」のところを自由に変更してください。
ただし、見た目を整えるために、このソース上でEnterキーを押してはダメです。←重要
エラーとなって表示されなくなります。
文章の見た目を整える場合にはHTMLの<br />タグで調整します。
(例)
$("div.articleText").append('こんにちは!<br />これで定型文がセットされます!');
といった感じでしょうか。
また、この中に<div id="teikei "> などの定義をしておけば、
(例)
<script type="text/javascript">
$(function(){
$("div.articleText").append('<div id="teikei">ここに任意の文章を書きます</div>');
}
);
</script>
$(function(){
$("div.articleText").append('<div id="teikei">ここに任意の文章を書きます</div>');
}
);
</script>
CSS(例)
#teikei {
border: solid 1px #ffoooo;
}
border: solid 1px #ffoooo;
}
といった感じでCSSから自由にデザインも変更できますので、興味のある方はお試しください!
アメブロ Perfect GuideBook 著:榎本 元 |
0 件のコメント:
コメントを投稿