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

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

Posted on 2010年04月2日 | 6 Comments| Clip to Evernote

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

WP Render Blogroll Links

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

リンク集を作る

リンク集を作る

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

インストールはいつも通りプラグインディレクトリにアップロードして有効化。
特に設定画面はないので、リンクを表示させたい投稿やページを作って
[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]

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

[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 の「スタイルシート」欄にペースト。

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


この記事は 2010年04月2日金曜日 の 9:50 PM に書きました。 
この記事のフィードはRSS 2.0で購読できます。

« | »

2 Comments for this entry

  • zakuro

    リンクページの編集どうすればいいかわかんなかったんです。
    これいいなって思いました。うまく設置できるかわかりませんが。
    わたしのサイト、リンク集を見る人けっこういますよ~。
    コメントせず、リンクのページだけすごくアクセスのあるときもあるんです。
    編集したら、訪問者もわかりやすくて使い安いでしょうね。

    • 唯奈

      >zakuroさん
      ふむふむ。
      そっか。目的のあるリンク集は役に立ちますよね。
      「お友達」とかじゃなくて、しっかりカテゴリー分けしたらリンクもコンテンツになりますよね。
      あ、ちょっとやってみたくなりました>m<

4 Trackbacks / Pingbacks for this entry

ADgger

堅実に儲かるアフィリエイト

サイトの歩み

2014年2月27日に6周年を迎えます
5周年まであと…