ボクのアフィリエイト日記

ボクアフィ

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">タグを挿入するだけです。

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

おすすめ記事

EWWW Image Optimizerの設定画面
画像を「EWWW Image Optimizer」でWebPに変換する方法

2019/5/17  

WordPressプラグイン「EWWW Image Optimizer」を使い、次世代画像フォーマット「WebP(ウェッピー)」に変換する方法を解説します。

AdSenseの「ページビュー」と「表示回数」の違い
AdSenseの「ページビュー」と「表示回数」の違い

2019/4/3  

AdSenseのレポートでよく見る「ページビュー」と「表示回数」の意味の違いを解説します。

プラグイン不要!Googleフォームでお問い合わせフォームを作る方法
プラグイン不要!Googleフォームでお問い合わせフォームを作る方法

2019/4/3  

WordPressで人気のプラグイン「Contact Form7」を利用せずに、Googleが提供する「Googleフォーム」を使ったお問い合わせフォームの作り方をご紹介します。

-AFFINGER5

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