【AFFINGER5】見出しの中に小さな文字を入れる方法【たった一手間で簡単にできます】

2020年11月1日

・アフィンガーで、見出しの中に小さな文字を入れるにはどうすればいいの？

悩んでいる人

こんな悩みを解決します。

この記事を書いている人

この記事を書いている僕は、副業ブログで収益6桁を稼ぐ大学生。
Twitter（＠you_blog2912)を運営中。

今回は、以下のような見出しの作り方について紹介します。

完成形の見出し例

アフィンガー5のカスタマイズ見出しの中に小さな文字を入れる方法

上のように、見出しの中の一部の文字を小さくするだけで、キーワードを含めつつ、スッキリとした見出しを作ることが可能です。

さっそく作り方を確認していきましょう！

ゆーさく

アフィンガーカスタマイズ見出しの中に小さな文字を入れる方法は2つある！

実は、見出しの中に小さな文字を入れる方法は、2つあります。

僕は、2つ目のキャッチコピーを使う方法で行っていますが、自分の執筆スタイルに合わせて、使い分けてみてください。

以下のコードを、見出しの中にコピペすればOKです。

HTMLコード

<p><span class="st-h-copy">小さくしたい文字を入力</span></p>

例えば、上の見出しは以下のようなコードで作成しています。

<h3><span class="st-h-copy">見出しの中に小さな文字を入れる方法➀</span>HTMLで入力</h3>

本当にコピペするだけなので簡単ですね！

ゆーさく

『AddQuicktag』というプラグインに保存しておくと、HTMLコードを簡単に出せるようになるので、頻繁に使う場合は、登録しておきましょう。

上では、HTMLを用いて直接入力しましたが、キャッチコピーボタンでも簡単にできます。

小さくしたい部分をドラッグして、上の画像の部分から『キャッチコピー』を選択すればOKです。

_完成形

わざわざHTMLを打ち込まなくていいので、簡単ですね！

ゆーさく

今回は、見出しの中に小さな文字を入れる方法について紹介しました。

キーワードを入れつつ、文字数が多くてもスッキリした見出しを作ることができるので、見出しが長くなったときはやってみてください。

当ブログでは、他にもアフィンガーのカスタマイズについて紹介しているので、参考にしてみてください！

ゆーさく