Laravel 現在のリンクのスタイリングを行いたい

app.blade.php

PHP
1<ul>
2  <li class="now"><a href="{{route('top')}}">トップ</a></li>
3  <li class="now"><a href="{{route('from_lib')}}">図書館からのお知らせ</a></li>
4  <li class="now"><a href="{{route('list')}}">本一覧</a></li>
5</ul>

css
1.now {
2  color: blue;
3}

上記の様にレイアウトを作成しその中でリンクを作成し、各ページで反映させているのですが現在どのボタンを選択中か分かりやすくしたいので、nowというスタイリングを行うことにしました。ですが、ページがもちろん遷移してしまうので、結果的に現在どのボタンが選択中なのかもしくはどのページを開いているのか分からない状況です。そこでどのページを選択中なのか識別するにはどの様にすれば良いのでしょうか？

PHPで現在のURLから識別する方法やjavaScriptでどうようにURLから識別する方法などを考えましたがどれが良いのか。またそれらを簡単に扱うことはできるのか分からなかったため質問させていただきました。

この開いているページのリンクになんらかのスタイリングをするというのは近年のwebデザインでは馴染みの深い元となったと思うので、皆さんはどの様な方法で実装するかあわせて教えていただけると幸いです！！！

Laravel 6.x

行動規範の内容に同意します

回答2件

ルーティングで「現在のページ」が判定できるので、「現在のページ」のときにそれ用のクラスを当てれば良いかと思います。
現在のURLを取得してbladeで、直接分岐書けそうに思います。

投稿2020/09/07 08:18

m.ts10806

総合スコア80875

退会済みユーザー

2020/09/07 10:02

URLを取得することはでき、その様な分岐をすることは質問本文である様に検討をつけることはできたのですが、その処理はどの様に行えば良いのでしょうか？というのも、URLでリンクを直接貼っているのではなくroute()を使用しているのでどの様な比較を行えば良いのか分からない状況なため質問させていただきました。