如果你遇到的问题是所传的图片高度超过1024的话,我这个解决方案可能适合你。
网站建设哪家好,找创新互联!专注于网页设计、网站建设、微信开发、小程序制作、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了华容免费建站欢迎大家使用!
我今天发现当图片高度超过1024时,图片的上级容器会自动把容器高度增加9像素,而低于1024像素时不会,我不知道这个机制的原因是什么,我猜可能是Wordpress设计师觉得图片太长了之后,应该给出一个间隔空隙,让阅读者知道这个图片结束了。而这个机制我没找到在哪,于是我的思路是自定义一个css,让底部的margin变成-9px,来抵消这自动增加的高度尺寸。我自己的网站测试有效。
具体步骤分两步:
在【自定义】——【额外css】功能中增加一个css,例如:
.harry-longimage {
margin-bottom:-9px;
}
注意上面harry-longimage是我自己起的一个类名,为了防止和系统中的类名冲突,前面注意有一个点【.】绝对不要漏了。
在你要解决问题的文章页中,选中有间隙上面的按个图所在的区块,在右侧区块菜单下的高级录入框中写上harry-longimage。问题就解决了。
注意:这次前面绝对不要有点
WordPress 11款纯CSS主题推荐
1、MiniWP
国人开发的一款纯CSS WordPress主题,无图片,无用JS,完全CSS+xhtml构建,很轻巧,全部文件加起来不到40K大小,兼容IE6/IE7/Safari3/Firefox/Opera9.5浏览器。
2、CryBook
CryBook主题,使用了一JS。该主题最大的特色是在首页可以手动置换五种颜色,分别是红色、粉红色、蓝色、紫色、绿色。支持评论分页和嵌套回复,预置广告位和Google Analytics代码接口。
3、greyville
灰白色风格,ajax、widgetized,经典的布局。
4、inpad
有三种颜色供切换,在后台设置颜色切换和屏宽大小。支持嵌套/@评论回复,支持Widget。不用任何插件也可正常使用。
5、prowerV3
国人开发的一款很受欢迎的纯CSS主题风格中,这是Prower系列主题的第三版,与前两版相似的是依然是走的简洁风格路线,这一版的主题比前两版更简洁更快速,简洁到只在RSS订阅图标使用了一个图片。
6、pureCSS
由 WordPress 主题设计爱好者非著名设计师 Leslie 设计,Yixia 编码,支持 Widget,通过 CSS 和 XHTML 验证,在 IE6 / 7,FF2 / 3 等浏览器表现一致,不需要任何插件支持。
7、RBcss
RBcss主题由 Mars Lau 设计,两栏;黑红色;支持Widget;支持Gravatar;通过 XHTML 1.1 和 CSS 3 验证;兼容IE6、IE7、IE8、Firefox、chrome等浏览器。
8、Simple-Lines
完美支持原生嵌套回复,可直接进后台讨论,勾选“嵌套”“分页”;预设所有侧边栏小工具样式,可在后台主题小工具直接拖拽;对IE6做了大量HACK,目前各大浏览器完美显示;
9、Woogle
该主题仿谷歌的搜索引擎,用了两张图片,一张是网站的LOGO,还有一张是底部的分页。
10、zDark
一款纯CSS纯黑色的Wordpress主题。
11、GWthem
经典两栏宽屏主题,很清爽干净。该主题没有导航栏,但预置了WP Page Numbers插件。
以上主题如找不到下载,可点击下载WordPress纯CSS主题。
(详情看资料,贴不上图 不好意思) 都是些纯css,简单?都很强大。
WordPress博客程序是使用人数较多的建站程序,实操的时候很多新手不知道应该把主题和插件放到哪里。加上服务器、虚拟主机等每家都有些许差别,所以总有新同学在这里蒙圈。所以本文中老魏就把这两个地方简单说下。
一、网站根目录在哪
使用 ftp软件上传的话,常会遇到两种情况,比如虚拟主机的根目录在 htdocs/ (阿里云虚拟主机)或者 public_html/ (siteground)目录下面(不代表全部主机商家),网站文件是存放在这个目录里面 ;
服务器根据使用的环境面板不同,在 /home/wwwroot/ (军哥lnmp)或者 /www/wwwroot/ (宝塔面板)目录下面,其他面板去 /home/ 或 /www/ 一类的目录下面,基本就能找到。是在不懂还可以参考官方文档。
二、主题目录放哪
主题是 wordpress的皮肤,和网游的人物皮肤含义有点相似。不同皮肤赋予人物不同的职业,穿斗篷拿权杖叫法师,穿铠甲拿旋风斧的叫战士。不同主题赋予 wordpress不同使用领域、功能、作用。有的主题用于个人博客,有的主题用于公司网站,有的主题用于新闻资讯等等。
wordpress主题文件夹在 网站根目录/wp-content/themes/主题目录名,比如魏艾斯笔记使用的dux主题就在 /wp-content/themes/dux/ 。
三、插件目录在哪
插件是帮助 wordpress实现各种额外功能用的。有效扩展 wordpress功能,这也是受到全世界欢迎的重要原因。
wordpress插件文件夹在 网站根目录/wp-content/plugins/ 里面安装着多个目录,每个目录名一般就是插件名。
四、管理主题和插件
操作时候,一般是在 wordpress后台找到外观-主题 和 插件来进行后期管理维护。这种属于可视化操作,比较适合大部分人的习惯;
主题设计师、插件设计师则是直接 ftp下载文件到本地,敲敲代码来搞定的。如果有改几行代码的简单操作,我们也可以这么做,不过要提前备份好了,免得改不回去就麻烦了。