NP_OnlyImg 1.6｜特定の画像を非表示に

最新バージョンはこちらから
NP_OnlyImg｜使用方法とダウンロード

自作プラグイン「NP_OnlyImg」は最新の Moblog 表示や Moblog 一覧、各カテゴリー一覧のアイコン表示にわりと便利だ。

と自分で褒めて満足していたのですが、先日アフィリエイトやアクセス解析によくある「width="1"」まで表示していてものすごく立腹してしまいました。あと、アプリケーションやロゴなど縮小表示しても伝わるものはいいですが、解説画面のキャプチャなどは縮小するとまったく意味がわからないのでこれまた立腹。

ということで、幅 1px の画像と「class="noicon"」と指定した画像は非表示になるように修正しました。また、一つ目の画像が除外するべき画像であった場合は、次の画像を探して表示し、それがまた非表示だった場合は…という風に画像が無くなるまで繰返し処理するようにしています。なってるはずです…

NP_OnlyImg の機能

アイテム中のイメージタグ「<img />」を抽出
アイテム中の Nucleus 変数「<%image%>」を xhtml 形式に展開して抽出
アイテム内の画像の URI のみを抽出
幅が 1px、または「class="noicon"」と指定された画像は非表示

使用方法

テンプレートで「<%OnlyImg%>」「<%OnlyImg(src)%>」が使用できます。

<%OnlyImg%>
アイテム中のイメージタグ「<img />」か、Nucleus 変数「<%image%>」を一つだけ表示します。
<%OnlyImg(src)%>
アイテム中の画像の URI のみを表示します。

使用例

当サイトでは、トップページの最新 Moblog 表示、Moblog 一覧、各カテゴリー一覧やタグ抽出一覧で使用しています。

最新 Moblog 表示に使用している Nucleus テンプレート

<dd class="newestMoblog"><p><a href="http://blog.heartfield-web.com/<%category%>/<%Permalink(name)%>.html" title="<%title%>"><%OnlyImg%></a></p><p class="postedMoblogTime"><%date%> <%time%></p></dd>

Moblog 一覧のテンプレート

<p class="galleryItem"><a href="<%blogurl%><%category%>/<%itemid%>.html"><img src="<%OnlyImg(src)%>" alt="<%title%>" width="70" class="moblogGallery" /></a><a href="<%blogurl%><%category%>/<%itemid%>.html" class="info" title="<%title%>"><%syndicate_title(14)%></a></p>

カテゴリー一覧、Tag 抽出時のテンプレート

<p class="archive"><%OnlyImg%><a href="http://blog.heartfield-web.com/<%category%>/<%Permalink(name)%>.html"><%title%></a></p>

ダウンロード

最新バージョンはこちらから
NP_OnlyImg｜使用方法とダウンロード