2014年1月22日にA8.netのファンブログはSeesaa Blogのシステムをベースにして生まれ変わりました。よってファンブログ関連の記事は今では当てはまらない可能性があります。新しいファンブログのカスタマイズは別ブログ「
ファンブログ テック」で詳しく書いていますので、そちらをご覧ください。
以前コメントにアバターを表示する「サムネイル表示モジュール」を公開しましたが、
今度はサイドバーの「リンク集」「最新コメント」「最新トラックバック」のそれぞれに、
その人のアバターを表示する「サイドバーにもサムネイルモジュール」です。
これはA8.net
のファンブログ用スクリプトです。他のブログでは動きません。
使い方
この下にある、ソースコードを丸まるコピーして、サイドバーに貼り付ければ、上のサンプルと
同じデザインで「リンク集」「最新コメント」「最新トラックバック」にサムネイルが表示されます。
貼るのはサイドバーで「リンク集」「最新コメント」「最新トラックバック」の3つよりも下ならば
どこでも大丈夫です。
サイドバーへの貼り付け方法がわからなければ「モジュールの設置方法」を見てください。
ただし、「リンク集」「最新コメント」「最新トラックバック」の名前が違っていると表示されません。
名前が違う場合は、ソースコードの赤い部分を訂正すれば表示されるようになります。
この名前(赤い部分)をサイドバーに合わせる
var fields=[
{'value':'リンク集','name':'links'},
{'value':'最新コメント','name':'comments'},
{'value':'最新トラックバック','name':'trackbacks'}
];
名前の確認方法は「カテゴリ並び替えモジュール」の中にある、
手順1 「カテゴリアーカイブ一覧」の名前を確認すると同じです。
カスタマイズ方法
「リンク集」「最新コメント」「最新トラックバック」の3つではなく、
特定の1つか2つの項目にだけ使いたい場合。
「リンク集」「最新コメント」「最新トラックバック」の3つが全部サイドバーになくても、あるものだけに適用されます。しかし、サイドバーにはあるけれど、使いたくない項目がある場合は、その項目名のところをnullと書き直してください。
この名前(赤い部分)をnullと書き直す(‘で囲んではいけない)
最新コメントだけに適用させる場合はこのようになる
var fields=[
{'value':null,'name':'links'},
{'value':'最新コメント','name':'comments'},
{'value':null,'name':'trackbacks'}
];
色を変えたいときはソースコードの後半にあるスタイルシートを修正します。
どこを書き直すかは、下のソースコードの該当箇所に色つきで説明をつけてわかるようにしています。ちなみにこのブログのサイドバーの色を参考に列記します。
色見本
| カテゴリー |
普段の色 #F9D8DF |
マウスが乗った時 #FBB7C5 |
| 最新記事 |
普段の色 #F3D7FC |
マウスが乗った時 #EAB5FB |
| 最新コメント |
普段の色 #FCEBB1 |
マウスが乗った時 #FEB37D |
| 最新トラックバック |
普段の色 #D2EEF9 |
マウスが乗った時 #B9E9FD |
下の色(背景色)と同じにしたい時は「transparent」と書きます。(#はつけない)
このモジュールの初期設定は、このブログの「最新トラックバックの色です。」
スタイルシートは別場所に貼る必要はなく、ソースコードを全てまとめてサイドバーに貼って
大丈夫です。
“サイドバーにもアバター表示モジュール” の続きを読む