站长百科 | 数字化技能提升教程 数字化时代生存宝典
首页
数字化百科
电子书
▼
建站程序
开发
服务器
办公软件
开发教程
▼
服务器教程
软件使用教程
运营教程
热门电子书
▼
CSS教程
WordPress教程
导航
程序频道
推广频道
网赚频道
人物频道
网站程序
网页制作
云计算
服务器
CMS
论坛
网店
虚拟主机
cPanel
网址导航
WIKI使用导航
WIKI首页
热点词条
最新资讯
网站程序
站长人物
页面分类
使用帮助
编辑测试
创建条目
网站地图
站长百科导航
站长百科
主机侦探
IDCtalk云说
跨境电商导航
WordPress啦
站长专题
网站推广
网站程序
网站赚钱
虚拟主机
cPanel
网址导航专题
云计算
微博营销
虚拟主机管理系统
开放平台
WIKI程序与应用
美国十大主机
编辑“
设计WordPress标题栏
”(章节)
人物百科
|
营销百科
|
网赚百科
|
站长工具
|
网站程序
|
域名主机
|
互联网公司
|
分类索引
跳转至:
导航
、
搜索
警告:
您没有登录。如果您做出任意编辑,您的IP地址将会公开可见。如果您
登录
或
创建
一个账户,您的编辑将归属于您的用户名,且将享受其他好处。
反垃圾检查。
不要
加入这个!
==设计标题栏注意事项== 下面是一些制作或选择WordPress网站标题栏的小提示。 '''注意文字的位置和颜色''' 标题栏中文本信息的颜色和位置有可能会加强或削弱网站外观的视觉效果。如果使用得当,就会为网站外观增添光彩。 *在标题栏中使用白色字体时,要确保header或/与headerimg中的背景色能够凸显出白色字体,以免出于某些原因标题栏图片无法显示在屏幕上,或访问者关闭了“显示图片”的功能。 *如果图片以某个物体为主角,注意不要让文字遮盖图片主景 *文本信息被放在图片中元素较多的位置上时,可能难以辨认,这时可以将文本移到其它位置 *确保访问者能够快速适应网站的字体颜色,并且字体颜色不要和标题栏背景色冲突。例如发光的橙色字体和石灰绿色的背景显然不是很好的搭配。 *标题栏中的一些色差和图案可能会让文本信息中某些单词或字母“消失”。在标题栏和标题栏图片中嵌套文字信息也会出现相同情况。 '''表达必要内容''' *好的标题栏能够反映网站的中心思想。网站的其它部分则需要体现标题栏所传达出的意义。因此标题栏必须能够表现网站的目的、内容。 '''有使访客停留的魅力''' 标题栏就像书和杂志的封面,要具备引起读者阅读欲望的能力。标题栏应该要牢牢抓住访问者,让他们更久地在网站停留,查找自己需要的信息。总之,网站的标题栏需要能够抓住访问者的眼球,告诉他们“这里有很多可用信息哦。” '''与网站外观搭配和谐,融为一体''' 色彩鲜艳浓厚的标题栏适合设计大胆的网站,而淡色系的网站则倾向于选择带有柔和图片的标题栏。朋克摇滚网站当然就该使用朋克风格的标题栏。网站的内容和风格当然完全由网站主人决定,但也要考虑到一致性的重要性。 '''图片不是标题栏的必要元素''' 不是每个标题栏都必然会配有图片或图形,有时候文字信息更为重要。 '''拒绝杂乱的标题栏''' 避免在标题栏里出现大面积的广告、导航、文字等元素,避免造成混乱的视觉效果。简单也是一种美。 '''保证标题栏的可访问性''' 前面我们提到了隐藏标题栏中的文字信息,这里提到了更多保证标题栏可访问性的因素。使用H1标签,使屏幕阅读器[http://diveintoaccessibility.org/day_27_using_real_headers.html 了解到这是一个网站标题]。在模板文件(而非样式表或背景图片)的链接和图片中使用标题和alt说明。 '''标题栏的高度可以随意,但是一定要记住,[[网站]]的内容才是最大卖点''' 平均标题栏高度低于200像素,但有些标题栏很狭长,有些则很宽大,甚至可能会占据网页的一半空间。人们访问一个网站,主要是为网站内容而来,这一点需要牢记。显示内容前滚动标题栏花费的时间越长,人们的热情就越容易被熄灭。 '''考虑到“网站品牌”''' 标题栏是网站身份或“品牌”的一部分,当访问者点击[[链接]]进入另一个页面后,看到与之前同样的标题栏时就会知道,这仍然是在原来的网站上。可以考虑将标题栏作为网站的“品牌标志”。 '''标题栏相关资料''' '''标题栏图片''' 很多WordPress主题都自带标题栏图案供用户使用,这些主题都是主题作者基于[http://creativecommons.org/choose/cc-gpl?lang=en_GB GPL]许可证免费发布出来供WordPress用户使用的。当然你也可以通过互联网上的免费资源了解更多情况。 下面是一些关于标题栏图片的资料: *[http://www.digitalwestex.com/gallery/thumbnails.php?album=6 Digital Westex Image Gallery WordPress 1.5 Header Art Replacements] *[http://www.imageafter.com/ Image * After - Free Stock Image Library] *[http://www.sxc.hu/ Stock.xchng - Free Stock Image Library] *[http://webclipart.about.com/od/msubwelcaa/ About.com's Webclipart Welcome, Headers, and Logos] *[http://moredoubts.wordpress.com/free-header-images/ Free Header Images by MrDoubts] *[http://100pixel.blogspot.com/ Free Header Images by 100pixel] <STRONG>标题栏相关资料</STRONG> *[http://www.wordpress.la/codex-%E8%AE%BE%E8%AE%A1WordPress%E6%A0%87%E9%A2%98.html 设计WordPress标题] *[http://www.redalt.com/Tools/kubrickr.php Kubrickr - Changes Default Theme Header Images] *[http://www.cameraontheroad.com/index.php?cat=68 Experiments with CSS headings, background images, and more] *[http://diveintoaccessibility.org/day_27_using_real_headers.html Using Real Headers] *[http://cal.bemidjistate.edu/webtraining/YaleManual/pages/headers_footers.html Yale Manual: Headers and Footers - The best measure of home page efficiency]
摘要:
请注意,您对站长百科的所有贡献都可能被其他贡献者编辑,修改或删除。如果您不希望您的文字被任意修改和再散布,请不要提交。
您同时也要向我们保证您所提交的内容是您自己所作,或得自一个不受版权保护或相似自由的来源(参阅
Wordpress-mediawiki:版权
的细节)。
未经许可,请勿提交受版权保护的作品!
取消
编辑帮助
(在新窗口中打开)