ホーム » 操作マニュアル » 編集方法 » リンクの設定

リンクの設定

 

リンクは通常リンクとアンカーリンク、外部リンク、ファイルリンクの4種類があります。

リンクを設置したいテキストや画像を選択し、リンクの設定アイコンをクリックするとリンクの挿入/編集ウィンドウが開きます。

 

リンクの作成

リンクURLの記載方法によって「通常リンク」「アンカーリンク」「外部リンク」「ファイルリンク」を指定出来ます。

通常リンク

リンクURLに、リンクするWEBページのエイリアスを入力します。
例)エイリアスが「sample」の場合、「sample.html」と入力します。(フルパスでの指定も可能です)

 

アンカーリンク

アンカーリンクとは、ページ内の表示させたい場所に飛ばすリンクのことです。
例えば、多くの情報が1ページに記載されているページの場合、ページの上部に目次を設け、目次をクリックすると該当箇所が表示されるようにするのがアンカーリンクです。

※先ほどの例は、同じページの上部に目次(リンク)を作成する例でしたが、別のページでも指定することが可能です。

アンカーリンクを使用するには、先にアンカーを作成する必要があります。あらかじめ、飛ばしたい場所にアンカーを作成してから続きの手順をおこなってください。
アンカーの作成方法はこちらをご覧下さい。

※iQ CMSでは、ページのトップに飛ばすアンカーのみ作成済みです。ページのトップに飛ばすアンカーリンクの場合は、エイリアス名に、「#top」を追記するだけで動作します

 リンクURLにアンカー名を追加する

リンクURLに、アンカーがあるページのエイリアスと、「#」+「アンカー名」を入力します。
例1)エイリアスが「sample」でアンカーリンク名が「link1」の場合、「sample#link1」と入力します。
例2)エイリアスが「sample.html」でアンカーリンク名が「link1」の場合、「sample.html#link1」と入力します。

     

 

外部リンク

リンクURLに、リンクする外部のWEBページのURLをフルパスで入力します。
例)Googleにリンクを貼りたい場合は、「https://www.google.co.jp」と入力します。

     

 

ファイルリンク

ファイルの場所により異なります。

  内部のファイルの場合

「リンクURL」の右側にあるファイル参照ボタンを押します。
リソースブラウザが表示されますので、リンクしたいファイルを選択して「OK」ボタンを押して下さい。

    

外部のファイルの場合

リンクする外部のWEBページのURL(画像までのフルパス)を入力します。

 

それぞれ入力したら「挿入」ボタンを押して下さい。リンクのような形でリンクが作成されます。

 

リンクの挿入/編集ウィンドウの各タブの機能について

一般タブ

初期表示画面です。通常にリンクを設定する際に使用します。

  • リンクURL
    リンク先のURLを設定します。
    「通常リンク」「アンカーリンク」「外部リンク」「ファイルリンク」を設定できます。設定の詳細は→ はこちら
  • ターゲット
    リンクの表示先を以下から選択します。
    • このウインドウ/フレームで開く
    • 新しいウインドウで開く (_blank)
    • 親ウインドウ/親フレームで開く (_parent)
    • トップのフレームで開く (_top)
  • タイトル
    リンクにカーソルを合わせた時にツールチップを表示したい場合、ここに入力します。
  • クラス
    「上級者向け」タブで設定した「class属性」の値が反映されます。
    「--未選択--」を選択すると「class属性」が空欄に更新されます(再度値を選択すると入力された状態に戻ります)。

現在、「アンカー」の機能が正しく動作しない事象が発生しております。

今後の詳細につきましては随時「アップデート情報」からご連絡させて頂きます。

ポップアップ

ポップアップ画面の説明については、「ポップアップする画面の作成方法」をご覧ください。

イベント

リンクを設定したテキストや画像に特殊な設定を行いたい場合に使用します。
記載方法は一般のイベントと同様です。

例) onfocus :this.blur() → 画像やリンク文字を選択した時に周囲が点線で囲まれないようになります。

 

上級者向け

高度な設定を行います。HTML/CSS/Javascriptの知識がある方向けの設定項目です。

 

アンカーの作成

アンカーを設置したい箇所を選択しアンカーの挿入/編集アイコンを選択するとアンカーの挿入/編集ウィンドウが開きます。

アンカーの挿入/編集

アンカー名を入力したら「挿入」ボタンを押して下さい。設定した箇所にが表示されたら作成完了です。

お問合せ

iQ CMSサポートの電話番号

iQ CMSサポートの無料資料請求

iQ CMSサポートのお問い合わせ

  • iQ CMSサポートに問い合わせ
  • iQ CMSサポートに資料を請求
Share |