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

ブログ運営について


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

前回のブログはこちら

はーい♪

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

そうです♪

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

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

ってありますよね?

上記の方法です

方法

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

クリックをする場所へ

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

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

例として

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

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

指定場所側に

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

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

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

例として

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

上記のように使用します

実際にやってみましょう

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

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

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

方法へ戻る

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

ほうほう

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

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

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

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

おわりに

いかがでしたでしょうか?

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

え・・・・・?

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

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

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

記事内リンクの応用編