【ブログはじめ】超カンタンな「ページ内ジャンプ」を覚えよう

こんにちわ。KaibaSAKAMOTOです。

色々と教わったり、調べたりした中で、超カンタンな「ページ内ジャンプ」（ “ページ内移動” とも言ったりします）の方法を説明します。

カンタンゆえに、読者さんにも優しい配慮ができます。

この方法でなくても、読み手さんに優しい配慮はできますけど…汗。

ただ、本当にカンタンなので、ブログはじめたばかりの人は是非、覚えて行ってください。

なお、本記事は「ビジュアル編集」を使用するケースを想定しています。

「テキスト編集」においても仕組みは共通ですのでご参考ください。

【ページ内ジャンプ】おおまかな流れ

カンタンと言っている以上は、カンタンな流れで説明します。

以上です。

ブログを始めたばかりの方には、「えっ、ムズ！」ですが、

一番カンタンな方法なので５回くらいやっているうちに、本当に慣れてきます。

慣れてきたら、「読み手さんのことも配慮する応用編」も試してみてください。

【ページ内ジャンプ】手順詳細

ジャンプ元（入り口）とジャンプ先（出口）でそれぞれ設定を行ないます。

入り口

出口

　　　　

これで「飛びます」。「飛びます飛びます by 坂上二郎」

実際に飛べるかどうか、上の「こちらへジャンプ」の「こちら」へをクリックしてみてください。

ここまでが基礎編です。

応用編

ジャンプ元へ戻してあげる

「ジャンプ元」と「ジャンプ先」が近ければ、「読み手さん」も少しスクロールすれば、元の位置に戻れますが、

「ずっとスクロールしなければ戻れない」のでは、「読み手さんファースト」ではありません。

上述と同じ理屈で、ジャンプしてたどり着いた場所に、「戻すための仕掛け」をしておきます。

ご参考までに、

【メンタリストDaiGo氏】ダイエット関連動画から知る「体脂肪率の落とし方」

という記事が、まさに、ジャンプ元とジャンプ先が離れているため、「ジャンプ先」周辺に「ジャンプ元」に戻る仕掛けをしてあります。

複雑ですね。

使いこなしているうちに「あー、そういうことか」って分かってきます。

ページ外にも飛ばせる

ジャンプ元をコピーして、別のブログ記事の中に貼り付けると、

ページ外からでも、ジャンプ先に飛べます。

こんな感じです。

スペース（空白）でも仕掛け可能

スペースでも当然、

「ジャンプ元」にもできますし、

　

「ジャンプ先」にもできます。

たまに、ジャンプ先の一つ前の文節ブロックが、「文節」でなく、「画像」だったりすることがありますが、

そうした場合には、１行挿入して、そこに「スペース（ブランク）」を入力して、そのスペース（ブランク）部分にジャンプ先の仕掛けをすれば良いです。

こんな感じ　です。

こんな感じ　と　です　の間の「スペース（ブランク）」をタップしてみてください。

６行上の、「スペース（ブランク）」を入力してある行へ飛びます。

画像のあとの、「ブランク（空白）」に、実際に飛ばしている例が、こちらです。