WordPressでリンクページを作成

WordPressには、「リンク」という機能があります。
URLとタイトルは勿論、画像や説明文、評価などを登録できるなかなか本格派の機能なんですが、サイドバーに表示されるだけなんですね。

これはもったいないなーと思っていたら、普通にページとして使えることが分かりました。

1.リンクページ用のテンプレートを用意する

まずはリンクページ用のテンプレートが必要になりますが、2通りの方法があります。

A.リンクページ用のテンプレートを作る

テーマdefaultで採用されている方法です。デフォルトのテーマを選んでいると、links.phpというテンプレートがあります。リンクページを作る際に、「ページのテンプレート」としてこれを選ぶと、リンクページができあがりますので試してみてください。

B.共通ページにリンク出力の分岐を作る

index.phpで投稿やページも表示させるのと同じようなコンセプトと思ってください。
コンテンツを表示させるところ

<?php the_content(' __('Read more') '); ?>

に、例えばこんな感じの分岐を挟みます。

<?php if(is_page('link')) :?>
リンク
<ul>
<?php wp_list_bookmarks(''); ?>
</ul>
<?php else :?>
<?php the_content(' __('Read more') '); ?>
<?php endif ;?>

これで、ページスラッグが「link」の時だけ、ページコンテンツではなくリンクリストが出力されます。(コンテンツと併用するのも可)

2.カスタマイズ

デフォルトの引数無しの関数

<?php wp_list_bookmarks(''); ?>

ではサイドバーと同じくリンクのリストが表示されるだけなので、codex(テンプレートタグ/wp list bookmarks – WordPress Codex 日本語版)を参考に色々追加してみました。

<h2>Links:</h2>
<ul>
<?php wp_list_bookmarks('between=<br />&amp;show_description=1&amp;show_images=0&amp;orderby=id&amp;show_rating=0&show_updated=1'); ?>
</ul>

これで、リンクをリストで出力しつつ、改行して詳細コメント等を出力するリンクページができあがります。

↓こんな感じになりました。
リンク | 文系SE修行日記

リンク先のサムネイルを表示する

外部サービスmozshotというサイトを利用すると、キャプチャ画像を保存することなく、サムネイル画像を作成してくれます。

http://mozshot.nemui.org/shot?サイトのURL 

これをリンク管理の「画像のURL」のところに入れればOKです。
ただ、画像を有効にすると、代わりにテキスト表示が無くなってしまう(バナーの表示専用だったのだろうか?)のが大変不便なので、これは何とかしてほしいです。

他にも、引数で色々とカスタマイズできるので試してみてください。
テンプレートタグ/wp list bookmarks – WordPress Codex 日本語版

広告

About: dacelo


7 thoughts on “WordPressでリンクページを作成”

  1. Pingback: ie6knight
  2. Pingback: 八頭身派

Leave a Reply

Your email address will not be published. Required fields are marked *