文字/画像のリンク設定

文字にも画像にも共通して有効な編集ツール機能詳細をご説明します。

文字/画像にリンクを貼る

編集モード内にて、リンクを貼りたい箇所(文字/画像)を選択します。

▼画像を選択した状態

▼文字を選択した状態

文字や画像が選択されている状態のまま、編集ツールの中から「リンクの挿入/編集」ボタンを選択します。

リンクを設定するための画面が立ち上がります。
画面内に設けられた、①リンクURL ②タイトル ③ターゲット の設定を行います。

リンクURL の設定

「リンクURL」の窓に、リンク先のアドレスを入力します。

ターゲット の設定

リンク先のページが開かれる際に、ページ側の設定で「この(同じ)ウィンドウで開く」または「新しいウィンドウで開く」を選ぶことが出来ます。

タイトルとは

タイトルとは「このリンクが何か」という情報を文字で入力しておく場所です。

各項目の入力が完了したら、「更新」ボタンを押すと、リンク設定が完了し、編集モード画面に戻ります。
リンクの設定が正しく行なえているかどうかは、編集モード内「プレビュー」画面を立ち上げご確認ください。

外部サイトへリンクを貼る

リンク設定の応用として、外部サイトへリンクを貼る方法を説明します。

編集モードにてリンクを貼りたい文字や画像を選択し、編集ツールの「リンクの挿入/編集」ボタンを選択します。

リンクの設定画面が開いたら、①リンクURL ②ターゲット ③タイトル の設定を一つ一つ行ないます。

最後に「挿入」ボタンを押すと設定が完了し、編集モードに戻ります。

ページの途中を開かせるリンクの設置(=アンカーリンク)

【アンカーリンクのイメージ】
通常、リンクを開くとページの冒頭部分が表示されますが、ページの途中部分など開く場所を指定した状態のリンクを貼ることをアンカーリンクと言います。
アンカーリンクの特徴は、開く場所を指定するための目印にアンカーを設置します。

アンカーリンクが良く使われるケースとして、

  • ・トップページからピンポイントで他ページのコンテンツに誘導する
  • ・ FAQ(よくある質問)など、ページが長くなり易く並行したコンテンツが続いているページを見易くする工夫
  • ・ ページの途中や最下部などに「このページのトップに戻る」ボタンを置き、ページコンテンツの開始位置に戻るように設定する。

などが挙げられます。

※ 同じ1ページの中に、アンカーを置いてリンクを貼ることを、「ページ内リンク」と呼ぶこともあります。

【作業方法】
編集モードにて、アンカーを打つ場所にカーソルを置き、編集ツールの「アンカーの挿入/編集」を押します。

「アンカーの挿入/編集」画面が開いたら、"アンカー名"を入力し「更新」を押します。

"アンカー"のマークが表示されたことを確認します。

アンカーの設置が終わったら、引き続き編集モード内でアンカーリンクを貼りたい箇所(文字/画像)を選択し、「リンクの挿入/編集」を押します。

【アンカーリンクが同一ブロック内にある場合】

「リンクの挿入/編集」画面が開いたら、「アンカー」の選択欄をクリックし、表示される一覧からリンクしたいアンカーを選びます。

【アンカーリンクが同ページ内の別ブロックにある場合】

「リンクの挿入/編集」画面が開いたら、「リンク先URL」に、「#アンカー名」を入力します。

【アンカーリンクが別ページにある場合】

「リンクの挿入/編集」画面が開いたら、「リンク先URL」に「ページのURL#アンカー名」を入力します。

アンカーが設定されたら、タイトルを入力し「OK」をクリックすると設置が完了します。