WordPressで見出しにアンカーリンクを設定する方法

今回は、エンジニア向けドキュメント等でよく見かける見出しのアンカーリンクを設定する方法を紹介します。

こういうのですね。

この見出しをクリックするだけでその場所へのアンカーリンクを取得することができるようなものになってまして、
他の方への共有にも使えたりで何かと便利なので今回WordPressに導入してみます。

方法

WP Anchor Headerというプラグインを利用します。手順としては以下の通りです。

手順

まずは下記リンクからプラグインファイルのダウンロードページに移動しましょう。
WP Anchor Header

すると「Download」ボタンがあるので、そこからファイルをダウンロードします。

適当な場所に保存しておきます。

WordPressの管理画面に移動し、プラグインの「新規追加」をクリックします。

今回はファイルからプラグインを導入したいので「プラグインのアップロード」をクリック

先ほどダウンロードしたファイルを選択します。

「開く」をクリック。

「今すぐインストール」を押すとプラグインのインストールができます。

インストールが完了すれば後はプラグインを有効化するだけでOKです！

これで書いた記事を見てみると…

ちゃんと設定が反映されてました！ヨシ👈

ちなみにリンクのアイコンをクリックするとURLに#<見出しのテキスト> というアンカーリンクが付与されます。(上記の例だと#方法)