2015-10-15 98 views
2

我怎樣才能讓一個右邊欄的WordPress主題,並與像下面的概念高級搜索整合: right sidebar concept如何作出正確的側邊欄的WordPress主題

的sidebar.php

<?php 
/** 
* The sidebar containing the main widget area. 
* 
* @link https://developer.wordpress.org/themes/basics/template-files/#template-partials 
* 
* @package custom 
*/ 

if (! is_active_sidebar('sidebar-1')) { 
    return; 
} 
?> 

<div id="secondary" class="widget-area" role="complementary"> 
    <?php dynamic_sidebar('sidebar-1'); ?> 
</div><!-- #secondary --> 
<?php if (is_active_sidebar('sidebar-2')) : ?> 

    <div id="tertiary" class="widget-area" role="supplementary"> 
     <?php dynamic_sidebar('sidebar-2'); ?> 
    </div><!-- #secondary .widget-area --> 

<?php endif; ?> 

style.css for sidebar

#secondary { /* left Sidebar */ 
width: 18rem; 
margin-left: -67rem; 
float: left; 
position: relative; 
} 

#tertiary { /* right Sidebar */ 
width: 18rem; 
margin-right: -23rem; 
float: right; 
position: relative; 
} 

我如何以簡單的方式實現它?

回答

0

查看WordPress Codex以獲取有關自定義側邊欄的信息。這個頁面上有很多關於邊欄的信息:https://codex.wordpress.org/Customizing_Your_Sidebar

如果你問的是如何讓菜單從屏幕的側面展開,有很多不同的CSS/JavaScript實現,但可能像這樣jQuery Slick插件可能會有所幫助:http://www.designchemical.com/lab/jquery-slick-plugin/examples/

如果您問的是如何創建自定義搜索功能,那麼這將非常依賴您使用的插件以及您正在搜索的內容。這篇文章確實給與在WordPress定製的搜索功能和自定義搜索表單入門很好的概述:https://premium.wpmudev.org/blog/build-your-own-custom-wordpress-search/

+0

我已經看了多次,其沒有回答我想要什麼 – user3077416

+0

我甚至不確定你是否在詢問如何讓菜單從屏幕邊緣展開,或者如果你問的是PHP方面的事情,但我會在答案中添加一些內容。這個問題還不夠具體。 – Nerdwood

0

如果你已經有sidebar.php便在那裏你想要你的模板文件;它可能是index.phpsingle.phppage.php或任何

我看這樣做

1的兩種方式 - 安裝一些花哨的搜索插件,並將其添加使用儀表板側邊欄 - 外觀 - 小工具區域

2 - 在您的小工具區中,您可以添加Html內容,您將在其中找到您的搜索表單或將其硬編碼到您的sidebar.php或創建search-form.php(您將擁有y我們的形式),並將其包含在您的sibedar.php或直接使用get_template_part()

這裏有一些有用的鏈接模板文件:

https://codex.wordpress.org/Function_Reference/get_search_form https://codex.wordpress.org/Function_Reference/get_template_part

+0

你可以舉一個關於一些奇特的搜索插件的例子嗎? – user3077416

+0

我以前沒有使用任何搜索插件。嘗試一下這個列表 - https://wordpress.org/plugins/search.php?q=search –