2023.02.02スポンサーリンクこの記事では、ブロックエディターでの『アンカーの設置方法』をご紹介します。設置にかかる時間は約1分です。過去の記事があります。(↓)ページの好きな場所にジャンプさせる方法【アンカー】この記事の内容は、ページの閲覧者が特定の場所にジャンプできるようにする方法です。こちらは「クラシックエディター」を使った設定方法です。「ブロックエディター(Gutenberg)」での設定方法は別記事があります。文字列やボタンをクリックすることで、別の場所へジャンプさせるWordPressの標準機能で、「アンカーリンク」とも呼ばれます。(↓)※下の青の文字列をクリックしてみてください。下までジャンプ↓↓...【A】ここまでジャンプできましたか?...【B】アンカーの設定が必要なのは、この【A】のリンク元(出発点のこと)と【B】のリンク先(着地点のこと)の2つだけです。それでは早速、その設定の手順について。使用しているWordPressテーマは『Cocoon』です。リンク先(着地点)の設置まずは、【B】のリンク先の方を設置します。編集画面(ビジュアルエディター)を開き、「ここまでジャンプできましたか?」と入力。(※文字列は任意)文字列のブロックを選択した状態で(テキストカーソルを置いた状態で)、右パネルの最下部にある「高度な設定」クリックします。「HTMLアンカー」の入力欄があるので、そこに「a」と入力します。「a」は「アンカー名」といって単なる目印です。自分が分かりやすい英数字の文字列であればなんでも構いません。文字列の先頭を数字にすると正常に動作しないようなので、先頭だけは英字にする必要があります。次に【A】のリンク元を設置します。編集画面内に、「少し下までジャンプ↓↓」と入力。(※文字列は任意)文字列を選択した状態で、「文書ツール」の「リンク」のボタンをクリックします。リンク先のURLとして、「#a」と入力します。「a」は先ほど決めたアンカー名ですが、先頭に「#」の記号を付けるのをお忘れなく。プレビューで正常に動作することができたら完了です。リンク先は「アンカー名」、リンク元は「#」+「アンカー名」と覚えておくとよいです!別のページにジャンプさせるには?先ほどと手順が変わるのは【A】「リンク元」(出発点)のみです。(※【B】「リンク先」(着地点)のやり方は同じ。)「#a」の前の部分にリンク先のページのURLを追記します。(↓)https://リンク先のページのURL/#a以上、ブロックエディターでの『アンカーの設置方法』でした。PCWindowsワードプレスWordPressコクーンCocoon収益化MonetizationPC・機器・ソフトElectronicsガジェット・小物GadgetつぶやきMemo・Tweetプロフィールきゅうり個人塾を経営してます。ブログなんかやってて本業は大丈夫なのかって?いえいえ、ソッチの手は抜きませんよ、プライベートと睡眠を少しずつ削ってるだけでね。やると決めたからには何にでも全力です。defined.")}))})();タイトルとURLをコピーしました。