ブロックエディタの高度な設定 | HTMLアンカー使い方

  • 1 min read
ブロックエディタのHTMLアンカー使い方

ブロックエディタには、【高度な設定】の項目に『HTMLアンカー』という機能があり、コード知識を必要とすることなくページ内ジャンプ(リンク)を設定することができます。

この記事では、HTMLアンカー機能を利用したページ内ジャンプ(リンク)の設定方法を解説します。

ページ内ジャンプ(リンク)の概要について詳しく知りたい方は、こちらの記事をご覧ください。

HTMLアンカーの設定方法

まずここをクリックしてみてください。
※ページの先の方に飛びます

おかえりなさい。

さて、ページ内ジャンプ(リンク)で設定した任意の場所へ飛んでまた戻ってきたわけですが、あなたが今経験したページ内ジャンプ(リンク)には一切コードを入力していません。

ブロックエディタのHTMLアンカー機能を使用して設定しました。その設定方法は以下のとおりです。

【 HTMLアンカーの設定動画 】

HTMLアンカーの使い方
  1. ジャンプ元の『HTMLアンカー』に任意の文字列(アルファベット)を入力
  2. ジャンプ先に『# + 設定した任意の文字列』を入力

クラシックエディタでは、『id=”任意の文字列”』とHTMLで入力する必要がありましたが、ブロックエディタではたったのこれだけでページ内リンクを設定できます。

もし別のページの任意の場所にジャンプしたい場合は、2を『ジャンプ先のページURL/# + 設定した任意の文字列』とするだけ。

例:https://chiyo-blog.com/○○(パーマリンク)/#□□(任意の文字列)

複雑な操作はないので、慣れてしまえばとても簡単ですよね!

ブロックエディタならコード知識がほとんど必要ない

WordPressのブロックエディタなら、クラシックエディタで必要だったコード知識や技術がほとんど不要になります。そのため、ブログ・アフィリエイト始めたての初心者でも操作しやすい。

HTMLアンカーをうまく活用すれば、 SEOにもユーザーにも良い記事を作成することができることはもちろん、目次を手動で作ることも可能。

なんでもかんでも機能を使えばいいわけではありませんが、今回紹介したHTMLアンカーをぜひ活用してみてくださいね。

ここまで飛びました。
※冒頭のリンクから飛ぶ設定になっています。

ここをクリックして、元の場所に戻ってみましょう。

nv-author-image

猛史 濱谷

複数サイトを運営しながら、サロンサポーター/ブログ個別指導/サイトスピード改善サービスなど行っています。WordPressに関すること(デザイン・カスタマイズ・テーマ・サーバーなど)が得意。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です