8

主题开源:Architecture

 3 years ago
source link: https://yuguo.us/weblog/wordpress-architecture/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

主题开源:Architecture

余果 2011-09-04 back-end

我把我的博客主题开源了,根据小平的命名,主题名叫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。

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

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK