ナビゲーションのリンクなしで子リンクをつける|takememo Vo.4

こんにちは!AIコミュニケーションのコーダーのたけうちです。

3月末を最後に更新が止まっていました…。
忙しかったから…と言い訳にしてはいけませんね!!
今月から改めて更新を再開しますので、ぜひAIブログをよろしくお願いいたします!

わたし以外のメンバーも明日以降更新しますのでそちらもお楽しみに…!

ナビゲーションのリンクなしで子リンクをつける|takememo Vo.4

久しぶりのtakememoはナビゲーションのリンクなしで子リンクをつける方法!

ホームページを制作した際、下層ページのあるホームページには絶対といっていいほど設置されているナビゲーション。
親子関係のページを制作することもあるかと思うのですが、ページをなしでリンクをつける場合って意外に多いのではないでしょうか。

例えば、

memo1

AIコミュニケーションのホームページで親子関係のメニュー、

  • 事業紹介
  • APPLY
  • HP・ECサイト制作
  • SEMマーケティング
  • WEB広告・企画
  • ARプロモーション

親が「事業紹介」で、子が「その他のページ」になります。

事業紹介はページが存在するのでリンクなしにはしていませんが、
事業紹介ページはなしで、各事業内容ページがあるなどといった場合に親はリンクはいらないですよね。

memo2

この場合、メニューのリンクにURLをいれなければいいんでしょ!
と思っていたら大間違い‹‹\(´ω` )/›› ‹‹\(  ´)/›› ‹‹\( ´ω`)/››

ほーんの少しだけ手順を踏まなければいけません。

ナビゲーションのリンクをなしにする手順

1.カスタムリンクのURLに「#」や「aaa」など、ダミーでURLを入れてメニューに追加する

memo3

2.ダミーで入れた部分を空にする

memo4

これで完了です!
手順といってもこれだけなのですぐできちゃいます!!

簡単だけど知っておくといざという時に使えるのでぜひメモしておいてくださいね₍₍ ◝(・ω・)◟ ⁾⁾

竹内

竹内

デザインを考えたり物を作るお仕事がしたいと思い、パソコンスクールでWebの勉強をしたのち、AIコミュニケーションに入社しました。主にHP制作を担当しています。わからないことのほうが多いですが、日々物づくりに携われるこの環境の中で働くことができてとても嬉しいです。新しい技術が増え続けるWeb業界の中で多くのことを吸収し、会社や仲間とともに自分自身成長していきたいと思っています。