Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

初心者のための

同じページの記事内にリンクを貼りたい!

2018/12/08
 

 

 

 

 

他の人の記事を読んでいると、同じ記事内でリンクを貼って途中を飛ばしている記事を見かけます。

 

1つの記事が長くなると、同じ記事内でリンクを貼りたいですね。

他の記事や他のサイトへのリンクの貼り方はわかるけど、どうやってやるのかなって思って調べてみました!

 

見出しに飛ばしたい

 

目次じゃないけど最初に箇条書きでまとめたところから見出しに飛ばしたいなって思ったので、見出しに飛ばす方法のご紹介です。

 

記事下に飛ぶ!→こんなリンクを作成してみます。実際に記事下に飛べます!

ココに戻ってこれるように記事下にも設定してあるので、飛んでみてくださいね。

 

リンク先の設定

 

 

「テキスト」モードに切り替えて、飛ばしたい先の見出しにidを設定します。

 

 

 

 

 

 

 

 

idを「here」に設定しました。

 

idは半角英数字ならなんでもOKです。大文字や記号も使えるようですがあんまり使わないほうがよさそう。

 

あとアルファベットから始まらないと認識されないようです。

 

リンク元の設定

 

 

 

あとは、ビジュアルに戻ってリンク元で「#here」ってリンクの設定をすればOKです。

いつもはURLを入れているところですね。

先ほどリンク先に指定したidの前に「#」をつけるのを忘れないで!

 

テキストなら下記のコードになります。

 

 

注意点

 

同じページ内に同一のidを使うとうまく飛んでくれません。

そりゃあそうか。いくつも同じidがあるとどこに飛んでいいかわからないですからね。

 

それと、先程も書いたのですが、idは半角英数字を使うことです。

記号も使えるようですが、あんまり使わないほうが良さそうなので・・・

 

ココに飛ばしたい

 

見出しに飛ばしたいに戻る!

 

まとめ

 

同一記事内でのリンクの設定方法のご紹介でした。

知っていると何かと便利ですね。

 

すぐに忘れてしまうので、記事にしちゃいました。

 

ではまた!まみでした。

 

 

 

 

 

 

 

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Copyright© ワードプレスお困りごと講座 , 2018 All Rights Reserved.