分类目录归档:WordPress

960 Grid System 基本原理

先说一点需要注意的:不要编辑960.css文件,如果你修改了它,那么你今后将无法更新这个框架。

发表在 WordPress | 留下评论

960 Grid System使用

960 Grid System(简称960 GS)是一种基于网格的布局框架,使用它可以极大地简化页面的布局工作。在Web工程里引入960.css,你就可以安心使用其定义的各个class了。除了这个必须引入的文件,960 GS提供的下载包中还有两个css文件值得一提:reset.css和text.css。这两个文件的主要作用是为了消除浏览器间显示差异准备的,前者消除了html标签在各浏览器间的差异,而后者则主要针对的是字体。

发表在 WordPress | 留下评论

wordpress换域名搬站

将一个wordpress站由worklog.ctdz8.com移到worklog.ctdz.com.cn:   1、倒出数据库 mysqldump –uusername –ppassword db_worklog > worklog.sql 2、替换数据库中的域名 sed ‘s/worklog.ctdz8.com/worklog.ctdz.com.cn/g’ worklog.sql >worklog1.sql 3、将worklog1.sql和wordpress目录拷到新地点 4、新机器恢复数据库 mysql –uroot –p CREATE DATABASE IF NOT EXISTS db_worklog; GRANT ALL PRIVILEGES ON db_worklog.* TO “username”@”%” IDENTIFIED BY “password”; mysql –uusername –ppassword db_worklog <worklog1.sql  

发表在 WordPress | 留下评论

wordpress的百度优化

加入百度ping 在wordpress后台,设置->撰写中,有一个更新服务,加入:http://ping.baidu.com/ping/RPC2 这样,当文章更新之后,就会主动通知百度   避免重复内容 WordPress的存档页和日历页等,对百度来说是多余的,因为这项页面内容在其他网页中都是有的,Google能很好的识别出来,不收录他们,但是百度会收录,而且会认为你的网页内容重复。 解决方案是在robots.txt中禁止这两类页面,示例如下: User-agent: *Disallow: /wp-*Allow: /wp-content/uploads/Allow: /wp-content/downloads/Disallow: /*.php$Disallow: /*.inc$Disallow: /*.js$Disallow: /*.css$Disallow: /?Disallow: /feedDisallow: /*/*/feedDisallow: /trackbackDisallow: /*/*/trackbackDisallow: /index.php?Disallow: /index.php/Disallow: /date/Disallow: /page/   User-agent: * 表示对所有的搜索引擎都采用下面的规则; Disallow: /wp- 不允许Google/百度spider抓取和索引wp-开头的文件及目录,如wp-login.php,wp-admin目录等均被阻止; Allow: /wp-content/uploads/ 因为在上一条将wp-content目录屏蔽了,这样Google图片搜索和百度就无法访问放在/wp-content/uploads/目录下的图片,为了能使Google图片搜索收录图片等附件,将这个目录设置为Allow; Disallow: /? 禁止搜索引擎spider索引以?开头的网址,也可以一条一条写: Disallow: /?p=       … 继续阅读

发表在 WordPress | 留下评论

网页设计中的默认字体样式详解

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置,这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致,于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。 拿字体来说,各个浏览器默认的字体种类、字体大小和字体行高都不一样,比如IE8的中文版在Windows XP下显示网页时默认字体是宋体,而英文版肯定不会如此。所以我们需要统一设置默认的字体样式,以便实现一致的显示效果来保证设计的一致性和提高开发效率。 样式优先级通常用户看到的页面的样式会受到三层控制: 第一层是浏览器的默认样式第二层是网页定义样式第三层是用户自定义样式 和CSS一样,后面的优先级高于前面的,也就是说网页定义样式可以覆盖浏览器的默认样式,而用户自定义样式优先级最高。不过,当有 !important 时,网页样式可以覆盖用户自定义样式。用户!important > 网页!important > 用户 > 网页 > 浏览器默认。 字体:arial我们页面的绝大部分内容字符都是中文,毫无疑问目前为止在网页上最常用也是最通用的显示中文的字体是宋体,但是宋体在显示英文、数字和英文符号时过于糟糕,比如©字符,所以我们一般期望通过CSS来实现用更好的字体样式来显示它们,然后用宋体来显示中文和中文符号。 之所以选择arial是因为:Windows和Mac都预装了这款字体,应该是使用最广泛的网页字体了。它的潜在对手tahoma和helvetica就没有这么幸运了。视觉设计的专业人士可能会认为在Windows中使用tahoma、在Mac中使用helvetica更好,比如淘宝的默认字体样式是: font: 12px/1 Tahoma, Helvetica, Arial, “\5b8b\4f53″, sans-serif; 这是一个很不错的选择,但是你也会发现Google、YAHOO、Youtube、Bing甚至MSN的新版都使用arial作为第一默认字体。所以从美观和可读性上来讲arial应该是完全可以接受的。一般情况下设置font-family都会在最后设置通用字体足以保证其安全性,比如Google的设置为: font-family:arial,sans-serif; 但是至少在非中文版的Win7下当编码是GBK时,IE8会因sans-serif来渲染宋体,导致字体出现变形,这就是为什么淘宝需要在sans-serif前加上宋体而Google无需这样做的原因。因为中文字体的选择非常有限,所以目前所有的主流浏览器都设置使用宋体来显示中文。Baidu的首页和搜索结果页使用font-family:arial;可以从侧面说明这样做的安全性。可能有人注意到Firefox中国版默认显示的中文字体是微软雅黑,这是因为谋智网络擅自修改了用户自定义样式,不允许网页的样式覆盖浏览器设置的样式。也是由于类似的情况,我们要弹性设计网页非常重要。使用英文字体作为第一默认字体会导致的问题之一就是中英文以及符号混排时的对齐问题、通过设置行高和hasLayout能解决绝大部分情况,但是都不会很完美,如果把字体改成“宋体”能彻底的解决问题。很明显,这个问题只出现在IE上。所以,如果你的网站很少使用英文、数字和英文符号,那么直接设置 {font-family:\5b8b\4f53;} 也是很合理的选择。 大小:12px12px是宋体能显示的极限,虽然微软雅黑能显示更小的字体,但目前的应用环境尚未成熟。由于宋体基本上是目前显示中文唯一的通用Web字体,所以12px成为最常用的字体大小。我们当然可以依据产品的需要来修改这个默认值。不用考虑基于字体大小(em)的设计。在Chrome3.0之后的中文版中,字体大小最小值是12px,比如你设置最小字体为10px,最后也变成12px。行高:1.5倍这是一个经验值,不同的产品对这个值要求可能不同,但我们一般会设置最常用的为默认值。比如YUI的font中是 font:13px/1.231 arial,helvetica,clean,sans-serif; 即字体大小默认值是13px,行高是13*1.231=16.003px,默认的行高是默认字体的1.231倍。对于中文来说,常用的字体大小12px、14px、16px、18px等偶数大小,在IE6和IE7设置其行高也为偶数能解决一些特殊情况下的字体对其问题。在IE6和IE7中,行高值必须大于字体的2px才能保证字体的完整显示或当其作为链接时能有效显示下划线。设置line-height时,注意不要使用单位(包括%在内),因为子节点会继承经过运算后的line-height值,所以当使用单位后浏览器会把line-height计算成第一次定义的绝对值,而不会随着字体大小的变化而变化,而无单位的数值表示是所在容器的font-size的倍数,所以设置为无单位的数值是最佳选择。深入CSS 行高非常有利于理解line-height,值得一读。性能和效率大部分平台都有arial,减少浏览器的查找时间。代码最少,书写方便。arial基本上是名字最短的字体了,可以节约CSS的大小。所有的字母都小写,目前Google就是这样做的,好处是既可以编写更快也能提升Gzip压缩的效率。中文最好用unicode表示,比如使用宋体是 {font-family:\5b8b\4f53;} 使用微软雅黑是 {font-family:\5fae\8f6f\96c5\9ed1;} 这样的好处是避免编码问题,同时能得到所有的主流浏览器的支持。使用正确的字体种类写法,避免使用引号,这样可以缩小CSS的大小。中文字体可以按上一条方式来编写。未来通过对中英文及符号混排的测试, 我发现微软雅黑其实表现相当不错,包括英文数字和英文字符以及在IE6和IE7的显示效果上,但唯一的遗憾是在XP下如果安装了微软雅黑字体的用户没有打 … 继续阅读

发表在 WordPress | 留下评论

本站备忘录

这个是给自己看的 关于首行缩进: 如果需要首行缩进,这么干: <div class=”indent”> 要首行缩进的段落 </div> 这是因为在style.css中做了这样的CSS样式: #content .indent p { text-indent: 2em; } 插入源码: 安装了WP-Syntax插件,用下面的方法插入源码: <pre lang=”lang” escaped=”true”> </pre>

发表在 WordPress | 留下评论

wordpress主题文件查找规则

主页: home.php index.php 文章页: single-{post_type}.php – 如果文章类型是videos(即视频),WordPress就会去查找single-videos.php(WordPress 3.0及以上版本支持 single.php index.php 页面:: 自定义模板 – 在WordPress后台创建页面的地方,右侧边栏可以选择页面的自定义模板 page-{slug}.php – 如果页面的缩略名是news,WordPress将会查找 page-news.php(WordPress 2.9及以上版本支持) page-{id}.php – 如果页面ID是6,WordPress将会查找page-6.php page.php index.php 分类: category-{slug}.php – 如果分类的缩略名为news,WordPress将会查找category-news.php(WordPress 2.9及以上版本支持) category-{id}.php -如果分类ID为6,WordPress将会查找category-6.php category.php archive.php index.php 标签: tag-{slug}.php – 如果标签缩略名为sometag,WordPress将会查找tag-sometag.php tag-{id}.php – … 继续阅读

发表在 WordPress | 留下评论