同じページ内の違う場所へリンクを貼る方法

 

リンク先、リンク元にそれぞれ少しずつHTMLの記述を追加します。 

 

<方法1>

<リンク先に記述すること>飛び先の表示したい記事の本体

  リンク先(クリックすると移動する先)に「文章」の項目を作成します。

 

  「文章」入力画面の「HTML」ボタンをクリックして 

  「HTMLソースエディタ」画面を開きます。 

 

   移動したい場所の上に下記の一文を追加します。 

   <a name="任意の名前"></a>   

  

  ※「任意の名前」部分は半角の英数字で好きな言葉や数字を入れます。 

    例:<a name="link"></a> 

 

   name=ではなく、id=を使う方法もあります。

      例:

     リンク元(出発点)    <a href="example2.html#abc">ABCの位置へジャンプ</a>

     リンク先(到達点)    <h3 id="abc">ここがABCの位置</h3>

  

 <リンク元に記述すること> ここをクリックしたらジャンプする

  

  Jimdo(ジンドゥー)の機能を利用して簡単に、同じページ内の別の場所へリンクを貼ります。 

  

  1.まずいつも通りリンクを貼りたい文字をドラッグで選択して、

    「内部リンク」欄のリンク先を今のページで設定します。 

  

  2.リンクを貼ったら、「HTML」の編集画面を開きます。 

    すでに同じページへリンクするHTMLは記述されている状態 

    なので、あとは下記のように追加します。 

 

  <p><a href="リンクページのアドレス/#link">リンクを貼る文字</a></p> 

  

  この場合は、リンク先に<a name="link">と名前をつけたので、 

  通常のリンクのアドレスの後ろに#とlinkを追加しました。 

 

 保存して完成です。

 

<方法2>

<リンク先に記述すること> 飛び先の表示したい記事の本体

  飛び先の記事側

   <p id="link">記事タイトル</p>

 

 <リンク元に記述すること> ここをクリックしたら飛ぶ

  飛び元のリンク記載 ・・・ 方法1と同じ

   <p><a href="rrrrrr・・・/#link">リンクを貼る文字</a></p>

 

    rrrrrr・・・はリンクページ(飛び先のページ)のアドレス

 

<方法3> 飛びたい先をブラウザーで開き、ソースを表示をしてIDを見つける。

      項目のIDを取得する方法

                (この手法は、内部リンク、外部リンクの両方で使えます。) 

 

     例えば、ページ「高浜」をクリックして、ブラウザのソースを表示して

     id=の場所を見つける。

     ・・・

      </div>

      ・・・

     

     html編集で下記のように設定する。

     <p><a href="http://www.tanpoposya.com/高浜原発/#cc-m-header-12380083092">

                  高浜現地へ行く会</a></p>

 

 

               これがおすすめの方法です。 詳細な例はこちら