1. ホーム
  2. 使い方 Blocs
  3. 設計
  4. スタイリングナビゲーションアクティブページ
  1. ホーム
  2. ヒント
  3. スタイリングナビゲーションアクティブページ

スタイリングナビゲーションアクティブページ

Blocs Webブラウザの現在のページのURLに一致するナビゲーションリンクの視覚的なスタイルを簡単に制御できます。 ユーザーの観点から、これはどのページが現在表示されているかを識別するのに役立ちます。


重要

ご注意ください。 この設定 いけません クラスエディタにあるアクティブ状態のクラス設定と混同しないでください。

アクティブクラスの設定

アクティブクラスを設定するのは本当に簡単です。 開くだけです プロジェクト設定 ラベルの付いた入力フィールドに入力します アクティブリンククラス 現在のページのURLと一致する場合に、ナビゲーションリンクに適用するクラス名を使用します。

As Blocs 〜に基づいています ブートストラップ4、使用できるデフォルトで設定されたアクティブなクラスがすでにあります。 入力するだけ アクティブ アクティブなリンククラスの入力フィールドに入力します( プロジェクト設定)およびすべてのアクティブなページリンクは、アクティブになると色が変わります。

アクティブクラスのスタイリング

カスタムアクティブ状態クラスの外観を設定するには、同じ名前の新しいカスタムクラスを追加するだけです。 アクティブ ビア クラスマネージャー その後 クラスの値をカスタマイズする クラスエディタを使用します。

アクティブクラスをプレビューする

アクティブなクラスは、 Blocs ただし、デザイン環境では、プレビューモードで、サイトをエクスポートしてホストするときに有効になります。

18年2021月XNUMX日に更新

この記事は役に立ちましたか?

関連記事