つながろう (リンクについて)

 

自分のホームページと他のホームページがつながったり、自分のホームページ内でページ同士が関連付けられることを リンク と言います。

 

前者を 外部リンク、後者を 内部リンク と言います。

 

 

他のホームページとつながろう (外部リンク)

 

ホームページ同士がつながるリンクの方法としては、テキストでのリンクと画像でのリンクとがありますが、一般的にはテキストでのリンクの方が多いかと思います。

 

Jimdoの場合は、どちらも同じリンク編集画面でリンクを設定しますので、テキストでのリンク方法で説明します。

 

 

私は、羽島市立竹鼻小学校のホームページの管理・運営に携わっています。

そこで、このホームページと羽島市立竹鼻小学校のホームページとリンクさせようと思います。

 

ホームページ内の適当なページ(Jimdoのデフォルトページでリンクのページがありましたので、そのページでリンクを設定します)でテキスト(文字列)でのリンクをします。

 

運営サイトとのリンクということですので、見出しを Sites(運営サイト) として、その直下に文章のコンテンツを新規作成します。

 

下の画像のように、文章編集画面に 羽島市立竹鼻小学校 と入力します。

 

 

羽島市立竹鼻小学校 と入力
羽島市立竹鼻小学校 と入力

 

 

リンクを設定したいテキスト(今回は 羽島市立竹鼻小学校)をすべて選択します。

テキストが選択されると下の画像のように、文章編集画面で リンク挿入/編集 アイコンが選べるようになります。

 

 

選択テキストの反転とリンク挿入/編集アイコンのアクティブ化
選択テキストの反転とリンク挿入/編集アイコンのアクティブ化

 

 

テキストが選択されている状態で、文章編集画面の リンクの挿入/編集 アイコン(鎖がつながったアイコン)をクリックします。

そうすると、下の画像のようなリンク編集画面が表示されます。

 

 

リンク編集画面
リンク編集画面

 

 

今回は、羽島市立竹鼻小学校のホームページとの外部リンクですので、 外部リンクまたはメールアドレス の入力欄に、羽島市立竹鼻小学校のホームページアドレス(URL)を入力します。

 

ホームページアドレス(URL)は、 該当するホームページをWebブラウザに表示させた時に、Webブラウザのアドレスバーの表示されますので、それをコピーして入力欄にペースト(貼り付け)してください。

 

羽島市立竹鼻小学校のホームページアドレス(URL)は、

 

    http://www.hashima-gifu.ed.jp/~takehanae/

 

ですので、外部リンクまたはメールアドレス の入力欄にこのホームページアドレス(URL)を入力します。

 

羽島市立竹鼻小学校のホームページアドレス(URL)を入力
羽島市立竹鼻小学校のホームページアドレス(URL)を入力

 

 

入力したら入力欄の右側にある リンクを設定 ボタンをクリックすると、羽島市立竹鼻小学校 というテキストにリンクが設定されます。

 

外部リンク設定作業は完了で、元の文章編集画面に戻ると、テキストに下線が入って文字色も変更されて、一見してリンクの設定されたテキストだと分かります。

 

 

 

文章編集画面の左下にある 保存 ボタンをクリックすれば、リンク設定に関わる作業が完了します。

 

このリンクを設定したテキスト(羽島市立竹鼻小学校)をクリックすることで、羽島市立竹鼻小学校のホームページに移動することができるようになります。

 

これで、このホームページ羽島市立竹鼻小学校のホームページ がつながったことになります。

 

 

 

同じようにして、あなたのホームページと誰か他の人のホームページとがリンクでつながることができます。

このプロジェクトは、このJimdoで作成した各々のホームページをリンクでつなぐことを主旨としています。

 

是非ともご協力をお願致します。

 

羽島市 Weblink Project (ウェブリンク プロジェクト)の概要については、 Weblink Project をご覧ください。(クリックで移動します)

 

 

 

 

自分のホームページの中でつながる (内部リンク)

 

ホームページを作成していて、新しいページを追加した場合は、Jimdoでは自動的にリンクを設定してくれますので、改めてページ間でリンクを設定する必要はありません。

 

例えば、コンテンツ内の文章や画像から、参照先として違うページにリンクを設定すると都合が良い場合も時折ありますので、そういった場合には、ホームページ内でリンクを設定することになります。

 

リンクの設定方法は、外部リンクの方法と同じですが、内部リンクの場合は設定の手順がすごく簡単です。

 

外部リンクと同様に、リンクを設定したいテキスト(文字列)か画像を選択します。

文章編集画面で リンク挿入/編集 アイコンをクリックして、リンク編集画面を表示させます。

 

 

リンク編集画面
リンク編集画面

 

 

ここで、参照先ページへのリンクを設定したい場合は、 内部リンク 欄の▼マークから該当するページを見つけて、そのページ名をクリックしてリンク先のページを選択したら、右側にある リンク設定 ボタンをクリックすれば、リンクの設定は完了です。

 

下の画像は、このホームページでの例です。

 

 

内部リンク欄からリンク先を設定する
内部リンク欄からリンク先を設定する

 

 

また、ページから任意のブログ記事へとか、あるブログ記事から任意のブログ記事へとか、そういったリンクを設定すると都合が良いこともたまにはあるでしょう。

 

そういった場合には、リンクを設定したいテキスト(文字列)か画像を選択して、先ほどと同様にリンク編集画面を表示させます。

 

ブログリンク 欄の▼マークから該当するブログの記事のタイトルを見つけて、そのタイトル名をクリックしてリンク先のブログの記事を選択したら、右側にある リンク設定 ボタンをクリック後に、 保存 ボタンをクリックすれば、リンクの設定は完了です。

 

下の画像は、このホームページ(ブログ記事のタイトル)での例です。

 

 

ブログリンク欄からリンク先のブログ記事を設定する
ブログリンク欄からリンク先のブログ記事を設定する

 

 

内部リンクの設定は、非常に簡単ですので、もし機会があればお試しください。

 

 

 

 



 

 

 

【PR】

ブログカテゴリー

【PR】

http://www.pecope.com