Yuguo.us

主题开源:Architecture

Introduction

user

余果

全栈工程师,《Web全栈工程师的自我修养》作者。


Featured

back-end

主题开源:Architecture

Posted by 余果 on .

我把我的博客主题开源了,根据小平的命名,主题名叫Architecture。

主题转移到Yuguotheme维护,Yuguotheme是专业的WordPress主题站点,欢迎留言。

主题页:http://yuguotheme.com/architecture/Demo页 主题设计的大部分是@tianweier,小部分是我自己乱调。设计简洁,有层次。代码全部由我完成,参考了Twenty官方主题,以及GA插件的部分代码。

截图

首页截图
内页截图

特性

  • html5;
  • 支持后台自定义Google Analytics账户;
  • 支持通过menu自定义导航;
  • 可在后台面板配置布局和宽度;
  • 支持挂件Widgets;
  • 支持后台自定义feature post category的ID;
  • 性能优秀;
  • 由CSS3驱动的个性title;
  • em作为宽度单位和字体单位,对使用现代浏览器并设置字体大小的用户更加友好;
  • aligncenter的图片完美自适应居中(图片超宽也居中);

支持

1.如何自定义menu?

自定义menu
自定义方法为,在后台Appearance中找到Menus之后,自定义一些链接(任意链接,站内或者站外都可以)后添加到一个menu就可以了。本主题只设定了一个menu。

后台自定义menu

2.如何自定义Google Analytics代码?

自定义方法为,在后台的Appearance标签内找到Google Analytics子标签页,然后输入你的GA代号就可以了。在内页内另有说明。 后台设置GA

3.如何设置feature post?

所谓feature post就是出现在首页边栏的图片,用来展示一些自己希望推荐的文章。如果不需要此特性,则可略过此条。 如果希望设定一些文章为feature post,那么需要做如下几项:
  1. 创建一个新的category比如“feature”、或者“精选”。
  2. 在category管理页,通过查看这一项category的链接来找到它的tag_id,这是一个数字。
  3. 在后台设置页Appearance下的Feature post输入该数字。
  4. 在需要设定Feature post的文章里设定Category为刚才创建的Category。
  5. 在custom fields中name选择“thumbnail”,value设置一个缩略图的url。
设置Category设置custom fields 注意,缩略图的宽度必须为250或者250px以下。 注意,custom fields可能默认不展示,可以在右上角的screen option中找到。 过程确实比较繁琐,我也在考虑如何简化这一流程,如果有更好的建议,欢迎留言。 主题转移到Yuguotheme维护,Yuguotheme是专业的WordPress主题站点,欢迎留言。 主题页:http://yuguotheme.com/architecture/Demo页
user

余果

https://yuguo.us

全栈工程师,《Web全栈工程师的自我修养》作者。