WordPress【ページ内リンクで飛ぶ（ジャンプ）方法】簡単解説

WordPressで記事を作成中に、例えば・・・

『ご存知の方はここを飛ばしてページ半ばからお読み下さい』

とか、

『必要のない方はここはスルーして頂いて次からどうぞ』

なんて書き方がしたくなる時がありませんか？？

そんな時は【ページ内リンク】を使って好きな場所に飛ぶことができます。

方法は2種類。

ここではプラグインを使いたくない方向けのHTMLを記入する方法をまとめていますが、プラグインで設置したい方はコチラへどうぞ⏬

⇒ページ内リンクとアンカーはプラグインで簡単設置

 

実　践！！

ではまずはどんな事が出来るのか実践してみますね(^^)！

このページの下部にあるテストという項目までジャンプで行ってみましょう～

⏬コチラをクリックして下さい⏬

【テスト】までジャンプ！飛んでみましょう(^^)！

お帰りなさい(^^)！

では、早速方法をまとめますね☆

 

テキストモードでHTMLの入力

タイトルの下にあるボタンで【ビジュアル】か【テキスト】の選択ができるかと思いますが、【テキスト】をクリックしましょう。

 

HTMLの入力方法

コードは飛ばす側と受ける側に入力する必要があります。

■ 飛ばす側の入力（リンク元）

ピンクとブルーのラインの部分は変更可能です。

ブルーライン：あなたの記事内に表示される言葉になります。

ピンクライン：飛ばす場所と合わせる必要があります。（これからご説明します）

 

■ 受ける側の入力（リンク先）

次に、受け取る側の入力方法を記載します⏬

ブルーライン：あなたの記事内に表示される言葉となります。

ピンクライン：飛ばす側（リンク元）と合わせなければいけません。

※飛ばす側の入力をAAAと設定すれば、受ける側もAAAで合わす必要があります。

こんな感じですね(^^)！

因みにイエローラインのｈ5は見出しの大きさになります。

h5は見出し5の事になり、ここで受ける側の文字の大きさを決めることが出来ます☆

以上となります！

分からない部分があればご連絡下さい(^^)

⇒Rimへのお問い合わせ

 

⏬実践の結果⏬

ここはテストの為に作成した場所なので、どうぞスルーして下さいm(_ _)m

【テスト】

飛んできましたね(^^)！では、せっかくなのでジャンプで戻りましょう～

戻りたい場所をクリックして下さい⏬

ページ上部の【元の場所】まで戻る(^^)！

『WordPress【違うページの途中に飛ばす（ジャンプ）】するにはの記事へ戻る

 

Rimのプロフィールはこちら