在wordpress中如何为不同的分类定义不同的头部文件

在wordpress中如何为不同的分类定义不同的头部文件
你是不经常遇到这种情形,你希望对不同的分类运用不同的头部样式?我确定你肯定有这种需求。这里有一些简单有效的解决方案让你能够维布通的主题定义不同的头部样式。如果你需要更细节的内容,你可以去查看wordpress的开发文档。
首先你要为不同的分类创建不同的头部文件,需要有一个头部文件是默认的。这些文件将会被包含于主要的header.php 文件。下面的代码就是wordpress 主题模板需要的代码。
<?php
/**** Conditional Header for Per Category Example WordPress ****/
//  make sure we are in category listing
if (is_category()){
if (is_category(‘1’)){
<?php include(TEMPLATEPATH.’/header-cat1.php’); ?>
}
elseif (is_category(‘2’)){
<?php include(TEMPLATEPATH.’/header-cat2.php’); ?>
}
else {
// this is the deafult header
<?php include(TEMPLATEPATH.’/headerdefault.php’); ?>
}
}
?>
下面是用分类的名字和别名的例子
<?php
//  Alternative for using Category ID, You can use Category Name or Slug
if (is_category()){
// example of using a category name
if (is_category(‘Category 1’)){
<?php include(TEMPLATEPATH.’/header-cat1.php’); ?>
}
// example of using category slug
elseif (is_category(‘category-1’)){
<?php include(TEMPLATEPATH.’/header-cat2.php’); ?>
}
else {
// this is the deafult header
<?php include(TEMPLATEPATH.’/headerdefault.php’); ?>
}
}
?>
可能你也想为不同的页面使用不同的头部文件,所以我也把下面的代码例子写了出来。
<?php
//
// example of using header file based on pages
// note that you can either use page ID, Page Name or Page Slug
//
// this one uses page title
if (is_page(‘About’)){
<?php include(TEMPLATEPATH.’/header-contact.php’); ?>
}
// this one uses page slug
elseif (is_page(‘subscribe’)){
<?php include(TEMPLATEPATH.’/header-subscribe.php’); ?>
}
// this one uses page ID
elseif (is_page(‘6’)){
<?php include(TEMPLATEPATH.’/header-contact.php’); ?>
}
else {
<?php include(TEMPLATEPATH.’/headerdefault.php’); ?>
}
?>
提示:你需要根据你的实际情况用上面这些代码写入你的header.php文件来加载特殊的头部元素。

项目上线之前需要做什么

每当项目上线之前,我们都会忙的焦头烂额解决发现的bug,这些bug的发现是测试部门的同事随机发现的,那有没有一个排除bug的参照的列表呢?那下面是 varhi为大家所作的整理,希望对大家新产品的上线有所帮助。

每当项目上线之前,我们都会忙的焦头烂额解决发现的bug,这些bug的发现是测试部门的同事随机发现的,那有没有一个排除bug的参照的列表呢?那下面是 varhi为大家所作的整理,希望对大家新产品的上线有所帮助。

  1. 所有的文字没有拼写错误
  2. 内容完整
  3. 页面和内容的形式测试
  4. 打印样式存在并测试完毕
  5. Meta数据被包含尽力并恰当
  6. 页面标题和描述,搜索引擎友好
  7. 图片都有合适的alt值
  8. 标题属性恰当并对搜索引擎友好
  9. 收藏图片创立并展示良好
  10. 页脚的版权信息和网站创建者的链接
  11. HTML标签合法验证通过
  12. CSS文件验证通过
  13. 没有坏链
  14. JavaScript没有错误
  15. 在IE6中显示和功能正常
  16. 在IE7中显示和功能正常
  17. 在IE8中显示和功能正常
  18. 在火狐显示和功能正常
  19. 在Chrome显示和功能正常
  20. 在Safari显示和功能正常
  21. 在Opera显示和功能正常
  22. 在 1024X768分辨率下显示正常
  23. 在大分辨率下测试
  24. 表达提交测试,并且流程正确
  25. 必填项测试
  26. 表单提交接收结果正确
  27. 网站统计系统安装并设置正确
  28. 404页面存在并可用

如果你希望有一个可以在线记录上线前工作记录的表格,这边可以帮你解决:
launchlist

中文原文:项目上线之前需要做什么
转载请注明以上信息,以表示对作者和译者的尊重,多谢!

网站设计师,请不要独自战斗

不管是自由职业者、小的代理机构的创建者还是站长们,我们中的大多数人都在独立战斗。数字革命的趋势就是我们独立。网络让我们能够本来需要集体一起的工作变成独立工作。也让我们不用再被地理环境约束,让我们可以在家办公。这些让我们受益的东西,也让我们变得越来越孤立。

独自战斗的危险

随着时间的推移,独自工作(即使你是一个小团队中的一员)会给你的精神、业务、网站带来伤害。事实上,即使有其他人和你一起在你的项目中工作,如果他比你年轻,你仍然会感到孤独。
如果你不能找到一个志同道合的人来一起分享你们的创意,探讨你们的业务或者项目,你将会面对无数的危险:

创造性枯竭
创造源于交流。通过你自己保持创造性是很困难的事情。最好的创意都是大家一起讨论,头脑风暴相互引导的结果。你周围没有人闪现新奇的创意,你的业务和项目就会缺少闪光的地方。

丧失信心
随着时间的推移,我们慢慢会对自己的能力和业务失去信心。特别是当我们出错时更明显。没有人来鼓励和安慰我们时,我们会对事情变的犹豫不决。

自负
当我们中的一部分人感到缺少信心的时候,还有一些人过于自信,他们需要接受挑战和质疑。这是我的亲身经历:如果没有合作者的质疑,我的项目一般会走向毁灭。没有人会喜欢这样,让你的业务方向错误是很容易的。

遇到技术瓶颈
我们不可能是每一方面的专家,运营一家网站或者一项业务需要多方面的技能。当我们独自工作时,问题往往会超出你的能力范围,你很容易就会遇到你能力的不足和无助。

.视野狭窄
另一个你自己独立工作会遇到的问题是在工作中你只有一个观点。如果另一个人看你的问题的话,他能给你另外想法,你的视野会更开阔,能从另一个角度切入问题。

挫折感
运行一项业务或者一个受批评的网站时,你会觉的是种负担。你经常面临重大的决定,特别是在招聘人手和经费方面。独自做这些决定会是一项责任和让人提心吊胆。让其他的人和你一起处理将会有很大的不同。

那么,你认同上面的观点吗?如果不认同,那我建议你再读一下自负的部分!我相信一个独立的网站所有者或者企业家能从外部观点或的好处。

问题是我们怎么找到这个人?

获得外部观点

最明显的一个解决方案就是我们在一开始的时候就找到一个拍档。不论是你和一个人一起经营一个网站或者开展一项业务,合作关系是很有益处的。这件事情在我现在的公司得到

验证。如果没有我的两个联合创办者–Chris 和 Marus,我将不知道做什么。

但是我要去说,并不是所有有过合作尽力的人都是愉快的。也许,当你读这篇文章的时候,这种不愉快的合作你已经经历过了。

你能做什么呢?在或的外部观点和灵感的途径中,还有其他的选择吗?

下面就是一些选项:

不参与管理的合伙人
这是我们采用的方案。我们有一个非执行董事,他叫Brian,他同很多公司工作,我们只是他微不足道的一部分。他对业务有独到的见解,他经常质疑我们。结果是将在业务方面危险降到了最低,他真是物超所值。

付费顾问
如果你不想在业务方面被其他人改变,为什么不去找一个外面的顾问,通过他你可以获得一些现实信息。毫无疑问,这种顾问的费用很贵,但是他给你带来了外部观点。

指导者
另外的选择途径是你可以找一个你敬佩的设计师或者网站所有者去指导你。很明显,这些人平时的工作都很忙,但是如果你为他们的时间付钱的话,你就会得到他们很多有价值的建议。你可能只需要每月一个小时,就会让你的前进方向保持正确。

好朋友
一个和你情况类似的朋友可能是一个比较便宜的解决方案。你们两个人可能会保持有规律的沟通,一起去面对业务或者网站所面临的问题,讨论不同的途径和想法。

社区
当然我们除了顾问、指导者或者朋友之外还有选择,线上的支持交流社区。我们周围有大量的这种社区,但是你要确信你他们不是太大。你要让其他人记住你和你的情况。

如何决定取决于你自己。我的观点是,如果你想实现你网站和业务的潜能,你需要别人的帮助和鼓励。人生来就是群组工作的,你也不例外。你也不会希望自己一个人工作!

中文原文:网页设计师,请不要独自战斗
英文原文:Web Designers, Don’t Do It Alone

转载请注明以上信息,以表示对作者和译者的尊重,多谢!

HTML5 的新进展

HTML5为HTML增加了很多新特性,现在已经有一些浏览器开始支持这些新特性。如果你对这些特性感兴趣,你可以看一下WHATWG Wiki Implementations page 获得更多的关于浏览器支持这些特性的信息。

HTML 使用新的文档和字符编码声明
关于HTML5一个很重要的优点是它很容易去使用。HTML5的文档声明很简单和容易。
<!doctype html>

就是上面描述的那样,就两个单词”doctype”和“html”.它能如此简单是因为HTML5不在是标准通用标示语言的一部分,取而代之的是它本身的标记语言。

字符声明在HTML5中也做了升级,它使用UTF-8,你定义它只需要增加一个元数据标签:

<meta charset=”UTF-8″>

HTML5新结构
HTML5承认网页有一个结构,就像一本书一样,或者其他XML文档那样。总体上,网页有导航、主体、侧边栏和头部、页脚和其他的特点。HTML创建了新标签来支持这些页面元素。
* <section> -定义页面的节段
* <header> – 定义页面的头部
* <footer> – 定义页面的页脚
* <nav> – 定义页面的导航
* <article> – 定义文章或者其它主要的页面内容
* <aside> – 定义其它内容,例如页面的边栏
* <figure> – 定义来解释一篇文章的图片

HTML 5 新的内联元素
这些内联元素定义了一些基本的概念,让标签保持语义,大多数与时间有关:
* <mark> – 用来指出内容被一些样式标注
* <time> – 用来指出内容是时间或者日期
* <meter> – 用来指出内容是已知范围的一部分 – 就像硬盘使用量
*<progress> – 用来指出完成一个工作的步骤过程

HTML 5 动态网页的支持
HTML 5 开发的目的是帮助网站应用程序开发员,所以这里有很多新的特点让创建动态网页变的更容易:
* 上下文菜单 – HTML 5 支持在网页和应用程序创建和使用上下文菜单
* Href 不必写在标签上 – 这允许你配合脚本使用标签,在网页应用程序中不需要在某个地方添加锚点
* 异步属性 – 这会被加在脚本标签上,来告诉浏览器代码会被异步下载,因此它不会拖慢下载速度和显示页面的其它地方
* <details> – 提供一个元素的更多细节。这就像一个在没有网页请求的时候的一个工具提示
* <datagrid> – 创建来自于数据库或者动态来源的一个表格
* <menu> – 一个被重新引入的老标签并给了它新的生命,让你能够创建你网页上的导航系统
* <command> – 定义一个动作,当动态元素被激活的时候发生

HTML 5 新表单形式
HTML 5 支持所有标准的表单输入形式,但是它还增加了一些:
* datetime
* datetime-local
* date
* month
* week
* time
* number
* range
* email
* url

HTML 5 新的元素
这里有几个让人兴奋的在 HTML5 中的新元素:
*<canvas> –  一个让你能在你的网页上通过 JavaScript 画图的元素。它能让你在工具小提示上增加图片或者图形,或者就是在你的网页上创建动态的图形。
* <vidio> – 用这个简单的标签可以增加视频到你的网页
* <audio> – 用这个简单的标签可以增加音频到你的网页

HTML5 移出了一些元素
这里有一些  HTML 4 的元素 HTML 5 将不会被支持。大多数是已经不赞成使用的,所以被删掉你一点都不会奇怪,但是有一些你可能会感到有点困难:
* acronym
* applet
* basefont
* big
* center
* dir
* font
* frame
* frameset
* isindex
* noframes
* noscript
* s
* strike
* tt
* u

你准备好使用 HTML5 了吗?
HTML5增加了大量的页面和设计的新特性,当更多的浏览器支持的时候,这将是令人兴奋的事情,微软早已开始他们在IE8 中至少会部分支持新的特性。如果你想现在就开始,Opera浏览器现在已经对此有了最好的支持,紧接着就是Safari。

中文原文:HTML5 的新进展
英文原文:What’s New in HTML 5

如何做网页设计的10个小窍门

这篇文章大体概括了一些设计网页中的大问题。希望能给你做下一个网页时给予一些儿启发。

1.记住:你能掌控的时间是有限的
我仅仅用4秒钟就能浏览完平常的页面,因此,你没有足够的时间吸引用户并让他们继续浏览你的网站。也就是说你应尽可能准确的描述你设计的网站是关于什么的。如果它需要让浏览者花费更多的时间去弄明白此网站是关于什么的,他将放弃并离开。

2、记住:用户是略读页面
当你进入一个房间时,你不会具体的看每一样东西的外表。首先你会注意屋子里面人或物的外形,你环视整个屋子,然后找令你敢兴趣的东西。在第一次浏览网站的时候也会发生类似的事儿,浏览者或用户首先是大体浏览一下。这就需要你引导用户去你想要让他们去的地方。它可能是个登陆按钮、更多内容按钮、或博客文章等等

3、网站的左上角是最明显的位置
这是大家公认的事实。主要原因是大家都是用这种习惯方式来读书读文章的(从左上角的位置开始),另外早期的网站和应用软件也是基于此方法进行设计开发的。我们通常会把LOGO放在左上角,这样是很好的。但是考虑一下加入一个或者两个其他的元素在这个位置让它看起来更明显(注册的链接、搜索的表单、标语等)。

4了解“F”结构
一些视觉跟踪调查研究证明,用户浏览网站的视觉路线类似于字母“F”型。最顶部的位置总是能被看到,中间区域仅有一半被看到,再往下只有左边一部分能被看到。当你在设计的时候不知道将一个内容块放到社么位置的时候,你可以去考虑一下这一因素。

5.了解用户忽略什么
用户都是对广告视而不见的。他们习惯于忽略图片广告和文字广告。避免设计的东西看上去像广告,同时,用户也会忽略大块的文字区域。没有人有时间(更确切的说是耐心!)去阅读大片的文字,他们仅仅是了解页面文章的大意。

6.文字和图片
一个有趣的事实是。文字比那些绝妙的图片更能够获得注意!如果你想向你的用户传达信息,我建议你使用大的标语文字来代替那些很炫的头部图片……

7.用设计元素来吸引注意
来吸引注意的好的元素是文字口号,行动纲领的按钮(通常用亮色调),分成1-2-3级,或者就是一个普通的列表……
如果你在写一篇很长的文章,很重要的一件事情就是你要去找小标题。小标题比其他的内容容易获得关注。使用恰当的标题,通过这简单的步骤向用户阐述这篇文章的主题。

8.文字格式
恰当的文字格式的编排更有意于阅读。不要担心使用过多的段落、加粗、斜体、引用、下划线或者字母大小写……它们都可以让文字块更有视觉冲击力。当然,你也需要用格式化强调一些你认为很重要的文字或者句子,这些能够引导你的读者阅读完全文。

9.使用简洁图片
我前面已经提及过用户对广告是视而不见的。当你在设计过程中使用到图片时,要确保它们不要杂乱、令人讨厌或不被理解。大部分人感觉看杂乱、色彩花哨的图片是比较费劲儿的。图片应该简洁、易理解的。
你使用人的脸部图片更容易引起用户的注意,尤其当图片人物的眼睛盯着用户。当然你也可以用目光的方向来引导用户关注某一个方向。

10.使用留白
使用留白可以给某些元素更多的可视空间,如果某元素与边距或其它元素太近就容易被混淆,那就需要给它留点呼吸的空间。尤其在文字与文字内容之间。

推荐文章:深色调网页界面设计注意事项
中文原文:如何做网页设计的10个小窍门
英文原文:10 short ‘n’ sweet tips on how to design for web
转载请注明以上信息,以表示对作者和译者的尊重,多谢!

国外优秀开源PHP建站程序一览

经常听见周围的做设计的朋友想要做一个网站,不仅漂亮而且功能方面能够跟上潮流,varhi 做为一个开源世界的正在入门入门者,给大家介绍几款比较常用开源程序,只要有一点基础的朋友就能建立满足自己业务需求的网站了。

  博客:WordPress
wordpress
  WordPress可能是生命力最旺盛的个人博客系统了,无数的主题和界面,让任何人独立域名写博客成为可能,wordpress不仅可以做博客系统,还可以广泛应用于各类网络信息发布平台。

CMS Joomla
joomla
Joomla也是CMS方面的佼佼者,性能良好的插件,和容易编辑的主题让其生机勃勃,同时拥有众多公司的支持,让建站更加简单,Joomla的插件和主题多为收费的,目前国内也有一些专门做Joomla二次开发的公司。

  论坛:phpBB
phpbb
  phpBB是一种广泛流行的开源论坛软件,具有易于使用的管理面板和友好的用户安装界面,可以轻松地在数分钟内建立起一个论坛,功能上具有很高的可配置性,能够完全定制出相当个性化的论坛。

  CMS:Drupal
drupal
  Drupal是一个开源的内容管理系统(CMS)平台,拥有强大并可自由配置的功能,能支持从个人博客到大型社区驱动的网站等各种不同应用的网站项目。

Drupal gets small businesses on the web fast.

  Wiki:MediaWiki
mediawiki
  MediaWiki是PHP语言写成开源Wiki引擎,全世界最大的Wiki项目维基百科就是使用MediaWiki引擎。

  Digg:Pligg
pligg
  Pligg是一套灵活的类似Digg的Web2.0 CMS系统,系统使用PHP开发,模仿了国外流行的DIGG系统。

  图像:Gallery
gallery
  Gallery 是一个非常有名的免费开源图库相册软件,基于 PHP 和 MySQL, PostgreSQL 等数据库。功能非常强大,有丰富的扩展可以下载,安装很简单,有很多插件可用。

  RSS:Gregarius
gregarius
  Gregarius是一个RSS聚合程序,免费开源,具备不错的用户体验,易于操作和管理。可以把其当成RSS阅读器使用。

  电子商务:osCommerce
oscommerce
  osCommerce是一套由自由软件开发社团开发并维护的在线商店的解决方案,免费开源,并可以应用到任何的商业环境中,可以在短时间内生成一个功能强大的电子商务网站。

  广告:OpenX
openx
  OpenX(原名phpAdsNew)是一个用PHP开发的广告管理与跟踪系统,适合各类网站使用,能够管理每个广告主拥有的多种任何尺寸横幅广告,按天查看,详细和概要统计并通过电子邮件发送报表给广告主。

  微博客:status
status
  status是一个开源的微型博客系统,也是一个Twitter克隆,可以实现Microblog的常用功能,国外不少微博客系统都是通过这个开源系统架设的。

UCD大社区

“UCD大社区”是用户体验和产品设计行业的综合社区,我们从一个粗糙的群体博客开始,慢慢走向开放、更开放!
一切内容均经过审核,主题围绕“以用户为中心的设计”。

ucd