这里讲述的是怎么修改CSS文件,其实仔细观察Wordpress主题模板代码,不管是index.php首页还是page.php页面,或者single.php文章内页,你会发现,其实大部分主题都只是通过CSS来控制页面布局,页面本身的代码基本相同,特别是一些国外简洁明了的优秀主题更是如此。
当我们要修改某部分样式及结构时,都会直接打开Wordpress主题模板文件或在后台编辑主题,密密麻麻的代码,就是主题作者自己看了也会头晕眼花,所以会经常在关键部位加上一些注释,
php中注释一般为:<!– XXX –>
css中为:/** XXX **/
一般调整比较常见的是页面宽度、文本主体宽度、字体大小、行间距、背景颜色等。通过修改style.css文件都能够达到预期效果(部分主题会指定CSS文件,只需对应找到控制的CSS文件),部分国外主题在functions.php中加入加入大量模板函数,这不是本文讲述的重点。
三、修改Wordpress主题CSS文件
下面以Wordpress默认主题Twentyeleven修改为例
用Mozilla Firefox浏览器打开网站,首先在要修改样式的地方右键单击→查看元素。
此时浏览器自动打开DOM样式探查器
左侧是页面html源代码,右侧这部分就是控制标题文字的CSS属性,当然可以自己琢磨着对照左侧代码进行选择
我们简单地对CSS参数进行调整,可以实时预览效果,不管是字体大小,还是背景颜色都如此。
例如把color: rgb(34, 34, 34);调整为color: rgb(345, 34, 34);你会发现标题颜色发生改变,再加入字体参数font-size: 20px;
font-family: 微软雅黑; 此时发现页面中,文章标题全部都变为微软雅黑字体,字号为20px,红色,调整到满意的效果后,就应该把文件修改进CSS文件里。注意:字体如果是要使用微软雅黑等中文字体时,需要参照CSS中文字体对照表使用Unicode编码
保存方法有二种
一种是对照代码右侧位置style.css:745 用Dreamweaver软件或是记事本打开style.css文件找到第745行代码进行修改。另一种是点击style.css:745自动跳转到样式编辑器,然后选择保存CSS文件。
如何在线编辑Wordpress主题css样式表
首先如下图，登录后台点击外观-编辑-就可以看到主题的css样式表了。主题所有的样式都是写在style.css里面的，今天就以博客文章的字体大小为例做演示。大家都知道，wp的文章是不能修改字体大小的，但是我们可以通过修改主题样式文件来达到修改字体大小的目的。我们只需要在style.css中，找到font-size:100% ...
怎么修改wordpress样式
一种是对照代码右侧位置style.css:745 用Dreamweaver软件或是记事本打开style.css文件找到第745行代码进行修改。另一种是点击style.css:745自动跳转到样式编辑器,然后选择保存CSS文件。
WORDPRESS发表文章如何调用CSS样式呢?
CSS样式都是放在标签对中进行调用，代码如下：<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text\/css" media="all" \/> 你把需要添加的样式在CSS文件里修改好，就可以了 在发表文章时，把编辑窗口切换到html编辑模式就可以使用标签了，对SEO没什么影响 参考资料：...
WordPress 自定义分页代码 css样式要放在什么位置?
wordpress的主css代码在主题根目录下的style.css，不过wordpress同时提供了额外css功能，在外观-自定义-额外css，这里输入新的css代码。在这里可以生效，而不用去改style文件，也可以避免因主题升级导致文件被覆盖丢失修改。
wordpress我主题style.css没有font-family改怎么改字体?
现在你贴出来的css是空的，全是注释。设定全局字体可以在文本最后另起一行或者清空重写：｛font-family: "微软雅黑";｝html, body｛font-family: "微软雅黑";｝
Wordpress 主题修改有关style.css的问题
1.但如果是静态的页面，有个超级简的办法，就是在WORD排版好，制作并生成网页文件，直接使用即可，但这些网页中的代码可读性极差，别问我为什么，这要去跟微Y说了．2.如果硬要用DIV+CSS排成两端对齐，以下参数可以参考下：text-align:justify;. text-justify语法：text-justify : auto |inter-word ...
求助,Wordpress文章列表怎么每隔5行换一个css
5){background:#73B1E0;color:#FFF;}12345 注意如果有父容器，样式的DIV，要改成父容器ID或CLASS再DIV 不过注意，这个IE6和IE7不支持，，，
wordpress如何修改导航菜单的单个菜单的长度
方法：1、按下f12，可以直接对导航的菜单进行定位，儿对应端右侧有css样式 2、修改css样式就可以调制当前导航的样式，修改成自己的记ok了
新建一个WordPress页面模版,调整了一下CSS样式表,其他的页面也都变...
你改的是全局属性，如果只改当前页面，最好是添加新的id或class，新增一个style sheet重新定义
如何把Wordpress全站的字体都设置成某个字体
WordPress字体设置主要就是修改CSS样式文件。一般我们需要修改的就是字体大小font-size和字体家族属性font-family。font-size属性可设置字体的尺寸，该属性设置元素的字体大小。注意，实际上它设置的是字体中字符框的高度；实际的字符字形可能比这些框高或矮（通常会矮）。一般我们把body正文的font-size设置成...
