在Wordpress中，我希望邊欄根據頁面更改

Question

好的，我只是使用指南開發了我的第一個自定義Wordpress主題-我仍然是菜鳥。 我沒有使用小部件來填充側欄，我想自己用自己的代碼和圖像來填充它。

因此，可以說我希望我制作的第一個側邊欄僅顯示在主頁上，然后我制作的第二個側邊欄僅顯示在其他頁面上。 我可以使用if語句嗎？

<?php

if(is_home()){

echo

"<div class="row">
            <div class="span3">
                <div id="search-box"><img id="search_text" src="http://localhost/Dorsa/wp-content/themes/Bootstrap/img/text_findyourhome.png">
                </div>
            </div>
        </div>


        <div class="row">
            <div class="span3">
                <img class="box_shadow" src="http://localhost/Dorsa/wp-content/themes/Bootstrap/img/box-shadow.png" style="padding-left:0;">
            </div>
        </div>

        <div class="row">
            <div class="span3"><div id="news" style="margin-top:275px;margin-bottom:200px">News</div></div>
         </div>"
         }

         else
         {
         echo
         "sidebar 2 code - didn't write it yet"
         }       
?>

Answer 1

如果您只想在首頁中顯示一個側邊欄，而在其余頁面中顯示其他側邊欄，則可以使用@ChrisHerbert所說的if語句。 新的解決方案是通過創建新的模板和邊欄。

1. 首先找到您的sidebar.php文件並制作一個副本。
2. 使用wordpress命名約定為邊欄命名，例如： sidebar-secondary.php 。
3. 根據需要在sidebar-secondary.php中進行更改。
4. 制作一個新模板，並將您的側邊欄用作<?php get_sidebar('secondary'); ?> <?php get_sidebar('secondary'); ?>

編輯

假設您想要一個側邊欄作為主頁，而將其他側邊欄分開，則可以執行以下操作。

1. 如上所述創建sidebar-secondary.php 。
2. 主要模板通常是index.php 。 這通常將包含主頁的側邊欄。 您會找到類似<?php get_sidebar() ?> 。
3. 如果要在頁面上設置輔助側邊欄，請打開頁面模板page.php 。 找到get_sidebar()並將其替換為get_sidebar('secondary') 。 現在，您的所有頁面都將使用輔助側邊欄。 如果您的任何頁面使用不同的模板，則需要執行相同的操作。
4. 要在您的單個帖子頁面（用戶單擊博客部分的readmore后顯示的頁面）中顯示輔助側欄，請打開single.php然后再次找到get_sidebar()並將其替換為get_sidebar('secondary') 。

現在，您可以為首頁和其他頁面使用不同的側邊欄樣式和樣式。

請注意，如果您只想在首頁中使用不同的側邊欄，而在頁面其余部分中使用相同的側邊欄，則也可以在主模板文件index.php使用有條件的。

if( is_home() ){
 get_sidebar(); //your main sidebar for homepage
} else {
 get_sidebar('secondary'); //your sidebar for other pages
}

Answer 2

絕對可以使用模板，但是假設“主頁”頁面是您的博客頁面，則您的解決方案應該可以工作。 如果將主頁設置為靜態頁面（在儀表板的“讀取”部分中），則應使用is_front_page()函數而不是is_home() 。

我還建議您使用其他語法並在標記之前關閉PHP標記，如下所示：

<?php if ( is_home() ) : ?>

    <div class="row">
        <div class="span3">
            <div id="search-box"><img id="search_text" src="http://localhost/Dorsa/wp-content/themes/Bootstrap/img/text_findyourhome.png">
            </div>
        </div>
    </div>

    <div class="row">
        <div class="span3">
            <img class="box_shadow" src="http://localhost/Dorsa/wp-content/themes/Bootstrap/img/box-shadow.png" style="padding-left:0;">
        </div>
    </div>

    <div class="row">
        <div class="span3"><div id="news" style="margin-top:275px;margin-bottom:200px">News</div></div>
    </div>

<?php else: ?>

    <!-- sidebar 2 code - didn't write it yet" -->

<?php endif; ?>