WordPress基于WPJAM BASIC开发的免费主题:Autumn主题

在之前,我给大家推荐了我爱水煮鱼和XinTheme最新联合开发的 WordPress 主题:Sweet。

延伸阅读:

WordPress基于WPJAM basic开发的主题:Sweet

还有一款两家联合推出的WordPress免费主题非常优秀:Autumn,这是水煮鱼和XinTheme联合开发的第二款主题。

这款高大上的WordPress免费主题拥有很多只有收费主题才有的功能配置,而且与wpjam basic深度结合优化。

[ad]

只要你安装 Memcached,可以达到0SQL,性能优化到这个程度的主题,还是非常少见。

作为一个免费主题,支持完整的用户中心,可以说是良心之作。

多个布局样式,多种分页样式,自定义主题配色,可一键切换为暗黑风格样式,整个WordPress主题只有 200kb

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题技术教程主机格调

安装注意事项:

  1. 这个主题仅支持php7.2且需要安装 WPJAM BASIC插件 。
  2. 评论框以及后台登陆界面显示英文,是因为勾选了插件 优化设置 - 清理优化 里面的【前台不加载语言包】。
  3. 小工具显示不出来,是因为插件的优化设置里面有个【主题 Widget】的选项,不要勾选就好了。
  4. SEO设置在WPJAM插件的【 扩展管理 - SEO】勾选后刷新一下页面,WPJAM里面就会多出一个SEO设置。
  5. 建议开启七牛云储存,使用七牛云储存以后图片有噪点(模糊)怎么办?后台七牛设置 – 本地设置,将图片质量调整为100即可。
  6. 有更多问题请在【后台 - 讨论组】里面进行提问,有人看到就一定会进行回复。
  7. 前端仿的国外主题。

主题功能及设置:

1、导航栏(菜单

【后台 - 外观 - 菜单】自己设置一下菜单,然后勾选显示位置即可。

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题1技术教程主机格调

导航栏有有几个选项需要,固定导航栏以及社交图标。

导航栏可以设置为固定显示,就是一直固定显示在网站顶部,【后台 - 外观 - 主题设置 - 布局设置】勾选固定导航栏即可。

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题2技术教程主机格调

社交图标,导航栏预设了4种社交工具,QQ、微博、微信、邮箱,勾选显示【社交工具】的时候按需填写就好了,不填写则不显示。

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题3技术教程主机格调

2、幻灯片(置顶文章)

主题预设了4种幻灯片样式,在【布局设置 - 首页轮播区域】选择你喜欢的样式就好,可自定义显示数量,如果没有置顶文章则不显示。

那么又有人该问怎么设置置顶文章了,【后台 - 文章 - 快速编辑 - 勾选置顶】或者【后台 - 文章 - 编辑 - 公开度 - 勾选置顶】

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题4技术教程主机格调

第一种

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题5技术教程主机格调

第二种

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题6技术教程主机格调

第三种

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题7技术教程主机格调

第四种

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题8技术教程主机格调

3、首页分类模块

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题9技术教程主机格调

如图,这是一个【分类模块】,获取指定分类下的前三篇文章缩略图作为分类封面,【主题设置 - 布局设置 - 分类模块】可开启或关闭,可指定显示分类,不限数量,填写几个id就显示几个分类(分类id在【后台 - 文章 - 分类目录】,鼠标指向分类名即可看到id)。

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题10技术教程主机格调

4、文章列表

文章列表可选择显示为4列或者3列,在【主题设置 - 布局设置 - 文章列表】中进行选择。

3列展示效果

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题11技术教程主机格调

4列展示效果

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题12技术教程主机格调

对了,列表样式还有个选项,在【编辑文章 - 布局设置】里面,有个特色列表形式,如果你勾选了就会以另一种很好很好看的形式展现了,呐,给你截图看一下(第二个)...

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题13技术教程主机格调

5、分页样式

A说:我想用点击ajax加载分页;B说:我还是想用传统的数字分页;C说:能够下拉自动加载就好了...

没关系,这些我们都有,四种分页样式供你选择,【主题设置 - 布局设置 - 分页样式】

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题14技术教程主机格调

6、底部设置

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题15技术教程主机格调

备案号不填写则不显示,友情链接只显示在首页哦,在【后台 - 链接】中进行添加,页脚加载时间根据需求啦,如果你像我一样优化的够好,就勾选一下,毕竟显示加载只需要0.04秒左右可以拿出来装个B啦...

7、文章页面

文章页面也有三种样式可选,【编辑文章 - 布局设置】,如下:

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题16技术教程主机格调

第一种就是很普通的文章页面了,第二个可选文章头图或者视频(视频目前只能调用腾讯视频,如果这个需求量大的话会考虑进行优化)。

普通文章页

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题17技术教程主机格调

带banner的文章页

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题18技术教程主机格调

带视频及背景图的文章页

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题19技术教程主机格调

文章页还有相册功能呢,文章内图片较多的时候可以使用,效果非常棒。

相册怎么添加呢?也很简单啦,编辑文章的时候,点击编辑器上方的【添加媒体 - 创建相册】,注意要选择连接到【媒体文件】。

还对评论框进行了优化,可选择是否显示评论框的网址栏以及输入框打字特效,在【主题设置 - 评论框扩展】里面进行设置。

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题20技术教程主机格调

站长回复评论有加 V 哦

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题21技术教程主机格调

8、网站配色

【主题设置 - 主题配色】自定义网站配色,可以一键切换为暗黑风格

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题22技术教程主机格调

暗黑风格展示

WordPress基于WPJAM BASIC开发的免费主题:Autumn主题23技术教程主机格调

9、其他设置

其他还有一些设置,就不详细介绍了,都在【主题设置】里面。

扩展选项,可以让你选择性显示或关闭一些功能,比如:文章列表页阅读量、评论量、点赞量,文章详情页作者模块文章标签...

优化加速,可以选择【Gravatar镜像服务】使用cdn.v2ex.com更快的加载评论头像;用js onselectstart事件禁止选中文字,有效防止内容被访客复制;上传中文名称的图片文件诸多弊端,建议开启;登陆后台默认显示文章列表;关闭Feed。

鼠标点击特效,在网站任意位置点击鼠标,会不断的跳出你输入的词汇或者符号,留空则不显示。

未经允许不得转载:主机格调 » WordPress基于WPJAM BASIC开发的免费主题:Autumn主题

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏