スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第29回 文字にリンクをつけたい

エキスパートコラム

はじめて相談室

第29回:文字にリンクをつけたい

執筆:#fc0(株式会社エフシーゼロ)

2017年9月11日更新

  • このエントリーをはてなブックマークに追加

閲覧数740views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、ホームページの中の文字にリンクをつけたいというご相談です。

おたより

はじめまして。
はじめてWEBでホームページを作っています。この「はじめて相談室」を読んでいて、いろいろヒントをもらったりしています。そこで、私も質問をしてみたいとお便りしてみました。
ホームページの中の文字にリンクをつけることはできますか?たとえば、ホームの中の「お知らせ」に書いた文字に別のページのリンクをつけたりとか。よろしくお願いします。
(バナナはいつも冷凍庫)

ナビゲーターからの回答

ナビゲーター

バナナはいつも冷凍庫さん、はじめまして。
「はじめてWEB」ナビゲーターの広瀬みかです。

リンク!!!私はホームページというかインターネットの醍醐味はリンクだと思っています。文字に他のリンクが付けられたらもっと見てもらえそうですもんね!とてもいい考えだと思います!!

もちろんできますよ~☆
今回は、リンクの付け方とリンクの種類についてお話します。

リンクには3種類ある

まず、「リンク」と単に言っても実は3種類あるんです。この違いをまず説明しますね。

1. 内部リンク

同じホームページの中の別のページのリンクのことを「内部リンク」と言います。
私たちが作ったホームページにはいろいろなページがあります。[ホーム]のページから[お問い合わせ]ページにリンクをつけたり、[商品一覧]ページから[商品詳細]ページに、などです。
今回のバナナはいつも冷凍庫さんがやってみたいリンクはこれです。

2. 外部リンク

違うホームページのアドレスへのリンクのことを「外部リンク」と言います。私たちが作ったホームページとは別のホームページのアドレスを設定することです。
Jimdoではこの「外部リンク」の指定も簡単にできてしまいます。

3. メールアドレスにリンク

メールアドレスをリンク設定することもできます。メールアドレスが設定されているリンクをクリックするとメールソフトが起動してメール送信画面になります。

文章の中の文字にリンクを設定しよう

さて、リンクの種類がわかったところで、[文章]コンテンツで入力した文章内の文字にリンクを設定してみましょう!

1. リンク設定したい文字を選択

リンク設定したい[文章]コンテンツをクリックして、リンク設定したい文字を選択します。次に[リンク]ボタンをクリックします。

2. リンクの種類を選ぶ

2-1 内部リンクを指定

[ナビゲーションの編集]で反映したページ名がプルダウンメニューで表示されます。リンク先に指定したいページを選択し、右の[リンクを設定]ボタンをクリックします。

2-2 外部リンク・メールアドレスリンクを指定

[外部リンクかメールアドレス]タブをクリックして切り替えます。ボックスに、リンク指定したいURL、またはメールアドレスを入力します。

注意:URLやメールアドレスを間違えるとリンクエラーになるので、URLやメールアドレスはコピー&ペーストで指定することをおすすめします。

最後に[文章コンテンツ]を保存します。

リンクの種類で動きが違う

Jimdoで「内部リンク」を指定したときは「同じウィンドウ(タブ)」でページが開きます。「外部リンク・メールアドレス」を指定したときは「別のウィンドウ(タブ)」でページが開きます。

リンクを解除する

設定したリンクをやめたいときは[リンクを解除]ボタンで解除できます。

いかがでしたか?文章内にリンクを指定するだけで、ナビゲーション以外からも別ページに移動できるので、ホームページをもっと見てもらいやすくなります。ぜひ試してみてくださいね☆

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!
  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2017/9/17~2017/9/23]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ
    今ならキャンペーン実施中!