注目度の高い記事
サイト内の特定の見出しへ直接ジャンプするリンクを作る方法

 

わかば
山本さん、私のブログの中の特定の見出しに直接移動する
リンクを作りたいんですけど、そんな事ってできたりします?

山本
あるプラグインを使うと簡単にできるよ!

 

サイト内のページの「特定の見出し」に移動するリンクを作る方法です。

見出しに直接移動するリンクを作る方法

ここで解説するのは

目次を自動生成するプラグイン Table of Contents Plus を使用した方法になります。

 

インストールがまだの方は、先にこのプラグインをインストールしておいてください。

参考リンク【Table of Contents Plus】ブログの目次を自動で作ってくれるワードプレスプラグイン

 

当ブログの「【決定版】ワードプレステーマ「Diver」の外観カスタマイズ方法の全て」ページの

「3.投稿ページ」という見出しのリンクを実際に作成しながら解説していきます。

 

1.リンクを作りたいページを開く

まずはリンクを作りたいページを開きます。

リンクを作りたいページを開く

 

2.リンクを作りたい見出しにジャンプする

ページを下にスクロールして、目次の中にある見出しをクリック してジャンプします。

リンクを作りたい見出しにジャンプします

 

3.アドレスバーに表示されたリンクをコピーする

見出しに移動すると、ブラウザのアドレスバー(URLが表示される窓)に

その見出しへのリンクが表示されるので、これをコピーしましょう。

アドレスバーに表示されたリンクをコピー

 

4.コピーしたリンクをテキストに設置する

あとは、このURLを設置したい場所にペーストするだけでOK!

山本
下のリンクをクリックして試してみてください!

お試しリンク3.投稿ページに移動してみる

 

さいごに

わかば
おおっ!以外にも簡単にできました!

山本
見出しリンクってなにげに使いたい時多いよね

 

目的の見出しへの直接リンクにすることで

ユーザビリティの向上にもつながるので、積極的に使っていきましょう!

ゼロから始める!ワードプレスブログ スタートマニュアル
ワードプレスブログスタートマニュアル

ブログには興味があるけど、ワードプレスってなんか難しそうだなぁなんて思ってませんか?

わー研。では、そんなあなたのために、手順通り進めるだけでワードプレスブログが開設できるマニュアル(特設ページ)をご用意しました!

もちろん無料で利用が可能ですので、はじめての方はぜひご活用ください!

Twitterでフォローしよう

おすすめの記事