ジャンクワードの森

[サイトリニューアル]MT構築メモ ピックアップ画像 はプラグイン使用

当サイトではアフィリエイト広告を利用しています。

記事間のリレーションはどうしても記事タイトルのテキストが中心になってしまうため、数多く並べても賑やかさに欠けてしまいます。そこでサイドバーに記事に貼り込んだ写真をランダムに表示する「ピックアップ画像」を入れて色味を加えています。

画像をピックアップさせるためには、The blog of H.Fujimotoさんの所で配布されている「EntryImages」を使用しています。


このエントリーをはてなブックマークに追加

EntryImagesの使用方法

1、EntryImagesのページにアクセス

2、EntryImages_1_11.zipをダウンロード
  ※バージョンは2009年08月21日時点のものです

3、EntryImages.plファイルを、MTの[plugins]ディレクトリにアップロード

これで、記事内の画像をピックアップする準備が整いました。

EntryImagesは様々な使い方ができる優れたプラグインですが、その分使用方法が複雑でThe blog of H.Fujimotoさんのサイトでも解説に12ページも使っています。。。これをまとめるのはさすがに無理なので、詳しく知りたい方は元サイトをしっかりと読み込んでください。

で、ここでは実際に使っているタグとアフィリエイト画像がピックアップされないようにする設定だけ紹介します。

最終的に使用している「ピックアップ画像」タグ

<!– ピックアップ画像 –>
<dl>
<dt><span>ピックアップ画像</span></dt>
<dd>
<div class=”body”>
<div class=”photo”>
<MTEntryImages sort_order=”random” random_lastn=”6″>
<a href=”<MTEntryImageEntry><$MTEntryPermalink$>
</MTEntryImageEntry>”>
<img src=”<$MTEntryImageSrc$>” width=”85″ alt=”<MTEntryImageEntry><MTEntryTitle>
</MTEntryImageEntry>” /></a>
</MTEntryImages>
</div>
</div>
<div class=”footer”></div>
</dd>
</dl>
<!– ピックアップ画像 –>

これに次のCSS(って一つだけだけど)を適応させて整列させています。

div.photo img{
margin: 0 2px 5px 0;
}

アフィリエイト画像がピックアップされないようにする方法

EntryImagesは記事にある画像を素直にピックアップしてくるので、デフォルトの設定だとアフィリエイトで使用する画像(トラッキング用画像も)もピックアップしてしまいます。

これらの画像をピックアップしないようにするには、プラグインの設定ページで「除外するイメージのURL」にアフィリエイト画像の配布元のURLを指定してあげればOKです。

以下、具体的な方法です。

1、MTの管理画面から[ツール]→[プラグイン]と進みます

2、プラグイン設定のEntryImages 1.11をクリックして展開

3、設定をクリックして展開

4、除外するイメージのURLに次の用に記述
  /.*amazon.com.*/
  /.*afl.rakuten.co.jp*/
  /.*valuecommerce.com*/
  /.*linkshare.ne.jp*/
  /.*px.a8.net*/

この場合は、アマゾンと楽天とバリューコマースとリンクシェアとA8.netから提供される画像を除外する事になります。

もちろんその他のASPを使用していれば、そのASPのURLも登録します。

※最近は写真をFlickr経由で表示させていますが、Flickrを除外しなければサイドにも画像は表示されます。

このプラグインは以前から使用していて、時々意図しない画像がでていたりして驚くこともありますが、使いながら徐々に調整していけばいいかなと思っています。

Sponsored Links

同じカテゴリの最新記事

運営者情報など

運営サポート

35-45 WOMAN

35-45WOMAN(サンゴーヨンゴーウーマン)は、「カッコいいけど身近」な女性向けWEBマガジン。

デザインとかコーディングとか、WordPressの構築とか裏側の部分を一通りやらせていただいています。

ブログ更新のアイテムとかスキルとか