AFFINGER5（WING）のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。
ただ、執筆時点ではヘッダーカードにキャッチコピーを表示についてのマニュアルがなかったので、この記事にやり方をメモしておきます。
ヘッダーカードにキャッチコピーを表示
おすすめヘッダーカードにキャッチコピーを表示する方法は次の通り。
- AFFINGER5（WING）をver20190801β以上にバージョンアップ
- 「テーマ管理」＞「おすすめ記事」にてヘッダーカードを設定
- 「テキスト」に＜span class="st-h-copy"＞タグを挿入
キャッチコピーを表示するには、「テキスト」の部分に直接＜span class="st-h-copy"＞タグを挿入するだけです。
おすすめヘッダーカードのテキストにキャッチコピータグを挿入
【キャッチコピーを上段に表示する例】
＜span class="st-h-copy"＞キャッチコピー＜/span＞大きい文字
【キャッチコピーを下段に表示する例】
大きい文字＜span class="st-h-copy"＞キャッチコピー＜/span＞
※＜＞は小文字にします。
キャッチコピーが小文字として表示された
キャッチコピーが表示できました。
まとめ
AFFINGER5（WING）のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。
設定方法は簡単で、おすすめヘッダーカードの設定より「テキスト」の部分に直接＜span class="st-h-copy"＞タグを挿入するだけです。
設定が出来たら、表示を確認しましょう。
