カテゴリー
WordPress

【HTML】WordPress 投稿内でページ内リンクを付ける方法メモ

WordPress 投稿内でページ内リンクを付ける手順

記事は書き上がって残りはリンクを貼る、貼られるのみを残した状態といたします。

  1. テキストエディタへ切り替える。
  2. リンクを貼られるタグに id を挿入する。
    例「<h3>見出し3</h3>」→「<h3 id=”a03″>見出し3</h3>」
  3. リンクを貼るテキストを a タグを囲み、リンクとして先ほどの id を先頭に「#」を付けて指定する。
    「見出し3」→「<a href=”#a03″>見出し3</a>」または絶対パス指定で「<a href=”https://oki2a24.com/2014/06/17/add-a-tag-in-same-html-page/#a03″>見出し3</a>」

リンク URL で「/」の後に「#」と記号が連続するのがなんとなく馴染めませんけれども、これで正しいですの♪

HTML で同じページにリンクを貼る方法

今回の方法は、なにも WordPress 独自で WordPress でしか使えない方法ではありません。広く HTML で使用することができます。

となりますと、ポイントは次の 2 点です。

  • リンク貼られる箇所をタグで囲んで id を指定する。
  • リンク貼る箇所を「#指定した id」をリンク先にして a タグで囲む。

是非覚えておきますの♪