【AFFINGER6】見出しに小見出しを追加する方法|目次の書き換えもOK!

※記事内にプロモーションが含まれています。

きつねコード
きつねコード

AFFINGER6の小ネタシリーズです。

AFFINGER6で見出しに小見出しをつける

こんにちは、AFFINGER6ユーザーのきつねコードです。

当サイトでは、Wordpressやブログ運営のノウハウなどを解説しています。

この記事では、AFFINGER6で、見出しに「小見出し」をつける方法について解説します。

知っておくと役立つかもしれないので要チェックです!

参考情報

AFFINGER6を使っているなら、絶対にチェックしておきたいのがこの2つ↓
タグ管理マネージャー】と【PVモニター】はまさに相棒的な存在です。

・広告タグを整理して、効率的に運用する
・PVとクリック数を分析して、収益導線を強化する

PVアップ➡️クリック数アップ➡️アフィリエイト成果発生アップ、を自然に増やす仕組みを作れます。
初期投資で迷ってたら、早めに導入するのがおすすめです!

\AFFINGER6の相棒的存在!収益を押し上げる/

タグ管理マネージャーとPVモニターセット

※私もインフォトップにて購入し、愛用中。

関連記事:Affinger6タグ管理マネージャーとPVモニター

ご自身がお使いのaffingerのバージョンなどによっては、記事内容と画面が異なる可能性はありますのでご了承ください。

関連記事:AFFINGER6のレビュー記事はこちら
関連記事:AFFINGER6の使い方解説記事はこちら

AFFINGER6で見出しに小見出しをつける方法

AFFINGER6では、見出しの上に「小見出し」をつけることができます。

昔の仕様である「クラシックエディター」を呼び出すと使える機能です。
(キャッチコピー機能)

おすすめ〇〇選」や「〇〇の比較・ランキング」、他にも「〇〇の方法、理由、手順」などを記事にする際に、見出しが多くなってわかりにくくなることがありますよね。

この機能を使うと、記事の見出しがより整理されて、長い記事でも読者が迷子にならないようにできます。

きつねコード
きつねコード

私も実際によく活用していますよ。

一度覚えれば簡単です。利用手順をご紹介します。


  • step.1

    まずは記事の編集ページ、任意の場所で「クラシック」ブロックを呼び出しましょう

    AFFINGER6で見出しに小見出しをつける手順

    すると、クラシックエディターが開きます。

    みなさんが使用しているであろう普通のエディターは新式の「ブロックエディター」と呼ばれます。それに対して昔の仕様が「クラシックエディター」です。AFFINGERテーマは昔から存在するので、クラシックエディターのみで使える機能も数多く残されています。通常はブロックエディターで編集しますが、今回のように”部分的にクラシックを呼び出す”ことで色々な機能をプラスアルファとして使えるわけですね。

    もしクラシックのツールバーが閉じていたら、下のマークをクリックしてツールバーを開いてください

    AFFINGER6で見出しに小見出しをつける手順

    まずは、左上の「段落」のところをクリックして、該当する『見出し』に変更します。

    AFFINGER6で見出しに小見出しをつける手順

    次に、「スタイル」をクリックします。

    AFFINGER6で見出しに小見出しをつける手順

    「見出し」「キャッチコピー」or「キャッチコピー(+目次)」を選びましょう。

    キャッチコピー(+目次)は、小見出しが目次にも含まれます。
    キャッチコピーにすると、小見出し部分は目次に入りません。

    AFFINGER6で見出しに小見出しをつける手順

    上段に小さい文字を入れられるので小見出しにしましょう。書き終えたら、次の行の一番左あたりをクリックして大見出しを書きましょう。

    「Enter」を押して改行しようとすると、おそらくバグって正常に機能しません。クリックして次の行へ進めてください。

    AFFINGER6で見出しに小見出しをつける手順

    これで、キャッチコピー(小見出し)付きの見出しが完成です!

    AFFINGER6で見出しに小見出しをつける

  • 【コピペしたい場合】

    ついでに補足します。

    このキャッチコピー見出しは複数回入れることになるはずですので、コピペできると楽ですよね。

    しかし、このままコピペしてもおそらく正常に機能しません。(※お使いの利用環境にもよるかもしれません)

    AFFINGER6クラシックブロックのコピペ

    なので、わたしはいつも「ブロックへ変換」をクリックしています。

    AFFINGER6でクラシックブロックをコピペする手順

    そうすると、クラシックエディターだった部分が、ブロックエディターと変換されます。上のツールバーが変わりましたよね↓。
    (コンテンツの中身自体に、見た目上の変化はありません)この状態で、「コピー」をします。

    AFFINGER6のキャッチコピーをコピペ

    そして、もう1つ細かい小技ですが、『一段落あいだを空けてから』貼り付けを行ってください。
    (間を空けずに”貼り付け”すると、私はバグることが多いから)

    AFFINGER6でクラシックブロックをコピペする手順

    余談ですけど、クラシックエディタとブロックエディタは、本来はまったくの別物で完璧に共存するものでもないので、何かとバグることはよくあります。クラシックを併用する場合には、はじめはある程度の慣れが必要だと思います。


  • 【文字を編集したい場合】

    さらに、コピペしたキャッチコピー付き見出しを編集する場合にも、少し注意が必要です。

    こんなふうに↓、テキストの両端を編集した時に勝手に改行がおこり、バグることがよくあります。

    AFFINGER6のキャッチコピーの編集方法

    ですので、私はいつも文字の真ん中部分を先に編集しています。できたら、両端は消してください。
    2段目の大見出しの部分も同様です。

    AFFINGER6のキャッチコピーの編集方法

以上が、キャッチコピー見出しの作り方です。

ややこしく思えたかもしれませんが、一度マスターしたら手間なく再現できますのでぜひご活用ください!

AFFINGER6で目次を書き換える方法

キャッチコピー見出しを使った際に、記事の「目次」が下記のようになるケースがあります。

AFFINGER6のキャッチコピーの目次

同じ文章が見出しに繰り返して出てきても、SEO的にはとくに問題はありませんが、読者ユーザーとしてはやっぱり視認性が悪いですよね…。

AFFINGER6では、この対応策も用意されていますので安心してください。

きつねコード
きつねコード

さすが、アフィンガー!芸が細かい。


  • step.1

    まず1つ目の解決策は、「キャッチコピー(+目次)」ではなく、「キャッチコピー」を使うことです。

    これだけで、上段の小見出し部分は目次には含まれなくなります。

    AFFINGER6キャッチコピーの目次

    もう1つの解決策は、「SUGOI MOKUJI(すごいもくじ)」プラグインを使うことです。
    (※お試しLite版でも同様の機能が使えます!

    このプラグインを入れていると、見出しブロックを選択した時に「目次での表示名」を編集可能となります。

    AFFINGER6キャッチコピーの目次を書き換える方法

    こんなふうに↓、自由に書き換えられますので、非常に便利です。ちなみに、空欄の時は元々の見出しのまま目次表示されるので、書き換えたい場合のみ記載すればOKです。

    AFFINGER6キャッチコピーの目次を書き換える方法
    きつねコード
    きつねコード

    私もいつもこの機能を使って、必要なときだけ書き換えていますよ。

    これで、目次がとても綺麗になりましたね!

    AFFINGER6キャッチコピーの目次を書き換える

まとめ

AFFINGER6で、見出しに小見出しをつける、キャッチコピー見出し機能をご紹介しました。

記事作りの幅が広がる便利な機能ですので、ぜひ使ってみてください!

  • 記事編集ページにて「クラシック」ブロックを呼び出す
  • 「ツールバー」を出す
  • 「段落」から「見出し」へ変更する
  • スタイルの中から「見出し≫キャッチコピー」を選ぶ
  • 小見出しと見出しを書く
  • SUGOI MOKUJIプラグインの機能で、目次表記を書き換える(任意)

きつねコードも普段の作業に使っていますが、モニターを購入して2画面でPC作業するようになると作業効率が爆上がりします

モバイルモニターだと持ち運びもできてどこでも使える&すっごい軽くて便利です。ケーブルも一式付属してるのでwindowsでもmacでもいけます。

2画面、作業するテンションも上がりますよ笑😆


おすすめテーマランキング[PR]

【第1位】AFFINGER6 ¥14,800円

affinger6バナー

「稼げるサイトを作りたい人」におすすめ。収益化をサポートするための仕掛けが本当に良く出来ているので、使いこなせれば成果アップにつながる。カスタマイズ自由度も高いので個性も出せる。当サイトで利用中。もちろんSEOにも強い。

【第2位】swell ¥17,600円

こちらは万人向け。いま一番売れてる有料テーマ。多機能ながらも直感的な操作ができるので、「とにかく使いやすい」。初心者〜上級者にも愛用され、導入してすぐオシャレなサイトになる。SEOにも強くバランスが良いと言える。

【第3位】Cocoon ¥0円

cocoonバナー

一言で言えば「コスパ最強」。なんでこれが無料?必要十分な機能で、シンプルなので初心者にもgood。費用をかけずとりあえずサイトを始めたい人に最適。ゼロからサイトを作る人は、レンタルサーバーの「Xサーバー」で、wordpressクイックスタート機能というのを使うのがおすすめ。即cocoonサイトができる。2個目のブログにも。

  • この記事を書いた人

きつねコード

webディレクター&プログラマー。子育て真っ最中の2児のパパ。 10年以上Web系の経験を積み、サービス立ち上げやメディア運営など、幅広いジャンルに携わってきました。若い頃に起業した経験もあるので、少し守備範囲は広めかもしれません。パソコンが苦手な方からも質問をいただくことが多く、「少しでも役に立てれば」との思いでこのブログを始めました。

人気記事

wordpressテーマおすすめ【ブログ編】 1

この記事を書いた人「きつねコード」 webディレクター・プログラミング講師。wordpressには10年以上触れており、自身でブログ運営もしています。当記事で紹 ...

cocoonからswellに移行する全手順 2

cocoon以外のテーマからswellへ移行する場合でも、確認することとしては大体同じ手順となります。ご参考にしてみてください。 結論:cocoonとswell ...

おすすめのASP 3

登録必須のおすすめASP(ブログ初心者〜上級者) ブログやサイトを作成したら、まずASPヘの登録は行いましょう。 結論を言うと、初心者でも上級者でも下記の王道5 ...

cocoonからaffinger6への移行手順 4

cocoon以外のテーマからaffinger6へ移行する場合もチェック項目は大体同じですので、参考にしてみてください。 関連記事:cocoonからswellへの ...

ラッコキーワードの使い方を徹底解説! 5

この記事でわかること ラッコキーワードを使うと何ができるのか? 他のツールと比べたときのラッコの優位性 ラッコキーワードの超具体的な使い方 (初心者向け)SEO ...

エックスサーバーのクーポンコード 6

この記事でわかること エックスサーバーのクーポンコード エックスサーバーの公式キャンペーン情報 最安で契約する方法 この記事の情報は、2025年4月03日に更新 ...

-Affinger, ブログ・wordpress運営
-, , ,