WordPress部分主题(Theme)修改图片位置无效解决方案及解释

WordPress提供了大量的主题供使用,同时你也可以自己制作网页并且导入WordPress成为你自己的主题,以方便后期管理(将WordPress当成CMS使用)。然而有的人发现,把图片导入WordPress后,使用WordPress自带的图片管理,对图片位置进行操作,在CSS中,确实应用了,但是却没有效果。

例如这段代码:<p><img class="wp-image-38 aligncenter" style="text-align: center;" src="xxxx.jpg" alt="xxxx" width="464" height="327" /></p>

可以看到,在这段代码中,style已经设置成了text-align:center,但是为什么没居中呢。是因为,在WordPress中,图片的位置控制不是通过in flie的css控制的,他是通过主题自带的style.css文件控制,大家可以看到,在上面那段代码中,图片的class被设置成wp-image aligncenter.重点就在这个aligncenter,有些主题或者自己创建的主题的css文件中,没有对这个class进行操作,所以无论如何,图片的位置都是不会改变的。

解决方法:

打开wordpress->wp-content->themes->主题文件夹->style.css文件,在文件的最后面添加:

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

这样,style.css文件就可以正确的对图片进行操作了。

 

相关推荐

微信扫一扫,分享到朋友圈

WordPress部分主题(Theme)修改图片位置无效解决方案及解释
返回顶部

显示

忘记密码?

显示

显示

获取验证码

Close