公開日
カテゴリー
記事上下の設定とプラグイン
コメント
2件
トラックバック
0件

ファンブログは Seesaa Blog と同じなので、このブログのほとんどの内容は Seesaa Blog でも利用できます。


ファンブログ テック http://fanblogs.jp/techs/A8.netのファンブログ(無料)を使っています。


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

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

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

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

表示形式は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>タグは不要です。

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

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

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

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

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

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

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


執筆

統括責任者CEOTom と申します

千葉県船橋市在住。Google+ はこちらです。
Twitter アカウントは@Tom3sutekiです。

この情報が役に立ったら、みんなに教えよう!
https://fanblogs.jp/techs/archive/16/0 記事の前に定型文を表示するプラグイン
このブログへの投票はこちら
 → にほんブログ村
カテゴリー
記事上下の設定とプラグイン
タグ
自動挿入

ご存知ですか?
ファンブログにはA8.net以外のアフィリエイトを貼ることが、規約で正式に認められています。

おすすめアフィリエイト会社(ASP)一覧

忍者AdMax
クリック報酬型専門アフィリエイト。クリックされるだけで報酬に。今まで最高で1クリック73円ついたことがあります。
最低振込報酬額500円(振込手数料150円 ただし楽天銀行ジャパンネット銀行への振込は無料)
アフィリエイトB
アフィリエイターへのサポートが良く、報酬に消費税分を上乗せして払ってくれます。
最低振込報酬額777円(振込手数料無料)
アクセストレード
オンラインゲーム系のアフィリエイトが非常に豊富。クローズド・ベータ・テスター募集広告などが狙える。
最低振込報酬額1,000円(振込手数料無料)
バリューコマース
通常の広告以外にも、非常に多くのアダルトサイト向け広告がある。アダルトサイト運営者におすすめ。
最低振込報酬額1,000円(振込手数料無料)

ファンブログは A8.net の会員だけが使えます。

Amazon  楽天市場