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

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

例如这段代码:<p><img class="wp-image-38 aligncenter" style="text-align: center;" src="http://localhost/wp_kumarachips/wp-content/uploads/2016/08/20131124183273717371.jpg" alt="20131124183273717371" 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文件就可以正确的对图片进行操作了。

时间: 2024-11-09 02:58:40

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

解决WordPress后台安装主题、插件图片不显示的问题

今天搭建wordpress发现现在主题的时候预览图片都没有了,于是搜索了一下,发现下面的这个方法确实管用,于是转载收藏. 有在WordPress后台安装主题.插件的小伙伴可能会遇到主题.插件图片不显示的问题,这给我们照成了不便.说到底还不是墙的问题,所以咱可以通过修改本地的hosts文件来决解. 决解方法 打开C:\WINDOWS\system32\drivers\etc目录里的hosts文件,将以下代码追加到hosts文件尾并保存,代码来自 Uazoh优佐生活 #wpCDN 93.184.21

(Android Studio)ActionBar&#39;s Theme/Style [ActionBar主题风格修改]

默认theme代码如下: 运行结果: 视觉效果:ActionBar为Dark,其余文本为Light. 将theme改为Light: 运行结果: 视觉效果:ActionBar和文本都为Light. (Android Studio)ActionBar's Theme/Style [ActionBar主题风格修改]

(转)WordPress常用模板函数 修改或自制WordPress主题必备

对于很多WordPress新手来说,不懂任何代码的情况下去瞎改WordPress主题,得出的效果往往会出现语法错误之类的东西或效果不尽人意.想要修改 WordPress主题模板文件最基本的当然要懂得HTML代码,熟悉DIV+CSS布局,PHP代码也得略懂一二. 不过一些比较简单易懂的代码和函数,学习起来并不难,用多改多了你就会记得它,同时这些基本的代码和函数对于一个WordPress 修改主题新手来说尤其重要,当然,我这里说所的是相对有兴趣修改WordPress主题模板的新手,注重网站内容的新手

【wordpress】wordpress自定义主题

wordpress每个主题至少要有这两个文件 – style.css 和 index.php. index.php 告诉主题中所有的元素如何布局; style.css 则告诉主题中所有的元素该如何展示,以及它们的样式. 几个名词: Template(模板) 其实就是一个代码集,主题中很多地方会利用到这个代码集,所以把它们整合成一个模板,这样就就不必一遍遍输入这些重复代码. Template file(模板文件) 一个包含一个或者多个代码集(模板)文件.每个主题是由多个模板文件组成的,比如:ind

WordPress英文主题不显示中文的原因:Cufon字体特效

经常会有WordPress英文主题不显示文章标题,其原因是英文主题设计者喜欢用Cufon字体特效,从而导致中文无法显示,Cufon字体特效js代码主要是将文字以图片的方式显示出来,但是其缺点是:只支持英文字符和数字,其他文字只能和他说拜拜了,中文也不例外,下面我们看看Cufon字体特效究竟是何方神圣. 什么是Cufon? Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库(cufon-yui.js). 为什么要用Cufon 在web

【转载】总结一下Android中主题(Theme)的正确玩法

http://www.cnblogs.com/zhouyou96/p/5323138.html 总结一下Android中主题(Theme)的正确玩法 在AndroidManifest.xml文件中有<application android:theme="@style/AppTheme">,其中的@style/AppTheme是引用的res/values/styles.xml 中的主题样式,也有可能是引用的 res/values-v11/styles.xml 或者 res/v

总结一下Android中主题(Theme)的正确玩法

在AndroidManifest.xml文件中有<application android:theme="@style/AppTheme">,其中的@style/AppTheme是引用的res/values/styles.xml 中的主题样式,也有可能是引用的 res/values-v11/styles.xml 或者 res/values-v14/styles.xml,这是根据运行此程序的手机系统来决定的,如果手机系统的API版本是11以上就是v11/styles.xml,以

Android 样式 (style) 和主题(theme)

转载:https://gold.xitu.io/post/58441c48c59e0d0056a30bc2 样式和主题 样式是指为 View 或窗口指定外观和格式的属性集合.样式可以指定高度.填充.字体颜色.字号.背景色等许多属性. 样式是在与指定布局的 XML 不同的 XML 资源中进行定义. Android 中的样式与网页设计中层叠样式表的原理类似 - 您可以通过它将设计与内容分离. 例如,通过使用样式,您可以将以下布局 XML: <TextView android:layout_width

Struts2的模板和主题theme及自定义theme

Struts2的模板和主题theme及自定义theme 标签: struts2 2016-03-29 11:22 190人阅读 评论(0) 收藏 举报  分类: javaweb(8)  Struts2提供了三种主题,ajax, simple, css_xhtml,xhtml,它默认的是xhtml主题,开发时我们一般都选simple.因为Struts2所有的UI标签都是基于主题和模板的,主题和模板是Struts2所有UI标签的核心.模板是一个UI标签的外在表示形式,例如:当我们使用<s:selec