PwBlogでは、プラグインでリンク集を作る事ができますが、特にお気に入りのサイトだったら、ひとこと紹介コメントなど入れてみたいもの。
そこで、フリーコメントを使ってリンク集を作ってみました。
ワタシの別Blog、「
映画がワタシをダメにする」でやってみた方法です。
デザインテンプレートが、「Newデザイン」シリーズのBlogなら、多分共通の作業でイケると思います。
文中の＜,＞,＝は、全角で書かれています。実際に編集する時は、半角で書いてください。
 | 普通にフリーコメントを使ってリンク集を作った場合、まあこんなカンジになるのかな。
これに、アイコンをつけたいと思った場合、フリーコメントで＜ul＞タグを使えばいいのですが……。 |
 | 他のプラグインよりも、アイコンの位置がズレているのが、何だか気になります。 |
これを解消するには、まずデザインテンプレートを編集します。
『プラグインコメント』を選択し、
＜div class＝"plugin"＞
＜h2＞＝CGIQUERY_title＝＜/h2＞
＜div class="body"＞＝CGIQUERY_comment_about＝＜/div＞
＜/div＞
とあるのを、以下の様に書き換えます。
＜div class＝"plugin"＞
＜h2＞＝CGIQUERY_title＝＜/h2＞
＝CGIQUERY_comment_about＝
＜/div＞
Blogを再構築すると、アイコンの位置は揃いますが、リスト項目間の余白が気になりました。
 | プラグイン管理から「編集」を選んで、「自動改行を行う場合はチェック」のチェックを外します。改行させたい時は、直接＜br＞タグを入力します。 |
 | これでOKかと思いきや、今度は実際のフリーコメントに、マージンが無くなってしまいました…。 |
これを解消するには、フリーコメントを記入する際に、上の作業で外した＜div class="body"＞と＜/div＞を入れれば大丈夫です。
自動改行モードの時は、＜div＞タグとフリーコメント冒頭との間に改行を入れないこと。
変な余白が出来てしまいます。
プラグインでフリーコメントをたくさん使う場合、いちいち外したタグを入れるのは面倒くさいかも知れませんが、どっちの使用頻度が高いかなどと考え合わせて、より良い方を選択してください♪
