【WP】サイドバーにリンクをつけましたよん

前からついてたんだけどねapani4a25546f1977d.gif。晄夏コムと、晄夏モバイルのリンクのみでございましたapani4a4563011b259.gif。。

先日ようやくサイトマップはじめました宣言をしたこともあり、

WPでサイトマップを送出する

久しぶりに、Google ウェブマスターツールを見てみたら、F.Ko-Jiさんとか、ねんざさんとか、リンクしてくれてることを知って、「あっ!相互リンクしなきゃ!ani49b9fe1699c24.gif」ってなったわけです。懐かしいなー「相互リンク」あははっDIMG0191.gif

WordPressの管理画面に「リンク」ってところがあるので、そこで追加すれば、この右側の「LINK」ってところに追加されるわけです。カンターンDIMG0405.gif

ただ、そのリンクを追加するときに「リンクカテゴリ」というものがありまして・・・

ま、今右をみてもらえば分かると思うんですけど、リンクをカテゴリで整理出来るわけです。apani49b93adec1041.gif

整理整頓!

なのに、私が使っているこのテンプレート、、、、このカテゴリが表示されなかったんですDIMG0352.gif

こんな感じ。。。

分かりにくいリンク集の地図Lv2

なにがなんだかわからーーーんapani4a354abf8c1c8.gif!!!!(追加した順番で出てくるから!)

で、もう、追加する気も失せていたapani4a04039adf04d.gifのですが、どうにもならないわけがないDIMG0217.gif!と思い立ち調べてみましたDIMG0132.gif

まず見つけたのは、

My LINK ORDER

WordPressプラグイン「My Category Order」&「My Link Order」

早速導入したんだけど、これでは、デフォルトのLINKの順番を反映したりはできないらしいのですdeco4a267854e1fda.gif

ウィジェットに新しく、My Link Order  というものができているのでそれを設定DIMG0234.gifするという流れ・・・でも、私がやりたかったのはそうじゃないのDIMG0177.gif

既存のリンクで順番を変えたり、カテゴリを出したりしたかったのDIMG0138.gif!!!

ちゅーことは、既存のもののコードを直すしかないんじゃないけ??Pluginに甘えたら駄目みたいapani4a1cc635f135f.gif

で、どうなっているかというと、

<?php get_links('-1’, '<li>’, '</li>’, ", FALSE, 'id’, FALSE, FALSE, -1, FALSE); ?>

こんな暗号apani49e6da01ee52f.gifが・・・

get_links の設定方法を見ればよさそうだ!

テンプレートタグ/get links

注目すべきはココ!DIMG0352.gif

このテンプレートタグは WordPress 2.3 から非推奨となりました。後継となる新しいテンプレートタグが作られたか、動作対象外となり、WordPress の将来のバージョンで削除される見込みです。

な ん で す っ て ?????deco4a2912aaba929.gif

という事で、こっちに変えることにしました。

テンプレートタグ/wp list bookmarks

上のページを見ると凄くわかりやすくサンプルが書いてくれてあるので、ほぼ迷う事もなく出来ました。

デフォルト値でいいものはそのままでよくて、変えたいものは、パラメータ=値 って書いて、&でつなげばいいんですねDIMG0208.gif

デフォルトでは<h2>でカテゴリ名が囲まれてしまい、それじゃ独自にCSSで設定できないからーとかちょこちょこ変えて、後は、対応するCSSをお好みで変えるだけ。

私の設定は、sidebar.phpのリンクのところDIMG0137.gif

<!– Start Links –>
<div>
<h3>Links</h3>

<?php wp_list_bookmarks('title_li=&category_before=&category_after=&category_orderby=name&title_before=<h4>&title_after=</h4>&orderby=rating’); ?>
<ul>
<?#php get_links('-1’, '<li>’, '</li>’, ", FALSE, 'id’, FALSE, FALSE, -1, FALSE); ?>
<li><a href="http://m.hicage.com/" rel="me" title="待ち受けFLASHなど配布してます。QRからどーぞ!">晄夏コムモバイル</a></li>
<img src="http://hicage.net/blog/images/hicagecomqr.gif" />
</ul>
<div></div>
</div>
<!– End Links –>

覚書です。あとは、CSS

.PPink h4 { border-bottom: solid 1px #f2e2d5; color:#cc6600; padding: 10px 5px 0px 0px; margin: 0px;}

これを追加。カテゴリの名前のところですねapani499dee3966100.gif

さっ。もうちょっとリンク追加しよー