質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.63%

[WordPress] テーマonetoneの上部メニューが表示されない

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 776

yoso

score 27

初心者なのですがwordpress、
テーマ「onetone pro」でホームページを作成しました。
http://wp-theme.myafi.net/onetone.html

その際、上部に表示されるスティッキーヘッダーのメニューが表示されなくなってしまいました。
スティッキーヘッダーの背景、左のタイトルアイコンは存在し一緒にスクロールすると
ついて来るのですが中身(メニューリンク)がない状態です。

また分からないのは
当方の環境(windows10、chrome)でのみメニューは表示されるようで
同じ(windows10、chrome)でも他のパソコンでは表示されない状態です。

間違って該当部分を削除してしまったのかもしれませんが
当方の環境ではずっとメニューは表示されていたため、もうその場所もわからない状態です。

現在の該当箇所かなと思う部分
下記↓header-home.php内

 <div class="fxd-header">
                    <div class="<?php echo $header_container; ?>">
                        <div class="logo-box">
                        <?php if( $sticky_logo ):?>
                            <a href="<?php echo esc_url(home_url('/')); ?>"><img class="site-logo normal_logo" src="<?php echo esc_url($sticky_logo); ?>"></a>

                               <?php
                    if( $sticky_logo_retina ):
                    $pixels ="";
                    if( is_numeric(onetone_option('sticky_logo_width_for_retina_logo')) && is_numeric(onetone_option('sticky_logo_height_for_retina_logo')) ):
                    $pixels ="px";
                    endif; ?>
                    <a href="<?php echo esc_url(home_url('/')); ?>"><img src="<?php echo $sticky_logo_retina; ?>" alt="<?php bloginfo('name'); ?>" style="width:<?php echo onetone_option('sticky_logo_width_for_retina_logo').$pixels; ?>;max-height:<?php echo onetone_option('sticky_logo_height_for_retina_logo').$pixels; ?>; height: auto !important" class="site-logo retina_logo" /></a>
                    <?php endif; ?>

                           <?php endif;?>
                            <div class="name-box" style=" display:block;">
                                <a href="<?php echo esc_url(home_url('/')); ?>"><h1 class="site-name"><?php bloginfo('name'); ?></h1></a>
                                <span class="site-tagline"><?php bloginfo('description'); ?></span>
                            </div>

                        </div>
                        <button class="site-nav-toggle">
                            <span class="sr-only"><?php _e( 'Toggle navigation', 'onetone' );?></span>
                            <i class="fa fa-bars fa-2x"></i>
                        </button>
                        <nav class="site-nav style<?php echo $nav_hover_effect;?>" role="navigation">
                          <?php

                          if ( has_nav_menu( "home_menu" ) ) { 
                           wp_nav_menu(array('theme_location'=>'home_menu','depth'=>0,'fallback_cb' =>false,'container'=>'','container_class'=>'main-menu','menu_id'=>'menu-main','menu_class'=>'main-nav','link_before' => '<span>', 'link_after' => '</span>','items_wrap'=> '<ul id="%1$s" class="%2$s">'.$onepage_menu.'%3$s</ul>'));
                          }
                          else{
                          echo '<ul id="menu-main" class="main-nav">'.$onepage_menu.'</ul>';
                          }
                          ?>
                        </nav>
                    </div>
                </div>
コード

下記↓ブラウザに表示されるサイトのソースから
同じ部分を抜き出しました

<div class="fxd-header" style="top: 0px; display: none;">
                    <div class="container">
                        <div class="logo-box">
                                                    <a href=""><img class="site-logo normal_logo" src=""></a>


                                                       <div class="name-box" style=" display:block;">
                                <a href=""><h1 class="site-name"></h1></a>
                                <span class="site-tagline"></span>
                            </div>

                        </div>
                        <button class="site-nav-toggle">
                            <span class="sr-only">Toggle navigation</span>
                            <i class="fa fa-bars fa-2x"></i>
                        </button>
                        <nav class="site-nav style1" role="navigation" style="display: block;">
                          <ul class="main-nav" id="menu-main"><li class="onetone-menuitem"><a id="onetone-CONCEPT" href="#concept">
                             <span>CONCEPT</span></a></li><li class="onetone-menuitem"><a id="onetone-gallery" href="#gallery">
                             <span>Gallery</span></a></li><li class="onetone-menuitem"><a id="onetone-PRICE" href="#price">
                             <span>PRICE</span></a></li><li class="onetone-menuitem"><a id="onetone-FLOW" href="#flow">
                             <span>FLOW</span></a></li><li class="onetone-menuitem"><a id="onetone-ABOUT" href="#about">
                             <span>ABOUT</span></a></li><li class="onetone-menuitem current"><a id="onetone-section-7" href="#section-7">
                             <span>facebook</span></a></li><li class="onetone-menuitem"><a id="onetone-contact" href="#contact">
                             <span>Contact</span></a></li>
</ul>                        </nav>
                    </div>
                </div>
コード
/*
 * 2.3 Header navigation
 */

.site-nav-toggle {
    display: block;
    float: right;
    margin-top: 20px;
    background-color: transparent;
    border: none;
    color: #ccc;
}

.overlay .main-header .site-nav-toggle {
    color: #fff;
}

.site-nav {
    display: none;
    margin-top: 0;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
}

.site-nav ul {
    margin: 0;
    background-color: #000;
}

.site-nav li ul {
    margin-left: 0;
}

.site-nav li {
    position: relative;
}

.site-nav > ul > li a {
    display: block;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    padding: 0 15px;
    text-decoration: none;
    blr:expression_r(this.onFocus=this.blur());
    outline:none;
}

.site-nav > ul > li + li a {
    border-color: rgba(255,255,255,.2);
}

/*For onepage*/
.site-nav > ul > li.current > a {
    color: #19cbcf;
}

.site-nav > ul > li a:hover {
    background-color: #111;
}

.menu-dropdown-icon {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    width: 40px;
      text-align: center;
      cursor: pointer;
}

.site-nav li ul {
    display: block;
}

.site-nav li li a:before {
    content: "-";
    margin: 0 3px 0 10px;
}

.site-nav li li li a:before {
    content: "--";
    margin: 0 3px 0 20px;
}

.site-nav li li li li a:before {
    content: "---";
    margin: 0 3px 0 30px;
}
.site-nav > ul > li > a,
.fxd-header .site-nav > ul > li > a {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
@media (min-width: 920px) {
    .site-nav-toggle {
        display: none;
    }

    .menu-dropdown-icon {
        display: none;
    }

    .site-nav {
        display: block;
        margin: 0;
        width: auto;
        position: static;
    }

    .site-nav > ul {
        background-color: transparent;
        float: left;
    }

    .site-nav > ul > li {
        float: left;
        position: relative;
    }

    .site-nav > ul > li + li {
        margin-left: 35px;
    }

    .site-nav > ul > li > a {
        display: block;
        line-height: 70px;
        padding: 0;
        background-color: transparent;
        border-bottom: 0 solid transparent;
        border-top: 0 solid transparent;
        color: #fff;
    }

    .overlay .main-header .site-nav > ul > li > a {
        color: #fff;
    }

    .site-nav > ul > li:hover > a {
        border-color: #006400;
    }

    .site-nav > ul > li > a:hover {
        background-color: transparent;
        color: #006400;
    }

    .site-nav li > ul {
        display: none;
        position: absolute;
        z-index: 9;
        left: 0;
        top: 100%;
        background-color: #000;
        width: 150px;
    }

    .site-nav li li > ul {
        left: 100%;
        top: 0;
    }

    .site-nav li:hover > ul {
        display: block;
    }

    .site-nav li li a:before {
        display: none;
    }

    .site-nav li li li a:before {
        display: none;
    }

}
コード

URLなどは個人サイトの為、削除したのですが
上記を見るとメニューが表示されるのではと思うのですが
この状態でメニューが表示されないとなるとどのような問題が考えられるのでしょうか?

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • yoso

    2019/05/06 07:39

    訂正
    すみません、header-home.phpを触っていました。
    ただ、header-home.phpを初期状態に戻しても、ブラウザによって表示されません。
    コードが添付できないので申し訳ありません。
    どこに問題があるのかさえ分からない状態です。

    キャンセル

  • wataame

    2019/05/06 13:45

    下記内容が参考になりそうです、、

    ・Microsoft Edge 38 にてCSSが効かない
    https://teratail.com/questions/50525

    キャンセル

  • yoso

    2019/05/06 22:59

    ありがとうございます。
    折角、的確な情報をいただいたにもかかわらず
    色々試した見たところブラウザの問題ではないようで、申し訳ありません。
    新たにコードを入力しました。もし、余力がございましたらお知恵をお貸し頂けるとうれしいです。
    よろしくお願いいたします。

    キャンセル

回答 2

+1

「site-nav」がコードに含まれていないので
解決不可能です。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/05/06 21:21

    ありがとうございます。
    ものすごく、無知でお恥ずかしいのですが
    「site-nav」がどこに含まれていないのでしょうか?
    初期段階ではメニューは表示されていたので、どこかから削除してしまったということかと思うのですが
    どこにどのように記載すればよいかもわかりません。
    もし、お分かりでしたらご教授いただけませんでしょうか?

    キャンセル

  • 2019/05/06 21:27

    記載されたURLのページのソースコード内に
    「site-nav」が存在しないという意味です。
    view-source:http://wp-theme.myafi.net/onetone.html

    PHPファイルを見ないで場所を特定することは不可能です。
    > もし、お分かりでしたらご教授いただけませんでしょうか?

    キャンセル

  • 2019/05/06 22:04

    なるほど、ありがとうございます。確認しました。

    ここでご質問しても良いものか分からないのですが、
    http://wp-theme.myafi.net/onetone.html
    こちらのテーマ、onetoneのメニュー部分はどこに記載されているのか確認することは可能でしょうか。
    (デモページのメニュー部分はどのような仕組み?で表示されているのでしょうか)

    header-home.php、header.phpは初期状態に戻してもやはりメニューは表示されません。
    一体、どこに手を付けたらよいかさえ分からない状態なもので
    本当にお恥ずかしいのですがよろしくお願いいたします。

    キャンセル

  • 2019/05/06 23:00

    立て続けに申し訳ございません。
    該当箇所かなと思う部分のコードと質問内容を変更しました。
    全くの見当違いかもしれませんが、もしお時間がございましたらお知恵をお貸しいただけると幸いです。
    よろしくお願いいたします。

    キャンセル

check解決した方法

0

解決はしていないのですが、バックアップで初期に近い状態に復元しました。
質問がこのままだと、回答してくださる方がいらっしゃるといけないため解決とさせていただきます。

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.63%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る