コンテンツにスキップ

エディターでリンク先のURLを変更する方法

旧マニュアル番号: No.14

一度設定したリンクでも、リンク先のページURLが変更になったり、別のページに誘導したくなったりすることがあります。エディターでは、既存のリンク情報を簡単に確認し、修正することができます。


1. リンク先変更の対象

このマニュアルで解説する方法は、主に以下の要素に設定されたリンクを変更する場合に利用できます。

  • テキストリンク: 文章の一部に設定されたリンク(「No.12」で設定したもの)
  • ボタン: 「詳しくはこちら」「お問い合わせ」などのボタン
  • 画像リンク: クリックすると特定のページに移動する画像

2. リンク先URLを変更する手順

  1. Content editor roleでサイトを開く: Webflowを開き、リンクを修正したい要素があるページを表示します。

  2. 修正したい要素にカーソルを合わせる: リンクが設定されているテキスト、ボタン、または画像の上にマウスカーソルを合わせます。

  3. 青い枠と「Settings」アイコンを確認: 編集可能な要素には青い枠が表示されます。その右上を見てください。

    • テキストリンクの場合: 鉛筆アイコンが表示されます。まずテキストをクリックして編集モードに入ります。
    • ボタンや画像リンクの場合: 歯車のアイコン(Settings)が表示されます。これが設定変更の合図です。
  4. 「Settings」アイコンをクリック: 歯車のアイコンをクリックします。

  5. 設定パネルで「Link Settings」を開く: クリックすると、その要素に関する設定パネルが開きます。その中から「Link Settings」という項目を探し、クリックします。

  6. 既存のURLを修正: 「Link Settings」の中に、現在設定されているURLが表示されています。このURLを新しいものに書き換えるか、新しいURLを貼り付けます。

  7. 必要に応じて「別タブで開く」を設定:No.12」で解説したように、外部リンクの場合は「Open in new tab」をオンにすることを推奨します。

  8. 設定を閉じる: URLの修正が終わったら、設定パネルの外側をクリックしてパネルを閉じます。これで変更は適用されます。

3. 【重要】変更の公開

この作業の後も、変更を実際のサイトに反映させるためには「公開(Publish)」作業が必要です。 忘れずに「No.15 【忘れずに!】変更を保存してサイトに反映させる方法」を実行してください。


次のステップ: 基本的な編集作業はこれで一通り学びました。次は、これまでの作業を無駄にしないための、最も重要な工程「No.15 【忘れずに!】変更を保存してサイトに反映させる方法」です。