この記事には広告を含む場合があります。
記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。
Jimdoでページ内リンクを作ることはできますか？
JimdoでHTMLを操作することで簡単に作ることができますよ
HTMLなんだか難しそうだけど、本当に簡単なんですか？
いくつかのポイントを理解するだけで作成できるので安心して下さい。
- リンクしたい箇所を選択
- 編集機能のリンクをクリック
- リンク方法を３つの中から選択して、右側の「リンクを設定」をクリックします。
内部リンクは、作成したホームページ（以下Webサイト）からリンクしたいページを選んでリンクを設定。
ブログリンクは、作成したWebサイト内のブログからリンクしたいページを選んでリンクを設定。
外部リンクかメールアドレスの「外部リンク」は、他のWebサイトへリンク設定する場合に、そのURLを記述してリンクを設定することができます。「メールアドレス」はメールアドレスを設定しておくことで、設置したメールアドレスにメールを送ってもらうことができます。
リンクの設定だけでもいくつも機能がありますが、ページのトップ以外の特定の場所にリンク先を設定したい場合には、HTMLを編集することでページ内リンクが設定できます。
ページ内リンク先（アンカーリンク）を設定するには、HTMLを編集してリンク先（着地点）に目印を付けてリンク元にもHTMLで目印の指定をする必要があります。
Jimdoの文章コンテンツには、HTMLを編集機能があります。
「HTMLを編集」機能をクリックすると、別ウィンドウでHTMLの編集画面が表示されます。
リンク先 <div id="○○">市民パソコン教室長野校</div>
リンク元 <a href="#○○">市民パソコン教室長野校</a>- ページ内の[市民パソコン教室長野校]のリンク先とリンク元のHTMLタグは全て半角英数字で記述する必要があり、スペースも半角なります。
- id名〇〇は任意の半角英数字にする必要があります。
Jimdoの文章コンテンツはHTMLではP段落タグになります。
Pタグとリンク先のHTMLタグを組み合わせた記述方法も紹介しておきます。
リンク先 <p id="○○">市民パソコン教室長野校</p> となります。リンク先のHTMLはこのように記述します。
Jimdoの見出しコンテンツは、大見出し・中見出し・小見出しの3段階で見出しレベルを表すことができます。
HTMLでは、大見出し(H1)・中見出し(H2)・小見出し(H3)として記述されています。
しかし、見出しコンテンツには文章コンテンツにある「HTMLを編集」機能がありませんので、ひと工夫が必要になります。
中見出しの「２ステップ屋根点検」を例にしていきます。
「HTMLを編集」するには、見出しでなく「文章コンテンツ」を利用します。
「文章コンテンツ」で見出しにする文章を記述してから「HTMLを編集」をクリックします。
HTMLの編集画面では
<p>2ステップ屋根点検</p> と記述されいるので
<h2>2ステップ屋根点検</h2> に書き替えて修正します「文章コンテンツ」からHTMLが編集可能な「見出しコンテンツ」することができます。
<h2 id="2step">2ステップ屋根点検</h2>リンク先の設定はこのようになります。
「2段階の２ステップ屋根点検」の文字を中見出へのページ内リンク方法を設定しながら紹介していきます。
- リンク元の文字を選択します。
- リンクの機能をクリックします。
- 同じページをリンク先として選択します。
- ④HTMLを編集の機能をクリックします。
別ウィンドウでHTMLの編集画面が表示されます。
アンカーリンクのAタグの[” “]のURLの部分を #id名に修正します。
<a href="#2step" title="屋根点検">具体的な記述はこのようになります。
同じページ内の特定場所へのリンクでは #id名 だけでリンクできますが、別のページではURLも必要になります。
リンク先を別のページや外部リンクにしてから「HTMLを編集」をクリックします。
アンカーリンクのAタグの[” “]のURLの部分に #id名に追加します。
<a href="/app/s86ccd62be341687c/pf5249b2cb4d9eb55/#2step" title="屋根点検">- 日本語のURLは英数字に変換されます。
- titleはリンク箇所にマウスカーソルを移動したときに表示されます。
HTMLなどの仕様は常に変更されています。
Jimdoでもそれに合わせてバージョンアップしていますので、リンクに関してもHTMLの記述方法が変更されてきています。情報収集する場合にも記載された日付を確認してから参考にするほうがよいでしょう。
市民パソコン教室長野校では、Jimdoの講習や相談・Jimdoでのホームページの作成依頼に応じています。
お気軽にお問合せ下さい。
