ワードプレスのプラグインを使って簡単にページ内リンクを設定する(記事の途中に飛ばす)方法

詳細はこちら >
（↑クリックで飛びます）

－詳細－

ここに詳細・・・

というわけで今回は、ワードプレスブログでプラグインを使って簡単にページ内ジャンプの設定をする方法をお伝えします。

プラグインを使えば難しい事を覚える必要はなく、２ステップで簡単に出来ますよ。

ではいってみましょう！

このやり方はクラシックエディタでプラグインを使用した方法でしたが、ブロックエディタになりもっと簡単に設定できるようになっていますのでこちらに書きました＞

プラグイン「TinyMCE Advanced」をインストールする

「プラグイン」⇒「新規追加」⇒「TinyMCE Advanced」で検索してプラグインをインストールします。

インストールしたらすぐに「有効化」しましょう。

プラグインの設定をする。

「設定」⇒「TinyMCE Advanced」をクリックすると設定画面が開きます。

下の「使用しないボタン」の一覧から「アンカー」と書いた四角をドラック＆ドロップで上の白枠の部分へ持って行きます。

（場所は好きな所でＯＫです。）

最後に右側にある「変更を保存」をクリックします。

では、次から記事にページ内ジャンプの設定をしていきます。

飛ばしたい部分(文字)にアンカーを設定する

クリックして飛ばすところの文字にアンカーを指定します。

アンカーを指定したい文字を選択したら、「アンカー」をクリックします。

「アンカー」をクリックすると、下記の様なポップアップが出てきますので、IDの枠に半角で何か好きな英数字を入力してＯＫをクリックします。

ここでは「shosai」と入力しました。

アンカーがちゃんと指定されているか確認したい場合は、テキストモードにして、HTMLコードが　<a id=”shosai”></a>－詳細－　の様になっていればＯＫです。

リンクを貼る

アンカーを指定したら次はクリックしてもらいたい文字にリンクを貼ります。

リンクを貼りたい文字を選択したら、「リンクの挿入」をクリックして、文字の下に出てきた枠内に半角で「＃」と入れてから、先程アンカーを指定した時に入力した文字と同じもの＜ここでは「shosai」＞を入力してをクリックします。

これで設定は終わりです！お疲れ様でした。

３番目（アンカーを設定する）と４番目（リンクを貼る）の作業は、順番が逆になってもＯＫです。

まとめ

ビジュアルエディタだけで設定出来て、簡単でしたね。覚えておくべきポイントは２つです。

ページ内ジャンプの設定は、決められたルール通りにHTMLを入れて設定する方法もありますが、なかなか覚えられずに使う度に調べて入力して時間がかかってた・・・、なんて（私みたいな）方も多いのではないでしょうか？