記事内で移動させるのってどうやるの?

ブログ運営について

当ブログでは
よくお越しいただくお客様も
許可を取った上で稀に登場いたします
(仮名:Aさん/Bさん/お客様として)

宜しくお願いいたします


前回に続き
宜しくお願いします

Bさん
Bさん

前回のブログはこちら

Rito
Rito

はーい♪

記事内で
指定した場所に
飛ばす方法だったよね?
(記事内リンク)

そうです♪

Bさん
Bさん
Rito
Rito

承知しましたー

記事内で指定場所に飛ばすとは?

例えば
詳細はこちらをクリック」と
書いてある場所をクリックすると
その記事内にある下部の方に
画面が移動するページ

ってありますよね?

Rito
Rito

上記の方法です

方法

Rito
Rito

まずはWordpressの場合は
クリックしてもらいたい
場所に下記のコードを
カスタムHTML」で
入力します。

クリックをする場所へ

  1. <a href="#a1">文字</a>

上記の「文字」の場所へ
好きな言葉を書きます

例として

  1. <a href="#a1">詳細はこちらをクリック</a>
Rito
Rito

上記のように
文字を入れます

指定場所側に

次に
記事内の飛ばしたい場所へ
下記のコードを入力します

  1. <p id="a1">文字</p>

上記の「文字」の場所へ
好きな言葉を書きます

例として

  1. <p id="a1">詳細</p>
Rito
Rito

上記のように使用します

実際にやってみましょう

クリックする場所は
下記を入力します

  1. <a href="#a1">方法へ戻る</a>

実際に
下記をクリックしてみてください

方法へ戻る
Rito
Rito

如何でしょうか?
上の「方法」の場所へ
戻ったと思います

ほうほう

Bさん
Bさん
Rito
Rito

え・・・?
ほうほうって
ダジャレ・・・?;
(方法)

いや・・・・
偶然です;;

Bさん
Bさん
Rito
Rito

相方が移ったのかと
思ったよ・・・

私はそこまで
ダジャレ言わないわ
(今回、出番これだけか?)

相方
相方

おわりに

Rito
Rito

如何でしたでしょうか?

思ったより簡単で
助かりました♪

Bさん
Bさん

え・・・・・?

もう終わるん?
まじで出番あれだけ?

相方
相方
Rito
Rito

簡単なので
是非お試しくださいませ

マジで終わりましたよっと;

相方
相方

記事内リンクの応用編