Cocoon アンカーリンク(ページ内リンク)の簡単設定ステップ

ブログ初心者
スポンサーリンク

当サイトではアフィリエイトプログラムを利用して商品を紹介しています。

自分用のメモ。

アンカーリンクはウェブページ内の特定の場所へ瞬時にジャンプする便利な方法です。

この機能を活用すれば、ユーザーが欲しい情報に迅速にアクセスできるため、ウェブサイトの使いやすさが向上します。

ここではアンカーリンクの設定方法を説明します。

スポンサーリンク

アンカーリンクの設定方法

ステップ1: リンクの挿入

  1. アンカーリンクを設置したい箇所を選択します。
  2. リンク挿入ボタンをクリックし、URL入力欄に「#〇〇」と入力します(〇〇はリンク先を特定するための任意の文字列)。例:「#c1」

ステップ2: 移動先の指定

  1. ページ内の移動先となるブロックを選択します。
  2. 「高度な設定」オプションを開き、HTMLアンカーの欄にリンク設定で使用した文字列(#を除く)を入力します。例:「a1」

これでアンカーリンクが設定され、リンクをクリックすると指定したページ内部分に直接ジャンプします。

設定時の注意点

  • リンク文字列にはページ内で一意のものを使用してください。
  • 大文字と小文字は区別されます。
  • スペースは含めることができません。
  • 文字列はアルファベットから始める必要があります。

アンカーリンクの設定はこのようにシンプルですが、公開前には必ずページ内でリンクが正しく機能するか確認しましょう。

これで、あなたのウェブサイトもよりユーザーフレンドリーになるはずです。

コメント

タイトルとURLをコピーしました