FlatBox-WordPress Responsive Flat Design Theme

FlatBox

A beautifully FlatBox with different colors. You can upload your own logo & favicon, customizable colors and background, 8 nice theme color scheme, 3 different layout options, customize archive Posts (hide feature image, hide metadata and show post excerpt), single Post(hide feature image, hide related post and hide author box), and google fonts select for Customize: Body, Site Title, Heading, Sub-Heading. <a href=”http://www.wpbars.com/demo/four-years?theme=Flat+Design”>check theme demo</a>

Feature

  1. 8 Multiple Color Schemes
  2. Custom Widgets
  3. Translation ready
  4. Drop-down Menus
  5. Cross-browser compatibility
  6. Threaded Comments
  7. Gravatar ready
  8. Theme Options
  9. 3 layout options

Instructions

Theme FlatBox offers custom Theme Options, which can be found under Appereance->Theme Options.

Theme customization options:

  1. Theme Scheme. You can choose from one of eight color scheme.
  2. Layout options. You can choose from one of three ways of displaying blog posts (Layout options).
  3. Custom Header Code. You can add your custom code at the header, such as HTML,CSS,JavaScript.
  4. Custom Footer Code. You can add your custom code at the fotter, such as HTML,CSS,JavaScript.

Under Appereance->customize, You aslo can custom:

  1. Logo upload. You can upload your own image to serve as website logo. If no image is uploaded website title and description will be used instead. Max logo width: 1000px;
  2. Favicon. You can upload your own custom favicon, whichis the small 16px by 16px picture you see beside URL in browser’s address bar. Image should be named favicon.ico
  3. Custom Background – you can set your own custom background using WordPress built in background option (Apperance->Background).
  4. Custom Font Family. You can set your own custom global font family, heading font family and sub-heading font familyy
  5. Archive Pages. You can hide feature image, hide metadata and show post excerpt
  6. Single Post. You can hide feature image, hide related post and hide author box

Support

The best way to contact me with?support questions?and?bug reports?is via theWordPress support forums.

If you like this theme, I’d appreciate if you could?rate FlatBox at WordPress.org?.Thanks!

时间: 2024-11-09 14:02:21

FlatBox-WordPress Responsive Flat Design Theme的相关文章

自适应网页设计(Responsive Web Design)

转载自:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.同样的内容,要在大小迥异的屏幕上,都呈

阮一峰:自适应网页设计(Responsive Web Design)别名(响应式web设计)

随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1像素以上(目前主流宽度是1366×768),有的还达到了2像素.同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事. 很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad

Understanding Responsive Web Design: Cross-browser Compatibility

http://www.sitepoint.com/understanding-responsive-web-design-cross-browser-compatibility/ In the last article, I described three ways to work with with images from a responsive design standpoint, discussing the best solution to adopt while serving pr

近期Responsive web design项目经验分享

关于meta   <meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width, minimal-ui"> minimal-ui 默认浏览器的URL缩小 <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.

近期Responsive web design项目经验分享-高分辨率图片处理篇

在高分辨率的情况下  商品的图片难免会失真 怎样才能让商品的图片在高分辨率的情况下 效果不失真 提供用户更好的体验呢 我发现了一个解决方案 不知道是不是你想要的 先上图片对比下效果 左侧是使用后     右侧是使用前 差距还是比较大的 感兴趣的小伙伴  可以下载源码  自己尝试一下 https://github.com/scottjehl/picturefill PICTUREFILL The Web is truly worldwide, and we have to confront the

响应式Web设计(Responsive Web design)

中文名 响应式Web设计 提出时间 2010年5月 英    文 Responsive Web design 解    释 一个网站能够兼容多个终端 目    的 解决移动互联网的浏览 优    点 面对不同分辨率设备灵活性强等         页面的设计与开发应当根据用户行为以及设备环境(系统平台.屏幕尺寸.屏幕定向等)进行相应的响应和调整.具体的实践方式由多方面组成,包括弹性网格和布局.图片.CSS media query的使用等.无论用户正在使用笔记本还是iPad,我们的页面都应该能够自动

自适应网页设计(Responsive Web Design)(转)

作者: 阮一峰 出处:http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html 随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.同样的内容,要在大小迥异

RWD(Responsive Web Design)(转)

随着3G的普及,越来越多的人使用手机上网. 移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页? 手机的屏幕比较小,宽度通常在600像素以下:PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素.同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事. 很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone

响应式web设计(Responsive web design)

在全面进入互联网时代后,随着各种移动设备的普及,移动互联网更加受到大众的青睐.由于移动互联网的使用量远远超出了传统互联网的使用量,移动设备也正在逐渐超越桌面设备.因为用户在移动设备上的使用习惯不同,UX设计师无法将桌面设备上的网页排版原封不动地复制到移动设备上,这会使用户在网页的操作和阅读上十分不方便. 因此,设计师试图将移动设备和桌面设备的网页分开来设计,然而因此面对的问题是:市场上移动设备屏幕的尺寸都是完全不一样的.比如iPhone的移动设备已经更新过很多次屏幕尺寸:不同品牌之间设备屏幕尺寸