関連記事の「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は「ファイルマネージャ」から確認することができます。

スポンサーリンク




CSS編集

サムネイル画像が切り取られてしまう問題は、こちらのサポートブログ記事で解決することができました。
最新の記事コンテンツや記事カテゴリ最新記事のサムネイル画像を画像全体が表示されるようにする
「最新の記事」「人気記事」表示部分は、サムネイル表示が必要なかったので、タグをごっそり削除しました。
詳細についてはまた後日紹介します。

タイトルとURLをコピーしました