1. ホーム > 
  2. Webサイト制作 > 
  3. KompoZerの使い方 > 
  4. KompoZerでリンクを作成する方法

KompoZerでリンクを作成する方法

ホームページでリンクの設定はとても重要。KompoZerで作ったページ中にあるテキストや画像などに対して、外部リンク・内部リンクを作成する方法を解説。

  • 2016/7/31
  • 2011/11/5

1ページだけしかないホームページはほとんどありません。
必ずサイト内の他のページにリンクを張ったり、時には外部サイトのページにリンクを張る事もあると思います。
それでは、KompoZerでのリンク設置方法について見ていきましょう。

テキストにリンクを設置する方法

  1. リンクを張るテキストを選択します
  2. ツールバーの「リンク」アイコンをクリックしてメニューを表示します
  3. 【サイト内のページにリンクする場合】

    リンク対象の項目の右側のフォルダのアイコンをクリックすると、ファイルの一覧画面が表示されますので、リンクしたいページを選択してOKボタンを押します。

    【外部のサイト、ページにリンクを張る場合】
    kompozer-link-setting_004リンク対象のテキストボックスに、リンクを張りたいページのURLをhttp://から入力します。

  4. リンクターゲットを選択します。リンクターゲットとは、リンク先のページを新しいページで開いたり、フレームを指定して開いたりする設定です。

    「指定されたフレームに開く」を選択した場合だけ、右側にあるテキストエリアに入力が出来るようになります。

    これはページにフレームを使っている場合にフレームの名前を入力しておくことで、指定したフレーム部分にリンク先のページを表示する事ができるようになる機能です。

    しかしKompoZerはフレームをサポートしていませんし、フレームを使ってホームページを作る事はまず無いと思いますので、ここで設定する項目は「新しいページを開いてリンク先を表示するかどうか」だけだと考えてよいと思います。

  5. OKボタンを押せばリンクの設置は完了です。

画像にリンクを設置する方法

画像にリンクを張る場合もテキストにリンクを張る場合の手順とほとんど変わりません。リンクの設定をするメニューが異なる程度です。

  1. リンクを張る画像を選択して、ツールバーの「リンク」アイコンをクリックします。
  2. 【サイト内のページにリンクする場合】
    リンク対象のタブに表示されたテキストボックスの右側のフォルダのアイコンをクリックして、リンクしたいページを選択します。

    【外部のサイト、ページにリンクを張る場合】
    テキストボックスに、リンクを張りたいページのURLをhttp://から入力します。

  3. オプションを指定します。Kompozerには以下のオプションが指定できます。
    • 電子メールアドレスとして扱う
      リンクをクリックするとメーラーが立ち上がってメールを送れるようなリンクにする事が出来ます。ただスパムメールも増えてしまいますのであまりお薦めできる方法ではありません。
    • 相対URLを使用する
      標準でチェックが入ります。このチェックをOFFにすると「file://~」というパスになり、ページを公開した時にリンクとしてうまく機能しませんので、チェックは外さないようにしてください。
    • リンクされた画像に輪郭線を描画する
      リンクの周りに青色の輪郭線が表示されます。画像にリンクが設定されているという事は一目で分かるのですが、かっこわるくなります。
  4. OKボタンを押せばリンクの設置は完了です。

設置したリンクを削除する方法

KompoZerでのリンクの削除は、リンクを設定したテキストや画像の右クリックメニューから行います。

リンクを設置したテキストや画像を右クリックしたメニューから「リンクの削除」を選択すると、設定されていたリンクが削除されます。

Webデザイン・プログラムスキルを身につけたい方におすすめしたいスクール

私もWebスキルを身につけるためにスクールに通いましたが、正直言って「趣味の講座レベルのスクール」が多く、実践的なスキルを身につける事ができるスクールは多くありません。

ただ全くの未経験ではWebを仕事にする事が難しいのも事実。そこでWebの実践的なスキルを身につけられるスクールをご紹介します。

スクールの価格は安くありませんので、まずは無料体験レッスンや無料カウンセリングで体験してみて、良さそうだなと思ったら本格的に取り組む方法をおすすめします。

Webスク(6か月のガッチリ型)

半年間、オンラインとオフラインのカリキュラムで「即戦力」と呼ばれるような人材になるためのスクール。業界の企業を見学するオフィスツアーやIT企業の人事担当との交流会など、現実的なキャリア形成のイメージを作れる機会があるのが良いです。

無料体験レッスンでは、キャリア形成の相談もできます。

WebCamp(1か月の集中型)

こちらは1ヶ月の短期集中型。と言っても、最初のカウンセリングを通してカリキュラムは個人ごとのオーダーメイドなので、自分の都合で学べるのが良いです。

このご時世、直接Web制作に携わらない部署の人もWebに関する知識は必要なので、社会人の方の受講も多いです。

CodeCamp(2〜6か月のカスタマイズ型)

現役エンジニア・デザイナーからマンツーマン指導が受けられるスクールです。内容的には他のスクールにひけはとらないにもかかわらず、オンラインのみなので価格が安いのが良いです。

新卒などの社内研修でも利用されているので、社員のスキルギャップに悩んでいる方にも良いかもしれません。

「役にたった」と思ったらシェアお願いします