AFFINGERの使い方

AFFINGER(アフィンガー)ページ内にジャンプリンクを作る方法

2021年5月13日

ジャンプリンクの作り方
悩んでいる人
記事の文章をクリックした時に、その項目に飛べるようにリンクを設定したいです。

 

本記事では、このようなお悩みについてお答えします。

 

この記事を書いた人

  • イスさん。ブログ1年目。記事執筆数170本以上
  • ブログ副業収益6.2万円
  • ブロガー・Webライターとして活動中
  • 詳しいプロフィールはこちら / Twitter:@istblog1

 

ブログの記事内で文字がリンクになっていて、押すと特定の項目にジャンプできるようになっている文章ってありますよね。

 

今回は、この『ページ内リンク(ジャンプ)』のやり方について解説します。

 

やり方はとても簡単なので、1分で使いこなせるようになりますよ
イス

 

それでは、早速解説していきます。

 

ページ内リンク(ジャンプ)とは

ページ内リンク(ジャンプ)とは

記事内のテキストから、指定場所へジャンプできるように設定することです。

 

実際にページ内リンクを設定してみましたので、下の文章をタップorクリックしてみてください。

 

≫まとめにジャンプする

 

まとめにジャンプされて、戻ってきましたでしょうか。

 

こんな感じのリンクを早速作ってみましょう。

 

AFFINGER(アフィンガー)ページ内リンクの設定方法

AFFINGER5(アフィンガー)ページ内リンクの設定方法

設定ステップはたったの2つです。

 

設定方法

  1. テキストにリンクを設定
  2. リンク先にアンカーを設定

 

それでは、ひとつずつ解説していきます。

 

テキストにリンクを設定する

 

まずは、ジャンプするためのリンクを設定します。

 

リンクさせたい文字をドラッグした状態で『リンクの挿入/編集』タブを押して、任意の文章を入力してください。

 

ページ内リンクの設定

 

 

文章を入力する時に数字を入力してしまうと、アンカー設定ができないので注意してください。

 

これで、ジャンプするボタンの設定は完了です。

 

リンク先にアンカーを設定する

 

次にリンク先(飛んでくるところ)の設定をしましょう。

 

リンク先を指定して、アンカーボタンを押してください。

 

アンカーの設定

アンカーに、先ほど入力した文字を打ち込みましょう。

 

僕の場合、『#matome』と先ほど入力したので、ここでは『matome』と打ち込みます。

アンカーの入力方法

 

アンカーのIDを入力する時は『#』をいれずに、文字だけを入力するようにしてください。

 

間違えて『#』を入力してしまうと、ジャンプできなくなってしまいます。

 

以上で、ページ内リンクの設定が完了です。

 

最後にしっかり設定出来ているか、ご自身のページで確認してくださいね。

 

まとめ:ページ内リンクは便利なだけじゃない!

ページ内リンクは便利なだけじゃない!

まとめジャンプから、こちらに飛んできた方はページ内リンクの設定方法をタップorクリックすると設定方法に戻ります。

 

ページ内リンクは、ただの便利機能ではありません。

 

特定の項目へ読者を誘導できるので、ブログの滞在時間が伸びたり、直帰率を下げる効果も期待できます。

 

少しの気遣いで読者満足度をあげられるので、ページ内リンクを活用してさらに良いブログを作っていきましょう。

 

AFFINGERの購入方法については、下記記事を参照し進めていただくと簡単に完了できます。

≫ AFFINGER6(アフィンガー6)購入方法とインストール手順を優しく解説

 

また当ブログよりAFFINGERをご購入いただくと、豪華10特典が付与されますので内容をチェックしてみてください。

≫ イスとブログ限定10特典つきACTION(AFFINGER6)の購入はこちら

 

今回はここまでです。

    • この記事を書いた人

    イスさん

    ブログ1年目 | ゆるめのフリーランスブロガー | 月1万円稼ぐまでに必要な情報をわかりやすくまとめています

    -AFFINGERの使い方