BLOG 2016.07.04
ナビゲーションのリンクなしで子リンクをつける|takememo Vo.4
AICスタッフ
![](https://ai-communication.jp/wp-content/uploads/takememo4.png)
こんにちは!AIコミュニケーションのコーダーのたけうちです。
3月末を最後に更新が止まっていました…。
忙しかったから…と言い訳にしてはいけませんね!!
今月から改めて更新を再開しますので、ぜひAIブログをよろしくお願いいたします!
わたし以外のメンバーも明日以降更新しますのでお楽しみに…!
ナビゲーションのリンクなしで子リンクをつける
久しぶりのtakememoはナビゲーションのリンクなしで子リンクをつける方法!
ホームページを制作した際、下層ページのあるホームページには絶対といっていいほど設置されているナビゲーション。
親子関係のページを制作することもあるかと思うのですが、ページをなしでリンクをつける場合って意外に多いのではないでしょうか。
例えば・・・
![](http://ai-communication.jp/wp-content/uploads/nav-link1.png)
AIコミュニケーションのホームページで親子関係のメニュー
事業紹介
APPLY
HP・ECサイト制作
SEMマーケティング
WEB広告・企画
ARプロモーション
親が「事業紹介」で、子が「その他のページ」になります。
事業紹介はページが存在するのでリンクなしにはしていませんが、
事業紹介ページはなしで、各事業内容ページがあるなどといった場合に親はリンクはいらないですよね。
![](http://ai-communication.jp/wp-content/uploads/nav-link2.png)
この場合、メニューのリンクにURLをいれなければいいんでしょ!
と思っていたら大間違い‹‹\(´ω` )/›› ‹‹\( ´)/›› ‹‹\( ´ω`)/››
ほーんの少しだけ手順を踏まなければいけません。
ナビゲーションのリンクをなしにする手順
1.カスタムリンクのURLに「#」や「aaa」など、ダミーでURLを入れてメニューに追加する
![](http://ai-communication.jp/wp-content/uploads/nav-link3.png)
2.ダミーで入れた部分を空にする
![](http://ai-communication.jp/wp-content/uploads/nav-link4.png)
これで完了です!
手順といってもこれだけなのですぐできちゃいます!!
まとめ
簡単だけど知っておくといざという時に使えるのでぜひメモしておいてくださいね₍₍ ◝(・ω・)◟ ⁾⁾