• 締切済み

WordPressのメニューの色変更

今WordPressで固定ページを最初に表示されるページでサイトを作っているんですが、 メニューバーからブログをクリックした時はブログのメニューが反転するんですけど、 一つのブログ記事を見ている画面では、メニューバーのブログが反転しません。 色々方法を試しましたが、どうしたら反転できるのか分かりません。 どうしたらいいのか教えて下さいませんでしょうか?

  • CSS
  • 回答数3
  • ありがとう数1

みんなの回答

回答No.3

ソースがわからないのでどうなっているのかわかりませんが >PHPでヘッダーを読み込んで… PHPで読み込んでいるということは・・・ <? require_onse("header.html") ?> のような感じで書かれているんですかね? それならheader.htmlを探して書き換えれば良いですよ?

shugo123
質問者

補足

なんどもの解答有難うございます。 PHPでヘッダーを読み込んでいるというのは、 ↓のPHPからHTMLを作成しているようなので <?php get_header(); ?> <!-- Contents --> <div id="contents"> <div id="main"> <?php if (have_posts()) : ?> …… ↓のheader.phpを読み込んでいるようなので <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title> <meta name="description" content="WordPress 3.0用の無料テーマです。"> <meta name="keywords" content="WordPress 無料 テーマ, WordPress テーマ, WordPress 3.0 テーマ, WordPress テンプレート, WordPress 無料テンプレート"> <!-- External files --> <link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>"> <!-- Favicon, Thumbnail image --> <link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico"> <?php wp_head(); ?> </head> <body <?php body_class(); ?>> <div id="page"> <div id="wrapper"> <!-- Header --> <div id="header"> <?php if(is_home()): // ホームが表示されている場合、ブログタイトルを H1 で表示 ?> <h1><a href="<?php bloginfo('url'); ?>" class="blog_title"><?php bloginfo('name'); ?></a></h1> <?php else: // ホーム以外のページが表示されている場合は H1 を削除。各記事やページのタイトルに H1 を使用 ?> <a href="<?php bloginfo('url'); ?>" class="blog_title"><?php bloginfo('name'); ?></a> <?php endif; ?> <p><?php bloginfo('description'); ?></p> <?php wp_nav_menu( array('menu_id' => 'nav' )); ?> </div><!-- /#header --> このコードから分からなくなったのですが、 改めて見るとheader.phpの<body <?php body_class(); ?>>の関数でデザインが決まっているみたいなのですが、ここに入る値を変化させるにはどうしたらいいのでしょう。

回答No.2

1です。 liのidの中じゃなくてclassの中でした・・・; あと、見るものが違っていました・・・ えーと <li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-31 current_page_item current_page_parent menu-item-45"> ↑を入れ替えてみて動きませんかね? <li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-31 current_page_item current_page_parent menu-item-45"><a href="URL">ブログ</a></li> という感じです。 ブログ一覧ページと同じclassにしています。 これで動かなかったら・・・なぞですね。

shugo123
質問者

補足

なんどもすいません。 classを変えれば良いというのは分かったのですが、 どうやって変えればいいのでしょうか? テーマの編集で見ましたが、PHPでヘッダーを読み込んで…、の後が分かりません。 もう一回教えてもらえないでしょうか?

回答No.1

ちゃんと動くかわかりませんが 一つのブログ記事のhtml?のメニューバーのところに <li id="menu-item-45" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-45"><a href="URL">ブログ</a></li> とあるはずです。 で、liのidの中に current_page_parent というのがあるので、これを消したら反転するのかな?と

shugo123
質問者

補足

解答ありがとうございます。 menu-item-45はCSSにあると思い調べたのですが、自分が見たところstyle.cssにmenu-item-45がありませんでした。 デフォルトのデザインではないとできないのでしょうか?

関連するQ&A

  • WordPressについて教えてください。

    WordPressについて以下のようなことが可能かお教え願います。 例えば、 1.カテゴリーに「日記」と「お知らせ」というものを作り、そのカテゴリーごとの記事を書くとします。 2.それを表示する時に、トップページ(index.php)では、以下のような表記で日付とカテゴリー名、記事タイトルをリンクでその記事ページに飛べるように表示する。 ○月○日 日記:ほにゃららに行きました。 ○月△日 お知らせ:ツイッターを始めました。 3.トップページに、「日記」と「お知らせ」のメニューボタンを設置して、日記メニューをクリックしたら日記カテゴリーだけの記事、お知らせメニューをクリックしたらお知らせカテゴリーだけの記事だけが表示されるページを表示する。 それぞれのページは異なるデザインにする。 カスタマイズすることで、上記のようなことを実現することは可能でしょうか?

    • ベストアンサー
    • PHP
  • WordPress:利用者が特定の固定ページを削除できないようにする方法

    WordPressを、サイトのCMS(ブログではなく)として使用するために自作のテーマ(テンプレート)を作成しています。WordPressは、2.8.4です。 サイトの利用者には、固定ページの記事を作成できるようにするため、編集者としての権限を与えようと思いますが、サイトの利用者が特定の固定ページを編集することはできても削除できないようにする方法(プラグイン等でも)はあるでしょうか(編集はできないと困ります。)? 理由ですが、管理画面の「設定」→「表示設定」→「固定ページ」であるページをサイトのトップページに予め指定していても、サイトの利用者にそのページを削除されてしまうとサイトのトップページ(フロントページの表示)が「最新の投稿」にもどってしまうからです。 参考サイト等ありましたら、そちらも教えて下さい。 よろしくお願いします。

    • 締切済み
    • CSS
  • WordPress>ドロップダウンメニューの位置を

    WordPressの固定ページ上部にドロップダウンメニューを作りたいのですが。 画像の通り、カーソルをタブ1に合わせた時に タブ1から凄く離れた場所(ページ右端)に ドロップダウンメニューが表示されてしまっています。 これをタブ1の直下に持ってくる方法が知りたいです。 このタブ1とドロップダウンメニューを設定した管理画面の状態は 画像の通りです。 どこをどう直せばタブ1の真下にドロップダウンメニューを持ってくることができるのか、教えていただきたいです。 どうぞよろしくお願いいたします。

  • wordpressでメニュー作成

    頭書の通りメニューを作成したいのですが、作成済みの固定ページがメニュー作成の固定ページ選択画面に表示されません。またトップ画面に固定ページを設定したいのですが設定画面に固定ページの選択がありません。いろいろ調べたのですが解決にいたりませんでした。アドバイスをよろしくお願いいたします。

  • WordPressのHelloworldを消したい

    WordPressの最初のとこでつまずいてます。 ブログにはあらかじめ、Hello world!という記事があるのですが、削除しても消えません。 投稿記事一覧には、自分が書いた記事しか出てこないのですが、サイトを見てみるとHello worldが消えていません。しかも、自分が書いた記事が表示されません。 私のブログはXドメインの独自ドメインを使っていて、サーバーはXサーバーのwpXサーバーです。 それらの最初の設定の時にごちゃごちゃしてしまい、まだちゃんと出来ているのか定かではありません。 どちらのサポートに問い合わせても、うちでは分かりませんと言われました。 WordPressのサポートは英語だし、自分で解決できません。 何をどうしたらいいのか、どなたか教えて下さい。

  • Wordpress でトップ画面に固定ページを複数

    Wordpress でトップ画面に固定ページを複数表示させるにはどうすればいいでしょうか? envo businesses というテンプレートを使っています。 メニューには固定ページのタイトルが表示され、クリックするとページの内容は表示されます。 これらのページをトップページに上下に並べて表示させ、スクロールでも全てのページが閲覧できるようにしたいのですが、どうすれば良いでしょうか?

    • ベストアンサー
    • CSS
  • WordPressの固定ページを複製すると崩れます

    WordPress初心者です。 固定ページを複製して、新しいページを作成しようとしたところ、サイドメニューの表示がおかしくなってしまいました。 本来はブログの最新記事とバナーが数個表示されているのですが、複製したものを見ると、「Archives」という見出しの下に箇条書きで月が表示されています。(添付の画像参照) 正常なページを複製しても、「新規下書きとしてコピー」しても、このようになってしまいます。 なぜなのでしょうか? 助けてくださいm(_ _)m回答お待ちしています。 よろしくお願いします!

    • ベストアンサー
    • CSS
  • wordpressをカスタマイズするには…?

     Wordpressを勉強中です。  例えば、以下のようなページ仕様にしたいと思っています。  調べれば調べるほど、分からないことが増えていっています。   ◇ソースコードの勉強は、避けては通れないものなのでしょうか?  →例えばJIMDOならば、素人でも手に負えるレベルかと思いました。  wordpressでブログをある程度、カスタマイズしようと思ったら、学ぶしかないのでしょうか?   ◇PHPとはなんでしょうか? ◇例えば、「固定ページに抜粋のみを、サムネイル付きで表示したい」と思っているのですが、こういうこと一つやるにしても、「プラグイン」が必要なのでしょうか?  それとも、ソースコードを、該当ページに貼りつけてしまえばできてしまうものなのでしょうか?   ◇…といったようなことを、調べていたのですが、  どうにも専門用語が飛び交っていて、着いて行くのに困っています。  まずは、基本用語を知る必要があるだろうと思うのですが、  それは、どこに行けば見れるでしょうか?  よろしくお願いいたします! *************************************  Wordpressのブログの固定ページを、   ちょうどgoogle newsのような作りにしたいと思っています。  …というのは、  1.カテゴリーをABCDEと5つ作成し、  2.新着記事が投稿されたら、(できれば自動的に!)それぞれのゾーンの最上部に、表示されていく。  3.写真と、記事の冒頭部分の抜粋が4~5個分。それぞれのカテゴリーに並ぶ。  …という風に希望をしているのですが、  今のところ、どうしたらよいのか、手をつけることすらできずに、google検索などで、ウロウロ立ち往生をしている状態です。    ご存知の方がいましたら、お願いいたします。

  • htmlにWordPressを表示する方法

    WordPressの初心者です。 手作業で自分で設置は出来て、ちゃんと動いています。 自分で作ったHtmlにWordPressを表示させる方法を教えて頂きたいです。 1)TOPページに新着情報の表示(日付・タイトル・記事文章の一部) 2)その記事をクリックするとクリックした記事だけを表示 3)お知らせ・日記などとして、WordPressの記事をHtmlに表示 http://shs-shinagawa.tokyo.jp/ こちらのサイトを参考に 1)はTOPページのお知らせ(新着情報)の部分 2)はその記事をクリックした表示 3)はこちらhttp://shs-shinagawa.tokyo.jp/news ------------------------------------------------- http://webaffi.net/wordp/wp-inputhtml/ こちらのページを参考にTOPページに新着情報を表示させようとしておりますが、うまく表示されません。といいますか、全く何も反応していないようです。黒い四角いドット(■)の小さいものが表示されているだけです。 まず、TOPページの新着情報がOKになってから、他のページにチャレンジした方がいいのか、それとも根本的に上記は作り方が違うのかわかりません。 どなたか、詳しい方よろしくお願い致します。 詳しく説明したサイトなどございましたらお教え頂ければと思います。

  • Wordpress ページ内に記事を投稿

    はじめまして。 現在Wordpressを使用するプロジェクトを始めたのですが Wordpressで作るページ内にブログの記事を反映させることは可能でしょうか? 今やろうとしていることは トップページにカテゴリーAの記事を、「サービス」ページにカテゴリーBを、「過去のプロジェクト」ページにカテゴリーCを表示させたいのです。 「サービス」と「過去のプロジェクト」はWordpressページにしようと思っております。 もし不可能でしたら、どのような方法で表示させるのがいいでしょうか? よろしくお願いいたします。

    • 締切済み
    • CSS

専門家に質問してみよう