0

アクティブなテキストの色を変更したい..ユーザーがどのページを使用しているかがわかるように..たとえば、HOMEページとABOUTページの2つのハイパーリンクがあります..HOMEリンクをクリックしたときに必要ですその色の変更 (つまり、緑) と ABOUT のような他のメニュー項目は、デフォルトの色 (つまり、赤) のままになります。つまり、赤)、2 つの異なるページのハイパーリンクを指定した wordpress のサイドバー (テキスト内のプラグイン/ウィジェット) にこれが必要なので、HTML と CSS コードを取得するか、他の提案をいただければ幸いです。私の質問を理解してください、私を助けてくれてありがとう、肯定的な応答を待ちますありがとう

4

2 に答える 2

2

CSS セレクター:active、:hover、:link、および を確認してください:visited。

  • :activeアクティブなリンクを選択してスタイルを設定する
  • :hoverユーザーがホバーしたリンクを選択してスタイルを設定します
  • :link訪問されていないリンクを選択してスタイルを設定します
  • :visited訪問されたリンクを選択してスタイルを設定します

:hoverセレクターはandセレクターの後にカバーする必要があります。また、セレクターはセレクターの後に来る必要があります。:link:visited:active:hover

これらを次のように使用します。

a:link {
    color: red;
}

a:visited {
    color: green;
}

a:hover {
    color: blue;
}

a:active {
    color: yellow;
}

この記事をチェックしてください: http://www.w3schools.com/css/css_link.asp

于 2013-08-22T22:27:50.433 に答える
0

Wordpress でどのように行われるのかはわかりませんが、一般的に言えば、php を使用する必要がある場合は次のように行うことができます。

すべてのページに対して、ページ名を含む変数を定義します。たとえば、aboutページでは次のように定義します

<?php $page = "about"; ?>

ホームページには

<?php $page = "home"; ?>

次に、ナビゲーション内で$page値を確認し、リンクの「アクティブな」クラス名をエコーし​​ます。これがそれを説明することを願っています：

<li><a href="home.php" class="<?php $page == "home" ? "active" : "" ?>">Home</a></li>
<li><a href="about.php" class="<?php $page == "about" ? "active" : "" ?>">About</a></li>

これは、ページで宣言された変数の値をチェックし、値が$page一致する場合は「アクティブな」クラスをアンカー タグに追加し、一致しない場合はクラス名を空白のままにします。

そして、CSS には、次の.activeようなクラスのスタイルがあります。

.active{ color: green; }

ポイントは、「現在の」ページのアンカーにクラス (通常は「アクティブ」または「現在の」クラスですが、任意の名前を付けることができます) があることを確認する必要があることです。次に、php を使用して名前を確認します。上で述べたようにページを開き、そのクラス名をアンカー (またはリスト項目など、あなたに合ったもの) に追加します。

WordPress でそれをどのように行うかはわかりませんが、上記の手法を使用して、ニーズに合わせてカスタマイズすることができるかもしれません。（それがあなたが作ったカスタムウィジェットなら、それを使うことができます）

それが役に立ったことを願っています。

于 2013-08-23T06:41:28.990 に答える