最初に表示される記事のみデザインをカスタマイズ

独自タグ「<IfFirstArticle>」を利用したカスタマイズ方法を紹介します。

<IfFirstArticle> とは

最初に表示される記事に限定してレイアウトを適用させます。
個別記事ページ以外の、「トップページ」「カテゴリアーカイブ」「月別アーカイブ」ページで利用できます。

使い方

挿入できる場所は、<IndexArticlesLoop>～</IndexArticlesLoop>の間です。（カテゴリアーカイブ、月別アーカイブの場合はそれぞれ<CategorizedArticlesLoop>、<MonthlyArticlesLoop>になります）

適用させたい場所に「<IfFirstArticle>内容</IfFirstArticle>」を記述します。このタグは変数タイプのタグではなく、条件分岐タイプのタグなので、開始タグと終了タグが必要になります。

使用例

１．ボタン(バナー)を掲載する
例：「アプリでフォローする」ボタンを掲載※同様に文章や広告を掲載できます。

参照：作成したバナーをアプリへのバナーリンクにする方法

　↓　↓　↓　↓　↓

• HTML

<IfFirstArticle>
<a href="https://＊＊＊＊＊.livedoor.blog/_/ldapp_notifier">
<img src="https://parts.blog.livedoor.jp/img/usr/cmn/btn_add_ldapp.png">
</a>
</IfFirstArticle>

２．記事タイトルの文字表現を変える

例：最初の記事のタイトルを大きくして赤文字にする。

↓　↓　↓　↓　↓

• HTML

<a href="<$ArticlePermalink$>" rel="bookmark">　
<IfFirstArticle>
<span style="font-size:150%; color:red;">
<$ArticleTitle ESCAPE$>
</span>
</IfFirstArticle></a>