十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
1、下载的压缩包,里面可能包含多个文件夹或者文件,请将主题文件夹单独解压出来,然后以ZIP格式压缩文件并通过wordpress后台主题安装上传至服务器,如果wordpress后台无法上传,可以尝试使用空间后台(比如cpanel的空间可以使用文件管理器上传),或者解压后使用FTP上传至主题目录:/wp-content/themes/。
成都网站建设、做网站的开发,更需要了解用户,从用户角度来建设网站,获得较好的用户体验。创新互联多年互联网经验,见的多,沟通容易、能帮助客户提出的运营建议。作为成都一家网络公司,打造的就是网站建设产品直销的概念。选择创新互联,不只是建站,我们把建站作为产品,不断的更新、完善,让每位来访用户感受到浩方产品的价值服务。
2、WordPress后台上传出现缺少style.css样式表,则很可能是由于您直接将下载的压缩包上传,未按说明提示1操作
3、大部分主题,压缩包内包含了主题的详细使用说明,使用前请认真阅读(英语不好的,可以借助谷歌翻译等翻译工具)
4 、如果您发现该资源已经失效不能下载,请联系站长修正!
如果你遇到的问题是所传的图片高度超过1024的话,我这个解决方案可能适合你。
我今天发现当图片高度超过1024时,图片的上级容器会自动把容器高度增加9像素,而低于1024像素时不会,我不知道这个机制的原因是什么,我猜可能是Wordpress设计师觉得图片太长了之后,应该给出一个间隔空隙,让阅读者知道这个图片结束了。而这个机制我没找到在哪,于是我的思路是自定义一个css,让底部的margin变成-9px,来抵消这自动增加的高度尺寸。我自己的网站测试有效。
具体步骤分两步:
在【自定义】——【额外css】功能中增加一个css,例如:
.harry-longimage {
margin-bottom:-9px;
}
注意上面harry-longimage是我自己起的一个类名,为了防止和系统中的类名冲突,前面注意有一个点【.】绝对不要漏了。
在你要解决问题的文章页中,选中有间隙上面的按个图所在的区块,在右侧区块菜单下的高级录入框中写上harry-longimage。问题就解决了。
注意:这次前面绝对不要有点
点击工具栏文件选项,点击页面设置,选择页边距,在右滚动条上下调整数据,即可完成修改文章页的右侧。
在我们开始之前,打开 Xampp Control,主题文件夹,Firefox 浏览器,IE 浏览器,index.php和style.css这两个文件。
第一步:设置页面总体宽度
需要把现在主题中的所有的东西(header,container,sidebar 和 footer)放入一个 自己想定义的宽度 的 DIV 标签中。
在 body 之后增加:div id=”wrapper”
在 /body 之前增加:/div
在 style.css 文件中输入以下代码:
在 CSS,# 号是通过 id 来定位页面中的元素,而点号是通过 class 来定位页面中的元素,如果你的代码是 div class=”wrapper”,那么就应该用 .wrapper 来替代 #wrapper 去定位wrapper 这个 DIV 标签。
同时保存 index.php 和 style.css 文件。刷新 Firefox 和 IE 浏览器(按 F5)查看所做的改动。
第二步:自动页面居中
把 body{} 中的 text-align: left; 改成 text-align: center;。
为什么?(我假设你使用的是 Firefox 和 Internet Explorer 6)。你的布局可能你看起来是正确的,但对于使用早前版本的 IE 用户可能不正确。还记得设置左边和右边的页边空白为自动是居中吗?但是这并不是对所有的 IE 都适用,所以 body{ text-align: center; } 是让 wrapper DIV 居中在旧版本 IE 的一种解决方案。
(随便说一下,在 Firefox 和 IE 中文本大小是不同的,我们稍后解决。)
第三步:设置 header 宽度和布局
让 Header 浮到左边并且设置它的宽度为 750px:(输入心中想要的宽度)
第四步:设置 Container 宽度和布局
让 Container 浮到左边并且宽度为 500px:(输入心中想要的宽度)
第五步:设置 Sidebar 宽度和布局
让 Sidebar 浮到左边,宽度为240px,并且给它灰色的背景:(输入心中想要的宽度)
#ffffff 是白色而background: #eeeeee; 是非常浅的灰色。我们给侧边栏增加一个背景颜色只是去查看当增加剩下的 10 像素之后的不同之处。
第六步:设置 Footer 的宽度和布局
让 Footer 浮到左边,左右两边都没有东西,并且宽度为:750px:(输入心中想要的宽度)
Header 和 Footer 的样式有什么区别呢?答案是 footer{} 中有 clear: both;。它在那儿使得 Footer 不能和它上面的东西(如 Sidebar 或者 Container)连接起来。
保存并刷新浏览器。
第七步:给侧边栏增加其余的 10 像素
给侧边栏增加其余的 10 像素的页边空白。现在侧边栏的 CSS 应该是:
保存并刷新浏览器去查看 10 像素的空白增加到侧边栏的左边了。
margin: 0 0 0 10px; 具体的意思是:上边空白为0,右边空白为0,底部空白为0,左边空白为10像素。当大小为0的时候,px 单位不是必需的。
第8步(额外的步骤):修正 IE 的双倍页边距 bug
Internet Explorer 有个双倍页边距的 bug,这样在 IE 下,我们的页面距就是 20像素,20像素的页边距可能会破坏布局并把侧边栏挤到页面的底部,因为一个20像素的页边距使得 Container 和 Sidebar 的宽度之和为 760px 而不是 750px。为了解决这个问题,增加 display: inline; 到侧边栏。现在你的侧边栏应该是:
现在的 index.php 和 style.css 文件应该和教程源代码文件夹中的 index-lesson-11.txt 和 style-lesson-11.txt 一致了。