WordPress 技巧

标签: wordpress 技巧 | 发表时间:2013-06-10 11:18 | 作者:moubenmao
出处:http://blog.csdn.net

WordPress字体设置方法详解

         WordPress开源程序功能越来越强大,未来我们不仅仅可以使用wordpress制作个人博客,还可以使用wordpress程序制作CMS内容管理系统。很多 Wordpress主题SEO优化的非常好,而且还附带了一些adsense广告位置,让不懂SEO以及代码修改的朋友轻松解决博客优化以及广告位放置问题。由于大多数比较好的wordpress主题都是国外网友编写,按照英文网站的字体设置一般都是默认文章内是12px,中文字体我们常用的字体大小都是14px,因此我们需要对wordpress主题进行字体设置,本文详细介绍wordpress字体设置方法。

域名空间绑定过后,就需要上传我们的wordpress程序,然后进入后台选择一款你喜欢的wordpress主题(不会的人可以参看 WordPress主题安装方法完全介绍)。点击后台左侧外观菜单下面的编辑按钮,就可以进入你选择的wordpress主题的样式修改,这里要注意的地方就是有的主题只有一个样式文件,那就是style.css,有的主题还会拥有另外一个样式文件,我的博客程序就有两个样式文件,一个是default.css,还有一个是style.css。还有一些主题比较特别,样式文件很多,这里就不再一一列举。

WordPress字体设置主要就是修改CSS样式文件。一般我们需要修改的就是字体大小font-size和字体家族属性font-family。

font-size属性可设置字体的尺寸,该属性设置元素的字体大小。注意,实际上它设置的是字体中字符框的高度;实际的字符字形可能比这些框高或矮(通常会矮)。一般我们把body正文的font-size设置成14px,对应的h1、h2等等属性都按照比例放大。

font-family 规定元素的字体系列。font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。也就是说,font-family 属性的值是用于某个元素的字体族名称或/及类族名称的一个优先表。浏览器会使用它可识别的第一个值。中文网站的font-family一般设置成:

?
1
font-family:宋体,微软雅黑,Arial,Verdana,arial,serif;

因此我们打开CSS样式文件,在里面找到body,然后将font-size修改成14px,找到font-family修改成我们需要的字体,这样就完成了wordpress字体设置。

实际上,因为wordpress主题中的CSS样式文件有很大差别,设置也不是这么简单,我们需要找到各处的font-size进行修改。比较标准的wordpress主题都会设置一个body字体样式,然后后面的字体样式都是按比例缩放,因此我们修改完body,然后可以查看博客的显示,如果对某个地方的字体样式不满意,可以点击右键查看网页源代码,找到对应的样式class,然后在css样式文件中进行修改。

本文列举了wordpress字体设置方法,对于html代码一点都不懂的朋友可能修改起来比较困难,因此七叶草建议最好能够看一些html以及CSS样式相关的书籍,修改起来就非常容易。



在国内,我们的排版习惯是在每的段落首行的开头,自动缩进两个2格。可不知道为什么,大多数的WordPress博客主题作者制作主题的时候,都没有把正文内容段落的首行缩进两格,笔者的也是这种情况,但是这并不需要多大的功夫。段落首行缩进两格,可以让文章整体看起来更加条理,读者阅读得更加轻松,这便是网站高手们常说的用户体验了。实现正文段落首行缩进功能的方法很简单,笔者根据自己的修改过程总结了一些小经验,在这里分享给大家!

首行缩进方法介绍:
主要是通过CSS代码为WordPress博客正文段落添加首行缩进的样式。这里需要注意的是,每个WordPress博客主题作者使用的CSS样式类名都不一样,但是方法是一样的,都是给段落的标记P进行2em的缩进,就是p{text-indent:2em;}。为了给大家做一个都适合的方法,我会具体教大家如果查找修改,可能需要您有一点CSS知识,不过也是即学即用的。

实现的方法步骤:
先打开您一个文章页面,右键查看源代码,找到到您文章内容的第一个字,找到最近的第一个未闭合的<div 标记(即第一个没有</div>结尾的标记),记下它的ID号或者Class号。个人推荐使用谷歌浏览器的审查元素的功能,你可以即时查看目前源代码所修饰的相应文本(相应部分会高亮显示),你还可以在右边即时修改代码,并看到相应的效果,并且还可以找到不能另存为的背景图片哦!

登陆自己的WordPress博客,点击“外观”选项卡下的“编辑”选项进入主题编辑界面(可以把需要修改的主题文件下载到本地进行修改)
选择style.css文件进行编辑,在样式文件中找到正文内容的CSS样式,找到该样式的派生选择器p,在派生选择器p中添加首行缩进代码text-indent:2em;,如果已经对p进行了定义,那只要在}前加text-indent:2em; 。完整的代码如下:
比如 #content .post p { color:#666; margin-bottom:7px; text-indent:2em;}
如果没有派生选择器p,可以为其添加一个,代码如下:
#content .post p {text-indent:2em;}
提交更新文件,刷新页面,WordPress博客正文内容段落实现首行缩进了。
提醒:其实这是很简单的CSS知识,建议不会的博主们学习一下基础的CSS知识。还可以学些简单的HTML知识,这些知识对自己运营网站,修改风格什么的都是很有用处的。


WordPress自带TinyMCE编辑器使用技巧大全完整版


自从用上WordPress以来我不知道换了多少个后台编辑器了,从FCKEditor到CKeditor,甚至还有一些名不见经传的CodeRenderUnmi和WLW、FE editor等等,用来用去发现有些功能确实强大,但是要想用着顺手就必须修改很多东西,而且一旦WordPress或者插件本身自己升级,那些修改过的东西就必须重新再设置一遍,相当麻烦;要不就是一些离线的编辑器,复制来粘贴去的也很费心。到现在,我依然觉得,WordPress自带的编辑器才是最强大且实用的!

正所谓“自此精修,渐进于无剑胜有剑之境”,抛开那些个浮夸的编辑器,回到WordPress自带的TinyMCE编辑器上来,要知道,WordPress自身也在不断的强大,每一次升级对自带编辑器的改动都是很实用的,不仅将多媒体功能融合到了一起,而且给人的感觉是越来越干净利落,从此我们也可以看到官方对自带编辑器TinyMCE的重视程度。下面我将我自己对自带编辑器TinyMCE的修改方法贴出来,所有代码只需写到主题里的functions.php文件里,即使日后升级WordPress也不需要重复操作。

更改编辑器默认视图为HTML

大家都知道,在后台新建文章后,编辑器就自动跳转到“可视化”视图,对于一些经常要插入代码或者WEB设计者们来说(我就是^_^),可能更习惯使用HTML视图手动编辑。而且,像CKEditor在可视化视图下编辑本来没有<p>或<div>标签,但切换到HTML视图之后就会自动添加,当然这是CKEditor的自动设置无可厚非,但是在日后想要重新编辑一篇发表过的文章时就会头疼了,因为CKEditor会自作多情的生成很多冗杂或混乱的代码,保持代码的干净整洁非常不便(当然你要想凑合着用也不会对实际显示效果有很大改变,但会对网页结构减分)。

设置方法:将以下代码添加到主题的functions.php文件里即可:

add_filter('wp_default_editor', create_function('','return "html";'));

添加编辑器默认内容(编辑器内可见)

新建文章后编辑器里的内容默认是空的,有些朋友做的是WordPress主题站、插件站或单纯的下载站,一些标准的格式化的文章每次都会输入“主题名称”、“主题作者”、“下载地址”等内容,添加默认内容之后,这些重复性的工作以后再也不用了,一切都预定义好了。而且如果发表文章不需要这些预定义的内容,只需要全选-Delete就ok了,并不会很麻烦。

设置方法:在主题functions.php文件添加以下代码即可:

function insertPreContent($content) {

if(!is_feed() && !is_home()) {

$content.= "<div class='wpohome'>";

$content.= "<h4>WordPress网站优化之家</h4>";

$content.= "这里的预定义内容在编辑器可见<a href='http://www.***.com'>WordPress网站优化之家</a>";

$content.= "</div>";

}

return $content;

}

add_filter ('default_content', 'insertPreContent');

添加编辑器默认内容(编辑时不可见)

此方法添加的内容在发布文章时自动添加在内容的最后,在编辑的时候是看不见的,用于添加订阅、文章版权信息等等。

设置方法:在主题functions.php文件添加以下代码即可:

function insertFootNote($content) {

if(!is_feed() && !is_home()) {

$content.= "<div class='wpohome'>";

$content.= "<h4>WordPress网站优化之家</h4>";

$content.= "这里的预定义内容在编辑器可见<a href='http://www.***.com'>WordPress网站优化之家</a>";

$content.= "</div>";

}

return $content;

}

add_filter ('the_content', 'insertFootNote');

添加更多的HTML标签(慎用)

此功能请慎用,因为WordPress自带的TinyMCE编辑器会默认过滤掉不符合XHTML 1.0中的html标签,如《br /》、《iframe》等。但不排除某些情况下也可能会用到这些标签,所以把方法放出来供大家参考吧。

添加方法:将以下代码粘贴到主题的functions.php文件里即可:

function fb_change_mce_options($initArray) {

$ext ='pre[id|name|class|style],iframe[align|longdesc|

name|width|height|frameborder|scrolling|marginheight|

marginwidth|src]'; //注意:格式为“标签一[属性一|属性二],标签二[属性一|属性二|属性三]”

if ( isset( $initArray['extended_valid_elements'])) {

$initArray['extended_valid_elements'].= ','. $ext;

} else {

$initArray['extended_valid_elements'] = $ext;

}

return $initArray;

}

add_filter('tiny_mce_before_init','fb_change_mce_options');



作者:moubenmao 发表于2013-6-10 11:18:32 原文链接
阅读:177 评论:0 查看评论

相关 [wordpress 技巧] 推荐:

WordPress 技巧

- - CSDN博客互联网推荐文章
WordPress字体设置方法详解.          WordPress开源程序功能越来越强大,未来我们不仅仅可以使用wordpress制作个人博客,还可以使用wordpress程序制作CMS内容管理系统. 很多 Wordpress主题SEO优化的非常好,而且还附带了一些adsense广告位置,让不懂SEO以及代码修改的朋友轻松解决博客优化以及广告位放置问题.

15+ 实用 WordPress 技巧

- - IT技术博客大学习
标签:   WordPress. 这些教程来自芒果的另一个博客 WPCN,原本打算收集一些 WordPress 奇技淫巧,不过精力有限维护不过来,予以关站处理. 这里就将之前的文章综合整理下,供各位博友尽情收藏. 1、为文章页面自动添加描述信息. 将以下代码粘贴到 functions.php 文件:.

13 个 WordPress 提速技巧

- - 我爱水煮鱼
性能是一个网站成功的非常关键因素,任何人都不喜欢访问速度超慢的网站. WordPress 的开放性造就 WordPress 有着成千上万的插件,使得 WordPress 比以其他 CMS 程序更受欢迎,但是开放也在一定程度上使得 WordPress 的性能不是很好,所以当你发现你的 WordPress 站点性能很差,你应该尝试通过下面的方式去优化它:.

WordPress的SEO优化技巧

- - 氪星人
随着搜索引擎大兴, 排列在前的网站引入大量流量. 无论是搜索页面的广告还是查出来的结果, 与搜索者的目标匹配度都比较高 (如果搜索引擎足够智能), 所以通过搜索引擎而来的访客很可能会从网站上得到他想要的东西, 并记住这个网站. 也就是说, 搜索引擎会带来很多有价值的流量, 所以花点时间针对搜索引擎优化一下 WordPress 博客也是值得的.

WordPress 技巧:如何彻底关闭 Trackbacks

- - 我爱水煮鱼
什么是 Trackbacks. Trackbacks 是 Web 2.0 发展初期的产物,你在自己的博客引用别人的日志,那么在发表完日志之后,对方的博客就会自动在你所评论的日志评论区添加你的引用信息,其他人就可以很清楚看到你的引用,并且方便地点击就可以来看你的文章,所以 Trackbacks 就成为了博客之间一种通讯的机制和协议,可以看到别人是如何看待自己的日志.

13个WordPress技巧和教程的网站

- 阿德 - cnBeta.COM
WordPress即使不是世上最流行,那也是数一数二的开源博客和内容管理系统. 有超过250万的网站和博客采用这款屡获奖项的网络软件. 并且WordPress的潜在用户群也在日益扩张,他们中不乏开发者、设计人员、投稿人和自由作家这些独具技术和知识的群体. 我自己的自由职业业务也有超过9成与 WordPress多少有关系,并且我发现为客户提供高质量、经济实惠的个性化的WordPress网站会快速增加我的业务.

SEO 技巧:通过赞助 WordPress 主题快速提高网站排名

- - 我爱水煮鱼
现在网上有很多免费的 WordPress 主题下载,这些免费主题中的一大部分是含有付费链接的,并且 footer.php 是加密的,这些链接就是 WordPress 主题赞助商链接. 通过赞助 WordPress 主题,快速增加网站反链,可以对网站进行搜索引擎优化(SEO),提高网站在搜索引擎中的排名.

WordPress SEO 宝典

- luckerme - 我爱水煮鱼
最基本的搜索引擎优化(SEO)是很简单的,而 WordPress 程序本身的一些优势使得 SEO 变得更加容易,比如我爱水煮鱼有超过 70% 的流量来自搜索引擎,所以做好 SEO 就是流量的保证,这篇文章就给大家介绍下在 WordPress 博客中最基本的一些 SEO 要求,希望能够帮助到你. 简单来说 SEO 分为页面优化和链接建设两大部分,页面优化是基础,而链接建设则是重点,两者缺一不可.

WordPress 相关日志插件:WordPress Related Posts

- - 我爱水煮鱼
我们知道 WordPress 使用的 MySQL 数据库默认是不支持中文分词,所以在中文情况下产生相关日志的最好方法就是通过 Tag,而. WordPress 2.3 版本开始 WordPress 内置了 Tag 的支持. 所以根据日志含有相同的 Tag 数越多,就认为日志相关性越强,所以我根据这一原理开发了 WordPress Related Posts 这个插件,最新版已经由 Zemanta 接手继续开发了.