記事内で移動させるのってどうやるの?
本記事の概要
ブログ運営について
前回に続き
宜しくお願いします
前回のブログはこちら
はーい♪
記事内で
指定した場所に
飛ばす方法だったよね?
(記事内リンク)
そうです♪
記事内で指定場所に飛ばすとは?
例えば
「詳細はこちらをクリック」と
書いてある場所をクリックすると
その記事内にある下部の方に
画面が移動するページ
ってありますよね?
上記の方法です
方法
まずはWordpressの場合は
クリックしてもらいたい
場所に下記のコードを
「カスタムHTML」で
入力します。
クリックをする場所へ
- <a href="#a1">文字</a>
上記の「文字」の場所へ
好きな言葉を書きます
例として
- <a href="#a1">詳細はこちらをクリック</a>
上記のように
文字を入れます
指定場所側に
次に
記事内の飛ばしたい場所へ
下記のコードを入力します
- <p id="a1">文字</p>
上記の「文字」の場所へ
好きな言葉を書きます
例として
- <p id="a1">詳細</p>
上記のように使用します
実際にやってみましょう
クリックする場所は
下記を入力します
- <a href="#a1">方法へ戻る</a>
実際に
下記をクリックしてみてください
方法へ戻る
如何でしょうか?
上の「方法」の場所へ
戻ったと思います
ほうほう
え・・・?
ほうほうって
ダジャレ・・・?;
(方法)
いや・・・・
偶然です;;
相方が移ったのかと
思ったよ・・・
私はそこまで
ダジャレ言わないわ!
(今回、出番これだけか?)
おわりに
いかがでしたでしょうか?
思っていたより簡単で
助かりました~♪
え・・・・・?
もう終わるん?
まじで出番あれだけ?
簡単なので
是非お試しくださいませ
マジで終わりましたよっと;