前几天，在网站下面安装了一个wordpress的博客，可出现了一个问题：在浏览单个页面的时候，没有出现边栏，文章居中，特难看，加上代码<?php get_sidebar(); ?>引用边栏，可边栏显示在下面，很难看，怎么办呢？
登陆到后台，在后台的控制面板里，依次进入：外观——编辑——single.php中，发现在调用内容页之前，有如下代码：<div id="content" class="narrowcolumn">，因此可以断定CSS样式中使用的是narrowcolumn类。
再打开样式表文件style.css，找到narrowcolumn类，发现定义如下：
.widecolumn {
padding: 10px 0 20px 0;
margin: 5px 0 0 150px;
width: 450px;
}
问题就应该在这里，对比文章的索引页，发现索引页有边栏，文章索引模板的文件是archive.php，打开archive.php，发现其中与内容有关的div语句是：<div id="content" class="narrowcolumn">，在样式表文件style.css中查找一下narrowcolumn类，发现定义如下：
.narrowcolumn {
float: left;
padding: 0 0 20px 45px;
margin: 0px 0 0;
width: 450px;
}
对比这两个类，最后句相同，margin、padding属性不同，narrowcolumn类还多了一句：float: left; float属性设置的是浮动属性为左对齐。margin为边界属性，padding为填充属性。经过试验，有两种方案：
方案一：修改widecolumn类；
方案二：将single.php文件中关于内容的CSS样式改为narrowcolumn类。
相比之下，第二种方案更简洁些。
顺便查了一下上面几个单词的含义：
Wide宽的，narrow狭窄的，column纵列，padding填充，margin加边于、页边的空白。
"中国制造",讲述中国60年往事
文章
沒有留言:
發佈留言