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

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>