病的溺愛シンドローム > WordPress > プラグイン > リンク > リンク集を簡単に作るプラグイン→WP Render Blogroll Links

リンク集を簡単に作るプラグイン→WP Render Blogroll Links

Posted on 2010年04月2日 | 7 Comments|

WordPress のリンク（ブログロール）がいっぱいで
サイドバーに表示させるにはちょっと多すぎる…。
というときに便利そうなプラグインを試してみた。

WP Render Blogroll Links

投稿やページにショートコードで簡単にリンクを表示させられて、
特定のカテゴリーだけとか、特定のカテゴリーを除くとか、
リンクの説明を表示するとか、カテゴリー名を非表示とか…
豊富なオプションが使える素敵なプラグイン。

リンク集を作る

このブログで今動かしてないので↑の画像でなんとなく想像してくださいｗ

インストールはいつも通りプラグインディレクトリにアップロードして有効化。
特に設定画面はないので、リンクを表示させたい投稿やページを作って
[wp-blogroll]　とショートコードを書いて完成。

ショートコードにはパラメータを付けることでいろんな表示方法が。
詳しくはFaqに載ってるんだけど、試してみてたものを少しだけ紹介。

「リンク」というカテゴリーだけ表示する
[wp-blogroll catname=リンク]
カテゴリースラッグじゃなくて日本語のカテゴリー名で大丈夫。
カテゴリーID1だけ表示する
[wp-blogroll catid=1]
カテゴリーID1と5を表示する
[wp-blogroll catid=1,5]
カテゴリー名は表示しない
[wp-blogroll notitle=1]
リンクの説明を表示する
[wp-blogroll showdesc=1]
リンクの下にリンクの説明を表示する
[wp-blogroll showdesc=1 showbrk=1]
カテゴリーID1だけ表示しない
[wp-blogroll excludecat=1]

他にもリンクの並び替え、カテゴリーの並べ替え、イメージの表示などなど
結構いろんなことができるみたい。

一番上の画像はどうやって作ったかというと、
リンク集を表示させるページ用にCSSを作って、
dl,dt,ddで並べてfloatさせただけ。
別にテーブルでやってもいいと思うんだけど。
参考までにソース

[html]

カテゴリー名: [wp-blogroll catid=9 notitle=1 showdesc=1 showbrk=1]

[/html]

こんな感じで１つのカテゴリーずつ、表示させたい数だけ並べていって、
最後にfloatを解除させるためだけのdivを適当にぶっこんで…。(非推奨ｗ）

[css]#block {
width:500px;
}

dl{
margin:0px;
margin-right:10px;
margin-bottom:1em;
padding:0px;
float:left;
width:155px;
}

dt {
font-weight:bold;
padding-top:10px;
}

dd{
margin:0px;
height:400px;
padding:0;
}

ul {
list-style-type:none;
padding:0;
margin-left:-30px;
margin-top:-20px;
}

.clear {
clear:both;
}[/css]

CSSでは使ってるテーマでレイアウトが崩れないように適当に調整して
clear:both でfloatを解除するっと。
なにげにマイナスマージンやめろよとか突っ込みどころ満載だけど
細かいことは(・ε・)ｷﾆｼﾅｲ!!

で、このスタイルシートをリンクページにだけ読み込ませるんだけども、
そういうこともさくっとできちゃう HeadSpace2 というプラグインでやってしまえばもうホント簡単。
アップロードも画像とかアップするときと同じようにブラウザでアップして
アップロードされたURLをコピーして HeadSpace の「スタイルシート」欄にペースト。

そんな感じでテキトーに作ってキャプチャしてテキトーに加工したのが
上の画像ってわけです。はい。
トップページをブログじゃなくて、ページにしてて、
自分の各サイトや関連サイトとかへのナビゲーションにしてる時に
こういうプラグインがあったら便利かなという想定で入れてみたので
このブログでは稼働してないんだけど、ショートコードも分かりやすいし
なかなか使いやすそうなプラグインなんじゃないかな。
どっかで使おうｗ

この記事を読んだ人は、こんな記事にも興味を持っています

3 Comments for this entry

gadget7a
4月 2nd, 2010 on 10:34 PM
リンク集を簡単に作るプラグイン→WP Render Blogroll Links: WordPress のリンク（ブログロール）がいっぱいでサイドバーに表示させるにはちょっと多すぎる…。というときに便利そうなプラグインを試し…
zakuro
4月 6th, 2010 on 7:57 AM
リンクページの編集どうすればいいかわかんなかったんです。
これいいなって思いました。うまく設置できるかわかりませんが。
わたしのサイト、リンク集を見る人けっこういますよ～。
コメントせず、リンクのページだけすごくアクセスのあるときもあるんです。
編集したら、訪問者もわかりやすくて使い安いでしょうね。
- 唯奈
  4月 7th, 2010 on 12:40 AM
  ＞zakuroさん
  ふむふむ。
  そっか。目的のあるリンク集は役に立ちますよね。
  「お友達」とかじゃなくて、しっかりカテゴリー分けしたらリンクもコンテンツになりますよね。
  あ、ちょっとやってみたくなりました＞ｍ＜