アンカーリンクに大苦戦

インターネットやSNSの普及によって

情報が手に入れやすい時代になりました。

無論、私が今編集しているwordpressも色んなサイトを巡って

色んな方に教えてもらっているわけですが。

どこのサイトへ行っても同じような作りしてるんですよね。

何かそうしなさいと言わんばかりの感じで。

順序としては

今から述べる内容⇒menuで番号振り⇒まとめ

こんな感じでしょうか。

まとめに関してはまとまってますそれ?みたいなものもありますが

流れには乗ってみたい

のでちょっとやってみます。

MENU

  1. ABCDE
  2. ABCDE
  3. ABCDE

んーこんな感じですか。

一番上のMENUは【見出し H2】で書けますね。

中身は【リスト】で書けます。頭の文字もロゴや数値が選べるんですね。

  • ABCDE
  • ABCDE
  • ABCDE

でも・・・

リンクを押したら中身の先頭にいくやつできひんやん。

ってことで調べてみたらアンカーリンクって言うらしですね。

で、調べること40分。

HTMLやらソースコードやら・・・

こちとら三菱シーケンサーのラダー編集しかできないんですけど。(しかもQのみ)

調べた結果

3分で簡単キレイ!WordPressでページ内リンクを設定方法

どなたか知らないが 飯橋凛(いいはし りん)さん。ありがとう。助かった。

まずはリストを作る。

ネガティブな内容100%で私らしいリストが出来ました。

この下にスペース1000をぶっ込みます。

ここへjump

上のここへjumpの中身は <p id=”jump”ここへjump</p>

こんな感じでidというコードで目印を作る。これこそアンカーリンク?

そして上の wordpress難しい にリンク作成。#jumpというリンクをぶっ込むと。

はい。飛びました。

大事なことなのでもう一度

どなたか知らないが 飯橋凛(いいはし りん)さん。ありがとう。助かった。

これでまたそれっぽく出来るようになりましたね。

次回はこの技術を使って世間のサイトのような

見やすい感じでブログ書けたらいいなと思います。

はぁ。

疲れた。

コメントを残す

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

趣味

前の記事

2ストローク内燃機
雑記

次の記事

連携テスト