記事一覧

ブログの記事の上に「お知らせ」など、決まったメッセージを一定期間表示させておきたいことがあります。

Seesaa Blogだとデザイン設定のコンテンツに「記事」という項目があってそれで出来るのですが、ファンブログにはその項目がありません。直接HTMLのテンプレートを編集すれば出来ますが、新しくなったファンブログのテンプレートは編集が難しいです。

そこで、表示したいメッセージをサイドバーに貼りつければ、記事の上に移動して表示させるプラグインを作りました。

サンプル ファンブログのテンプレート「ナチュラルコスメ」を使用

表示形式は6パターン。
「イエロー」「ピンク」「ブルー」「グリーン」「ホワイト」「ブラック」です。

表示例

ソースコード

ソースコードは次のとおりです。

<div id="message" style="display:none;">
おはよう
こんにちは
こんばんは
</div>

<script type="text/javascript">
var message_color='yellow';
</script>

<script type="text/javascript" src="https://fanblogs.jp/techs/file/plugin_message.js" charset="utf-8"></script>

このソースの赤字のところを、自分が表示させたいメッセージに書き換えてサイドバーに設置すれば、すべての記事の上に、そのメッセージが表示されるようになります。

メッセージの改行は自動で行ないますので<br>タグは不要です。

色のパターンは青字の部分を好みの色に書き換えてください。指定できるのは次の６つです。

• yellow
• pink
• blue
• green
• white
• black

書き換える場合は、必ず半角英数字を使ってください。全角では反映されません。

この6種類以外の無効な色を指定したらwhiteが適用されます。白以外を指定したのに白になる時はスペルを確認してください。

サイドバーに貼りつける場所が編集エディタになっているので、メッセージ本文の文字色や太さなどの変更はそれで出来ます。

サイドバーへのくわしい設置の仕方は、別の記事「プラグインの設置方法」を参照してください。

設置すると個別の記事ページにも、記事一覧ページにもメッセージは表示されます。記事一覧ページには表示させたくないときは「記事ページと一覧ページでサイドバーの表示を違うものに変える」を見ると解決できます。それを見ながら設定してください。