2017-07-29 77 views
1

我試圖所以在技術上創造3列WordPress的導航:WordPress的3列導航

極端標誌留在中心 主菜單,並在最右側的兩個按鈕 我建立了一個標記HTML /使用CSS自舉,但我無法弄清楚如何在WordPress的

我的HTML代碼中創建它

<nav class="navbar navbar-default " role="navigation"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <div class="business-logo-align col-md-10" > 
      <a href="#"> 
       <img class="img-responsive " src="logo.png" alt="logo"/> 
      </a> 
     </div> 
    </div> 
    <div class="navbar-collapse collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li class="col-md-6 col-xs-6 text-center"> 
       <a href="#"> 
        <img src="icon.png" alt=""> Sign In 
        </a> 
       </li> 
       <li class="col-md-6 col-xs-6 text-center"> 
        <a href="#"> 
         <button type="button" class="btn btn-danger top-btn">Order now</button> 
        </a> 
       </li> 
      </ul> 
      <div class=" col-xs-9 col-sm-12 col-md-5" > 
       <ul class="nav navbar-nav navbar-centerr"> 
        <li> 
         <a href="#" class="busi-btn-active">TV 
          <span>IPTV</span> 
         </a> 
        </li> 
        <li> 
         <a href="#" class="busi-btn">Our Plans 
          <span>4</span> 
         </a> 
        </li> 
        <li> 
         <a href="#" class="busi-btn">Support 
          <span>FAQs</span> 
         </a> 
        </li> 
       </ul> 
      </div> 
     </div> 
    </nav> 

這是我曾嘗試上的header.php的WordPress

<nav class="navbar navbar-default " role="navigation"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
     <div class="business-logo-align col-md-10" > 
      <a href="#"> 
       <img class="img-responsive " src="logo.png" alt="logo"/> 
      </a> 
     </div> 
     <?php 
         wp_nav_menu(array(
          'theme_location' => 'Primary', 
          'container' => 'nav', 
          'container_class' => 'navbar navbar-default', 
          'menu_class' => 'nav navbar-nav navbar-right' 

         )); 

         ?> 
    </div> 
</nav> 

但我的主菜單(主甚至不工作),我試圖改變菜單設置的鏈接,但沒有改變其顯示,而不是我選擇了菜單上的所有網頁。我選中了主複選框,但它不起作用。

回答

0

我認爲最好使用單詞press的UI設計。在那裏你可以找到添加標題鏈接的位置,也可以添加鏈接的頁面。我認爲很容易遵循UI。 另請參閱您的單詞新聞主題的指南。

+1

我不明白你在說什麼..我的問題是與我的代碼。爲什麼我的基本菜單沒有工作?你可以請上面檢查並告訴我嗎? – Vidal

+0

而不是更改代碼,您可以更改菜單項並設置要重定向的頁面。 1.創建頁面。 2.進入**外觀 - >菜單 - >菜單結構**。在這裏,您可以將導航標籤編輯爲您要指示的頁面 –