僅將div設置爲小部件的內容| WordPress的

我在Wordpress上創建一個自定義邊欄來顯示獨立塊，每個塊都有一個小部件。爲此，我在functions.php中註冊了小部件區域，然後將這些小部件區域添加到我的側邊欄。僅將div設置爲小部件的內容| WordPress的

側邊欄設置是這樣的：

<aside class="sidebar-right" role="complementary"> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-1')) ?> 
</div> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-2')) ?> 
</div> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-3')) ?> 
</div> 
<div class="sidebar-widget"> 
    <?php if(!function_exists('dynamic_sidebar') || !dynamic_sidebar('widget-area-4')) ?> 
</div> 
</aside>

我大概想我的側邊欄看起來像這樣：https://jsfiddle.net/b7xtksts/

這是小工具是如何調用的functions.php：

register_sidebar(array(
    'name' => __('Widget Area 1'), 
    'description' => __('Description'), 
    'id' => 'widget-area-1', 
    'before_widget' => '<div id="%1$s" class="%2$s">', 
    'after_widget' => '</div>', 
    'before_title' => '<div class="widget-title-background"><h3>', 
    'after_title' => '</h3></div>' 
));

一切正常，但我想爲每個小部件的內容添加填充，而無需編輯原始小部件，以便每個小部件都添加到futu中由於padding的原因，re會很合適。

但如果我設置padding到，比方說，<div id="%1$s" class="%2$s" style="padding:10px;">，填充被添加到整個部件，以及背景標題，以及（不填補框的100％了）。我想弄清楚如何在不影響上面div標題的情況下爲小部件的內容設置填充。由於只有_widget和_title之前/之後，我如何才能將類設置爲僅內容？

來源

2015-11-03 dbsso

好像我們無法將任何特定的類添加到窗口小部件的內容主體。

一種選擇，我建議在以下幾點：

添加填充到父控件的div像你這樣如

.sidebar-widget { padding：0 10px; }
要刪除10px的填充效果上雙方就標題背景DIV，我們與上側的負利潤率取消它即

.widget標題背景{ 保證金左：-10px ; margin-right：-10px; }

這將使陰影DIV去周圍的角落，取消填充的主DIV影響您的標題的黑暗。

來源

2015-11-03 17:45:36 Mohsin

看到更新的小提琴在這裏https://jsfiddle.net/b7xtksts/4/ – Mohsin

太棒了！我試過這個技巧，但用填充而不是邊距來取消它。謝謝。 – dbsso

僅將div設置爲小部件的內容| WordPress的

回答

相關問題