関連記事の「NOIMAGE」画像を変更する

記事下の関連記事を表示する部分、該当記事内に画像がないと、「NO IMAGE」という味気ないサムネイルが表示されます。
この「NO IMAGE」画像をお好みの画像に設定する方法を紹介します。

HTML編集

まずは、
デザイン→HTML編集の中から、次のような記述を探します。

<% if:article.first_image -%>
<img src=”<% article.first_image.page_url_thumbnail -%>” alt=”” />
<% else -%>

この<% else -%>の下のこの部分を、

<% else -%>
<div class=”no-image”><div class=”no-image–inner”>no image</div></div>
<% /if -%>

次のように変更します。

<% else -%>
<img src=”画像URL” alt=”no image” />
<% /if -%>

ブログ内にアップロードしている画像のURLは「ファイルマネージャ」から確認することができます。