クリックだけでＯＫ！ワードプレスで目次ページ・見出しリンクを使う方法
インターネットサイトを見ていたら、記事冒頭には見出しと書かれてその見出しをクリックすると読みたい所だけを読んだりって出来ますよね！
↓これです。
ここではワードプレスで作るサイトでその見出しにリンクを付けて同じページ内でジャンプする方法をお教えすると同時に、
クリックだけでそれらが可能になる裏技も合わせてご紹介いたします。
目次・見出しリンクの作り方
見出しリンクは基本的に下記のタグを使います。
↓これが上記見出しリンクに使ったタグです。（ジャンプ元リンク）
|
1 |
<a href="URL/#a01">テキストをここに入れる</a> |
URLの所に見出しリンクを設置したい記事のＵＲＬを入れましょう。（TOPページならTOPページのURL）
↓そしてこれがジャンプ先に設置するタグです。（ジャンプ先タグ）
|
1 |
<a name="a01">テキスト</a> |
目次・見出しリンクを二つ以上作りたいならそれぞれの#a01の部分を#a02とか#a03とか変更して数を増やす事が出来ます。
（ジャンプ元を#a02にしたらジャンプ先もa02と指定してあげましょう）
↓ワードプレス記事作成画面でテキストモードで見てこのようになっていればＯＫです。（画像クリックで拡大）
●ワンポイントアドバイス
↓ジャンプ先のタグはこのようにお教えしましたが、
|
1 |
<a name="a01">テキスト</a> |
実際はテキストの部分を全部消して上記画像のようにジャンプ先タグの下に改行スペースを入れて使うと良いです。
じゃないとジャンプした後で位置ずれにより、テキスト部分に入力した文字列が画面内に収まらなかったりします。
ジャンプ先のタグの間にある「テキスト」部分は消して何も入力しないで使ったほうが使いやすいです。
AddQuicktagを使えばクリックだけで見出しリンクが作れる
ワードプレスのプラグインで「AddQuicktag」という物を使えば、普段使うタグを記憶させておく事が出来ます。
↓私はこのように見出しリンクに使うタグも記憶させて使っています。（ワードプレス記事作成画面）
私は「ジャンプ先」という名前ではなくて「見出しリンク受け」と設定していましたが意味は一緒です。
上記リンク先の記事でお教えしている設定方法で、
AddQuicktagに見出しリンクを入れる場合は下記のように設定しておくと良いです。
ボタン名：見出しリンクジャンプ元
↓開始タグ
|
1 |
<a href="URL/#a01"> |
↓終了タグ
|
1 |
</a> |
ボタン名：見出しリンクジャンプ先
↓開始タグ
|
1 |
<p><a name="a01"></a></p> |
終了タグなし
見出しリンクでジャンプ先は終了タグを入れていないので、
飛ばしたい先の文字列の上に改行スペース一行分間を空けてその上で１クリックして使うだけでＯＫです。
以上、目次・見出しリンクの作り方と１クリックで使いこなせる方法でした。
ワードプレスの使い方を覚えたらそのままアフィリエイトサイトを作り、個人がパソコン一台でお金を稼ぐ事も可能です。
↓youtube動画ではアフィリエイトのやり方を無料で公開しているので、是非とも参考にしてみてください！
当サイトはエッジプラス１というワードプレスのテンプレートを使って簡単に作っています。
↓メルマガで無料情報を受取って月収１００万円目指す方はこちらから登録出来ます。
↓クロレラが有料級情報を公開しているアフィリエイトで稼ぐ方法を記載したメインブログはこちら
サイト運営者：道産子アフィリエイタークロレラ
まったくの知識０の状態で2015年からアフィリエイトを始め、現在では安定して毎月数百万円を稼ぎ続ける。
↓日本で最大手のアフィリエイトセンターであるA8.netでは現在ブラックSランクに属しています。
↓その実績を認められ、アフィリエイトセンターからは賞状とフィギュアを貰いました。
税金対策で株式会社を設立するレベルまでたった一人で到達し、現在では代表取締役を勤める生粋のアフィリエイター。
↓クロレラがアフィリエイトで稼ぐ方法を教えているメインブログはこちら
↓クロレラのyoutubeちゃんねるはこちら
（基本的に無料で裏情報を公開をしているので、それぞれお気に入り登録・チャンネル登録はお忘れなく！）
