AFFINGER5

AFFINGE5おすすめヘッダーカードのキャッチコピー表示方法

AFFINGER5(WING)のver20190801βより、おすすめヘッダーカードにキャッチコピーを表示できるようになりました。

ただ、執筆時点ではヘッダーカードにキャッチコピーを表示についてのマニュアルがなかったので、この記事にやり方をメモしておきます。

ヘッダーカードにキャッチコピーを表示

おすすめヘッダーカードにキャッチコピーを表示する方法は次の通り。

  1. AFFINGER5(WING)をver20190801β以上にバージョンアップ
  2. 「テーマ管理」>「おすすめ記事」にてヘッダーカードを設定
  3. 「テキスト」に<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">タグを挿入するだけです。

設定が出来たら、表示を確認しましょう。

BOKU

このサイトのほか、いろんなブログをWordPressで作っている男。 テーマはAFFINGER5を愛用。

    AFFINGER5に関する不明点は「 ココナラ 」で個別対応しています。

    -AFFINGER5

    Copyright© ボクアフィ , 2020 All Rights Reserved.