ブーログをご利用の方へ
ブログカスタマイズの方法

2010年05月07日

カスタムプラグインを使って記事の下に案内文章をのせてみよう!

こんにちは、
ブーログ編集部の水野です。
今回も、ちょっと役に立つブログのことをお話します。

今回は、
ブログ記事の下にいろいろな案内をのせよう!
というお話です。

(パソコンの操作に慣れたかた向けのお話です〜もうダメ)


■なぜ?記事の下か

この記事の下というのがミソになるのですが、
だいたいの人は、気になる記事があったとして
その記事をを上から下に読みます。
で、読み終えたら満足して帰って行くわけですが
そこに気になるものがあったら、ついクリックしてしまいます。

スーパーのレジのところに、ガムが置いてあったり
するアレと同じですね〜。

ということで、伝えたいことがある場合には
記事の下に案内をしてあげる
のが効果的なんです。


その案内は、ブログの内容によって様々だと思いますが、

* 自分のブログ内の関連した記事
* 参考になりそうなホームページのアドレス
* お問い合わせ先

このようなものがあると思います。

このブーログ編集部のブログには
「お問い合わせ」へのリンクがついていますね。




■案内文の載せ方は2通り

案内文の載せ方は2通りあって、ひとつはブログの記事に
そのまま書く方法。
これはブログを書いたらそのままの流れで書くだけ、
リンクなんかを書いておくといいですね。


もう一つの方法として、
すべての記事の下に同じ文章を表示させる、
という機能があります。

ちなみにこの編集部ブログでは、この方法を使って
お問い合わせへの案内をしています。

以下、くわしく。


■カスタムプラグインを使う!

カスタムプラグインという機能を使って、すべての記事の下に
同じ文章を表示させることができるんです。

やり方は、

ブログ管理画面 > ブログ環境設定 > カスタムプラグインの登録

の欄に文章を入力して、

「個別記事の下」に表示を選択します。
この状態で登録すればOK。
すべての記事の下に入力した文章が表示されます。


■リンクをいれたいときは?

ブログの記事と同じようにリンクを入れたり、文字を装飾したり
することもできます。
これは、ブログを書く画面で書いたものをそのままコピーすればOK!

でも注意点もあります。

このカスタムプラグインの欄は普通の改行がきかないので
改行したい部分に「<br>」という記号を入れる必要があります。
(ちなみに「<」と「>」は本来は半角です。)

また、絵文字も普通に入れてしまうとずれてしまうので、
「align="absmiddle"」というものを追加します。 (詳細は後述します。)


■もっといろいろな装飾したい!

パソコンに慣れたかたなら、もっといろいろな装飾をすることができます。

参考になるソースを書いておきますので、コピーして必要な部分を
書き換えてください。


※枠内の全部を選択してコピーしてください。

●コピペ用


●編集部ブログで使っているものの例


●絵文字の位置をそろえるサンプル


▼色はウェブ上から探せます。
カラーコードのサンプル


後半はちょっと難しいかもしれませんが、
この方法を使うと、自分のブログのいろいろなところを
みてもらうことができるようになります。

ぜひご利用ください〜急ぐ




同じカテゴリー(ブログお役立ちシリーズ)の記事画像
中学生がブログの画像加工の仕方を教えちゃうぞ★
ブログカスタマイズの方法
Google Analytics 設置方法@ブーログ
MyBooksでブログを本にしてみよう!
ブロガーさんにオススメFirefox(ファイヤーフォックス)
zenbackというブログパーツをご紹介
同じカテゴリー(ブログお役立ちシリーズ)の記事
 中学生がブログの画像加工の仕方を教えちゃうぞ★ (2013-06-27 13:22)
 ブログカスタマイズの方法 (2013-05-09 15:43)
 Google Analytics 設置方法@ブーログ (2012-12-13 16:01)
 あるカテゴリーの新着記事を自動で表示させる その2 (2012-02-08 11:56)
 MyBooksでブログを本にしてみよう! (2011-10-16 23:39)
 ブロガーさんにオススメFirefox(ファイヤーフォックス) (2011-03-09 20:39)

上の画像に書かれている文字を入力して下さい
 
<ご注意>
書き込まれた内容は公開され、ブログの持ち主だけが削除できます。