BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» アメブロカスタマイズ CSSで記事先頭や記事末尾に定型文を挿入する方法

このエントリーをはてなブックマークに追加

アメブロカスタマイズ CSSで記事先頭や記事末尾に定型文を挿入する方法

   投稿日: 2015/03/20    投稿者:webコラム

m8-1.jpg

こんにちは、駆け出しライターのMAKIです。

今日のテーマは、CSSで記事先頭や記事末尾に定型文を挿入する方法、です。
毎回同じ文章を手打ち、コピペしている方は、必見です!

では、レッツトライ!

CSSの編集画面を開きます

「ブログを書く」→「デザインの変更」→「CSSの編集」とクリックします。

m8-2.jpg

CSSに文を追加します

「現在使用中のブログデザインCSS」の一番下に、次の文を追加してください。

/*記事先頭と末尾に定型文*/
.articleText:before,
.entry .subContents:before{
  display:block;
  white-space: pre;
  content:"記事先頭に挿入する定型文";
}
.articleText:after,
.entry .subContents:after{
  display:block;
  white-space: pre;
  content:"記事末尾に挿入する定型文";
}


青の文字のところに、ご自分で挿入したい文章を入れてください。
改行する際は、改行したい場所に「\a」を入れれば、改行もOKです。

私は先頭に「もうすぐ春ですね」、末尾に「また明日」と入れてみました!

m8-3.jpg
こんな感じ〜♪↑

まとめ

「いつもご訪問ありがとうございます」とか、「良かったらコメント残してください」みたいな文章も、良いですね。
ぜひトライしてみてください!

では、また〜^^

カテゴリ:

TOPへ