前几天,我们曾经给大家介绍了几个 WordPress 2.6 的使用技巧,包括如何在 Win 主机下使用永久链接,如何关闭文章版本管理,如何修复 Cannot modify header information 的 bug 等。今天我们来继续给大家讲解一个 WordPress 2.6 的小技巧,让博客中插入的图片在文章中正常显示。
很多网友可能都注意到了,从 WordPress 2.5 到 WordPress 2.6,WordPress 自带的编辑器又有了些许改进。其中主要的一个变化,就是可以给图片增加 alt 域和 caption 域。其中 alt 域中可以填写图片的简单介绍,告诉搜索引擎该图片的信息;caption 则是告诉读者关于图片的描述。
除此之外,WordPress 还允许你插入图片的时候,设置图片的对齐方式。对齐方式包括“居左”,“居中”,“居右”等几种。当你选择了相应的对齐方式,插入图片到文章的时候,图片就会按照你所指定的设置,出现在文章中的相应位置。
在 WordPress 后台的编辑文章区域,看起来一切正常;但是一旦发布,就会发现在博客中,图片并没有完全按照原来所制定的方案进行显示。道理很简单,WordPress 系统在你编辑文章的时候,给这些图片添加了 alignleft, alignright, aligncentered 等 class 参数,分别实现居左,居右,居中。WordPress 对编辑区域的显示设置了相应的参数;但是大部分主题的样式表里,可能并没有此 class 的显示设置;或者有,但并不完全一样。
因此,如果你希望能在你的博客中显示的图片和编辑区域显示一致的话,需要你在所使用的主题的样式表文件中添加如下代码。注意,一般是指在 /wp-content/thems/xxx/style.css 文件,xxx 代表你的主题所在目录。
img.alignleft, div.alignleft { float:left; margin:0 0.5em 0.5em 0; } img.alignright, div.alignright { float:right; margin:0 0 0.5em 0.5em; } img.aligncentered, div.aligncentered { text-align:center; margin:0 auto; }
这样,图片就能够在你的 WordPress 博客中正常显示了。
-
1 NextGEN Gallery 相册插件修复一个严重的 SQL 注入漏洞
-
2 WordPress 4.7取消图片替换文本回滚功能,改进网站可访问性
-
3 20个你可能还不知道的WordPress隐秘功能(11~15)
-
4 25个最受用户喜爱的免费WordPress插件:第6个~第10个
-
5 如何修复使用SSL证书时WordPress 4.4无法加载图片的错误
-
6 WordPress 4.4新功能:响应式图片
-
7 如何隐藏WordPress网站的文章和页面(非密码保护)
-
8 无需插件的WordPress实用技巧15条(下)
-
9 无需插件的WordPress实用技巧15条(上)
-
10 WordPress网站上线前,你必须完成这5件事
学习了!
我用Dean的那个编辑器。
类似的还有Image Caption,如果主题中没有相关CSS定义的话是无法正确显示的.这个问题我写过一篇日志:http://www.digglife.cn/articles/about-wordpress26-image-caption.html
这个对我有用,呵呵。。。
我直接复制过来的图片不显示,不知道是怎么回事~~郁闷啊
怎么我这不行啊
Pingback: 解决图片在博客中显示不正常的方法 | 高达数字实验室