Question

想知道我可以使用什么代码来改变侧边栏的外观，例如“类别”“标记云”如何将自己置于框中？现在，他们中的许多人与盒子（右）齐平，一直是中心，但它并不漂亮。不知道改变可能是什么，例如在样式表或侧栏中？

使用此主题：http://wp-themes.com/colors/?TB_iframe=true

使用这样的填充测试： .widget { 边距：12px的; 填充：5px; }

但没有成功。

关于如何解决这个问题的建议？我是一个菜鸟，这也不是很擅长英语，但无论如何都试一试。 ;）

的style.css

     Sidebar Styles
====================================================================================================  ========================================
*/
#sidebarLayout {width:228px; float:left; margin-left:15px; margin-top:1px;}
.widget { margin-bottom:12px;}
.wdTitle {height:38px; width:228px; background:url(layout/wdTitleBg.png);}
.wdTitle h2 {color:#FFFFFF; font-size:10pt; font-weight:400; line-height:34px; margin-left:15px;}
.wdContent {background:#e1e5e7; width:227px; margin-left:1px; padding-bottom:30px; padding-top:3px;
line-hight:100%;}
.wdContent li:hover {no-repeat;}
.wdContent li {line-height:15px; height:35px; padding-left:25px; margin:1.5px 0px;}
.wdContent ul li ul { display:none; }
.wdFooter {height:4px; background:url(layout/wdFooterBg.png); width:227px; margin-left:1px;}
.wicon {width:34px; height:24px; background:url(layout/widgetIcon.png) no-repeat; float:left; margin-right:2px;}
/* 

Sidebar.php:

    <div id="sidebarLayout">

<div class="widget">
 <div class="wdTitle">
  <h2>Sök?</h2>
 </div>
 <div class="wdContent">
  <div class="icon" id="searchIcon"></div>
   <?php get_search_form(); ?>
  </div>
 <div class="wdFooter"><!-- .wdFooter for design only --></div>
</div>

<!-- <?php if ( function_exists('wp_tag_cloud') ) : ?>
<div class="widget">
 <div class="wdTitle">
  <h2>Etikettmoln</h2>
 </div>
 <div class="wdContent">
  <div>
   <div id="etikettmoln">
    <?php $tags = wp_tag_cloud('orderby=count&order=RAND'); ?>
   </div>
  </div>
 </div>
 <div class="wdFooter"></div>
</div>
<?php endif; ?> -->

 <?php if(!function_exists("dynamic_sidebar") || ! dynamic_sidebar('sidebar')) : ?><?php endif;?>
</div>

我为那些不理解它的人使用Wordpress。

感谢您的帮助！

Answer 1

要更改主题的外观，您必须修改主题目录中的style.css文件。

我会添加

.wdContent＆gt; div {padding：5px;}

到主题目录中的style.css文件，它会在你的云上放置一个5px的边框。

您可能还会找到读取

的行

.wdContent {background：＃e1e5e7;宽度：227px;保证金左：1px的;填充底：30PX;填充顶：3px的; 线高度：100％;}

并将padding-bottom更改为3px，就像padding-top

一样

我认为这些改变会改善一些事情。

侧栏中的更改

1 个答案: