HTMLタグを利用することで、記事内に記載した目次をクリックした際に、該当の見出し箇所へジャンプできる等、個別記事ページ内でのリンクを作成することが可能です。
以下手順を参照いただき記事内該当箇所のHTMLタグを編集してください。
※下記は目次1、2、3を押すと、それぞれに対応したリンク先に飛ぶ設定を例にした手順となります。
- ブログ管理画面ログイン
- 「記事を書く」をクリック
- 「HTMLタグ編集」をクリック ※シンプルエディタをご利用の場合は、「HTMLタグ編集」ボタンの表示はございません。
- 下記の例を参照しリンク先(ジャンプしたい位置)にidを指定する
- 下記の例を参照しリンク先に飛ぶための箇所(目次に該当する箇所)を作成
- 「更新する」をクリック
(ジャンプ先の節)※上記の場合idは例として「01」と記載しております。idに指定する文字列は任意の文字列で問題ございません。
<h3 id="01">見出し1</h3>
(目次箇所)※上記のようなHTML記述により、「目次1」をクリックした際、
<a href="#01">目次1</a>
「見出し1」の節にジャンプするよう設定が可能です。
カスタマイズについて
ブログデザインのCSS・HTML編集は、 サポートガイドライン記載の通りサポート対応の範囲外です。
お客様ご自身にてご確認・操作をお願いします。
また、ブログデザインのCSS・HTML編集はPC版のみ可能であり、
スマートフォン版や携帯版は編集できません。
お客様のCSS・HTML編集に伴い、ブログ表示が崩れる可能性がございますので、
デザイン保存機能を利用して、編集前に保存してください。
また、ブログ崩れが発生しても弊社では対応いたしかねますので、予めご了承ください。
・ブログデザインのカスタマイズについてのヘルプページはこちら
・カスタマイズしたデザインの保存についてのヘルプページはこちら