Posted on June 23, 2007 at 11:57 pm

WordPressで記事ごとのイメージを表示する方法

TOPやArchiveページへの表示

TOP/Archive/Categoryの各ページには記事の概要といっしょに記事ごとのイメージも表示させています。
こんなかんじ↓

概要とイメージ

文字だけのリストよりはちょっとだけ楽しいかもしれません。
(記事を書くたび毎回用意する手間はありますが…)
この表示方法について以前コメント欄で質問があったので遅ればせながら答えてみます。

プラグインを使ったりするやり方もあるかもしれませんがワタシの場合は別の方法で表示させています。

テーマファイルの修正

Main Index Templateで上の画像部分のコードはこんな感じになっています。

HTML:
  1. <div class=“entry”>
  2. <div class=“excerpt”>
  3. <?php the_excerpt(); ?></div>
  4. <p><a href=“<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>">Continue Reading…</a></p>
  5. </div>

通常(?)は <?php the_content(__(’(more…)’)); ?> を使うところ <?php the_excerpt(); ?> にして概要のみ表示しています。

Optional Excerpt(抜粋表示オプション)への入力

記事を書くときに Optional Excerpt(抜粋表示オプション)欄にIMGタグと概要を入力します。
上にあげた画像の場合はこんな感じになっています。

HTML:
  1. <img src=“http://caramel-tea.com/wp-content/uploads/2007/06/hotlink_icon.gif” width=“100″ height=“100″ alt=“hotlink” class=“imageframe” />
  2. 画像やファイルへの直リンクについてどう思いますか?
  3. ちょっとしたアンケートと直リンクにまつわるツールについて。

CSSの追加

記事ごとのイメージを右寄せにして余白をちょっとだけ取っています。

CSS:
  1. .excerpt img{
  2. float:right;
  3. margin:3px;
  4. }

やり方としては以上です。
ただ、よくよく考えてみると本来記事の抜粋を書くべきところにIMGタグを入れて「抜粋」の意味的に問題がないのかなぁ…と思ったりもします。

似たような機能のプラグイン

実際に使っていないのですが記事ごとの画像を投稿画面内で設定できるプラグインがありました。

あらかじめ画像を指定のディレクトリにUPしておいて投稿画面のプルダウンで選択するという感じです。
ほぼ毎回違う画像を使う場合はFTPでUPしなければならずちょっと面倒です。
逆に画像を使いまわすことが多いのなら使えるプラグインかもしれません。

Tags: , ,

One Response to “WordPressで記事ごとのイメージを表示する方法”

  1. snow on October 31st, 2007 at 12:41 AM says:

    はじめまして!
    不躾ではありますがwordpressで分からないところがあり、こちらの記事とは直接関係ないのですが画像の事が書いてあったので、コメントさせていただきました。お時間のある時にでも教えていただけたらと思います。

    私のブログ(//blog.sun9.jp)はサブドメインをトップページにしていまして

    get_settings(’siteurl’) の値
    //sun9.chicappa.jp/wordpress
    (sun9.chicappa.jpは独自ドメイン(sun9.jp)を割り当てる前のURIで、このディレクトリにインストールしてあります)

    get_settings(’home’) の値
    //blog.sun9.jp

    と設定しています。

    そこで、コメントやRSSなどのURIは問題無いのですが、アップした画像をクリックした時だけ、

    //sun9.chicappa.jp/wordpress/wp-content/uploads/xxxxxxx.jpg

    というアップしてある実際のパスが表示されるのですが、これは正しいのでしょうか?

    これをサブドメインではじまる
    //blog.sun9.jp/xxx/xxx/xxx.jpg
    というURIに出来るのでしょうか?

    初心者な質問で申し訳ありません、何か分かりましたらよろしくお願いいたします。

Leave a Reply