一款基于HTML5的漂亮WordPress主题——Yoko

YOKO是一款基于HTML5和CSS3构建的全新WordPress主题,由来自Elmastudio 极具设计天赋的Ellen 和Manuel所创建,目前已经免费公开发布,可用于个人博客,也可用于商业项目设计。Yoko的最大特点在于宽度自适应的页面布局,无论是大屏幕的桌面电脑,还是平板电脑或智能移动设备,都会自动调节页面宽度。为使您的博客更能体现个性特点,您可以在编写日志时采用主题自带的文章样式(比如相册,短文或引用),您还可以在后台定制自己的博客LOGO和头部背景图片,或设置文本链接颜色等。

YOKO的发布遵循GPL协议,允许您自由传播,修改或用于商业项目设计,没有任何限制。先让我们来看看这款主题的外观和布局,如下图所示:

yoko

顺便提供下载地址:下载YOKO (大小2.2Mb,.zip格式)

主题特色

运行环境要求WordPress 3.1或以上版本,主要特色如下:

  • 跨浏览器兼容(通过测试的浏览器有:Chrome, Firefox, Safari, Internet Explorer 8+)
  • 基于HTML5 (不兼容IE9)和CSS3 构建
  • 页面布局自动适应(其中CSS3媒体查询需要IE9版本, 如果要求兼容旧版IE,可以使用这两个JS库:Respond.jsCSS3-Mediaqueries-js
  • WordPress文章样式 (aside, gallery, image, video, link and quote)
  • 主题配置选项页面,自定义背景,自定义头部图片
  • 可选导航子菜单
  • 自带一个可定制的社交推广Widget小工具,可设置RSS-Feed, Facebook, Twitter, Flickr, Vimeo, LinkedIn 或 Delicious档案
  • 附带一个单栏全宽页面模板
  • 引用谷歌网页字体(Droid Sans 和 Droid Serif)
  • 支持带Gravatar头像的嵌套评论
  • 预置了可用于多栏布局的简码
  • 允许显示日志作者简介,文本链接有三种颜色可选
  • 目前主题语言为英文,德文和法文

再观赏一下YOKO主题的几个页面布局和后台配置页面截图:

1.三栏式布局

three-column-layout

2.两栏式布局

two-column-layout

3.单栏式布局

one-column-layout

4.评论区

comments

5.自定义头部图片

customheader

6.文章样式(相册)

post-format-gallery

相关文章:WordPress文章样式Link使用详解

7.主题后台配置选项

themeoptions

主题作者心声(引用):

“Since the mobile Web is getting more and more popular every day, we think that it’s also time for WordPress themes to become more flexible and adapt to different devices and screen sizes. While designing the Yoko theme, our goal was to create a minimalistic design with focus on content and good readability on various devices. Also we wanted the theme to be easy to use and customizable for everybody, so we kept the theme options simple while still including the most important options to add a personal style to the theme.

The main problem to solve during the design and development process was to make sure that all the different contents and plugins that people will use still work in the responsive layout. Of course the responsive design approach is still in development but we think it’s a lot of fun to explore new possibilities and as doing so make Web design and WordPress themes more powerful and flexible to use.”

这两段引言我就不翻译了,哈哈,水平有限啊,大概意思无非是作者为什么制作此主题的一些想法。不懂E文的朋友,略过吧!YOKO是款好主题,感谢Ellen 和 Manuel!

原文:  smashingmagazine

如无特别说明,本站文章皆为原创,若要转载,必须注明以下原文信息:
日志标题: 《一款基于HTML5的漂亮WordPress主题——Yoko》
日志链接: http://www.chenchunlin.info/a-html5-based-wordpress-theme-yoko.html
博客名称: Chenchunlinblog

This entry was posted in WordPress and tagged . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.


相关文章:


One Comment

  1. Posted 2011/06/11 at 20:42 | Permalink

    “Since the mobile Web is getting more and more popular every day, we think that it’s also time for WordPress themes to become more flexible and adapt to different devices and screen sizes. While designing the Yoko theme, our goal was to create a minimalistic design with focus on content and good readability on various devices. Also we wanted the theme to be easy to use and customizable for everybody, so we kept the theme options simple while still including the most important options to add a personal style to the theme.
    +1

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>