WordPressでリンクページを作成

In: WordPress

16 10月 2008

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 日本語版

コメント

7 Responses to WordPressでリンクページを作成

トラックバックURL:

Avatar

ie6knight

1月 2nd, 2012 at 8:16 AM

リンクページ作成。WPデフォルトのリンク投稿を使う。

WordPressでリンクページを作成
http://t.co/SYbyer1j

引数参考
http://t.co/7yH97Pkr

リンクの順番を変更するプラグイン
http://t.co/mElTMGt3

Avatar

ie6knight

1月 2nd, 2012 at 5:16 PM

リンクページ作成。WPデフォルトのリンク投稿を使う。

WordPressでリンクページを作成
http://t.co/SYbyer1j

引数参考
http://t.co/7yH97Pkr

リンクの順番を変更するプラグイン
http://t.co/mElTMGt3

Avatar

サル@緑のウェブ屋+

10月 27th, 2012 at 8:05 AM

WordPressでリンクページを作成 | Weblogy http://t.co/vjJzaUqd

Avatar

botanicallife

10月 27th, 2012 at 5:05 PM

WordPressでリンクページを作成 | Weblogy http://t.co/vjJzaUqd

Avatar

ワンメイクジャンプ - スノーボードリンク集をまとめたページを作りたい

11月 18th, 2012 at 12:43 AM

[…] WordPressでリンクページを作成[weblogy] […]

Avatar

八頭身派

1月 7th, 2013 at 10:34 AM

“WordPressでリンクページを作成 | WordPress | 『Weblogy』” http://t.co/v1q2kBNo

Avatar

hattoushinha

1月 7th, 2013 at 7:34 PM

“WordPressでリンクページを作成 | WordPress | 『Weblogy』” http://t.co/v1q2kBNo

Comment Form

About this blog

ここは、SE見習いである私ことdaceloが、日夜習得していくシステム関連の備忘録、phpやWordPressTipsのネタ、あるいはSEOやWebマーケティング関連の雑感を投稿するブログです。 平日は大体毎日投稿しています。土日は休業日です。

カテゴリー

カテゴリー

アーカイブ