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">タグを挿入するだけです。
設定が出来たら、表示を確認しましょう。