[ライブドアブログ] 記事の見出し画像 資料

Modified

『ライブドアブログ』における記事の見出し画像について。

URLを出力

記事の見出し画像のURLを出力する際は変数の独自タグである『ArticleFirstImage』を使う。

この変数は次の優先順(上から優先)に基づいた画像のURLを出力する。

  • 設定した記事の見出し画像。
  • 記事の本文に使っている最初の画像。

先述した条件を満たさない場合は何も出力しない。

有無を判定

記事の見出し画像の有無を判定する際は条件分岐の独自タグである『IfArticleFirstImage』、『UnlessArticleFirstImage』を使う。

『IfArticleFirstImage』は記事の見出し画像が存在する場合、『UnlessArticleFirstImage』は存在しない場合。

記事の見出し画像を表示
<img src="<$ArticleFirstImage$>" alt="">
記事の見出し画像のURLをJavaScriptの変数に代入(ファイル内は不可)
<script>let url = '<$ArticleFirstImage$>';</script>
記事の見出し画像の有無によって表示する内容を変更
<IfArticleFirstImage>
<!-- 記事の見出し画像が存在する場合 -->
<img src="<$ArticleFirstImage$>" alt="">
</IfArticleFirstImage>
<UnlessArticleFirstImage>
<!-- 記事の見出し画像が存在しない場合 -->
</UnlessArticleFirstImage>