Npcink Blog
切换菜单

Autumn 主题使用文档 - wordpress 教程

Autumn 主题详细的教程文档

最后更新于
本页目录1 节

WordPress 果酱和 XinTheme 联合推出第二款免费 WordPress 主题：Autumn，多个布局样式，多种分页样式，自定义主题配色，可一键切换为暗黑风格样式，整个 WordPress 主题只有 200kb。由于有很多小白用户，接下来就为你们详细介绍一下这个 WordPress 主题 。

首先说一下常见问题：

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

下面说一下主题功能及设置：

1、导航栏（菜单）

这个是最基础的东西，可是有些人还是不明白，每一个网站都是需要设置菜单的，【后台 - 外观 - 菜单】自己设置一下菜单，然后勾选显示位置即可。

WordPress 菜单设置页，红色箭头标出主菜单显示位置的勾选项。

导航栏有有几个选项需要你们注意下，固定导航栏以及社交图标。

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

Autumn 主题布局设置中的固定导航栏选项，当前已勾选。

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

Autumn 社交工具设置，包含微信二维码、QQ、微博、邮箱与底部客服按钮选项。

2、幻灯片（置顶文章）

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

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

Autumn 首页轮播设置，提供四种布局并可设置置顶文章的显示数量。
Autumn 横幅轮播示例，海底摄影图片上叠加文章标题和摘要。
第一种
Autumn 轮播样式，四张白色文章卡片各有圆形缩略图、分类、标题和摘要。
第二种
Autumn 轮播样式，四张文章卡片叠加在整幅背景图上。
第三种
Autumn 轮播样式，三张横向图片卡片上叠加分类和文章标题。
第四种

3、首页分类模块

Autumn 首页分类模块，三个分类卡片各组合一张大图和两张小图。

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

Autumn 分类模块设置页，开启模块后填写多个分类 ID，并可添加或删除条目。

4、文章列表

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

Autumn 首页三列文章列表，每张卡片包含缩略图、摘要和作者信息。
3 列展示效果
Autumn 首页四列文章列表，每张卡片包含缩略图、摘要和作者信息。
4 列展示效果

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

Autumn 特色文章列表，第二张卡片以整幅背景图片和叠加标题展示。

5、分页样式

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

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

Autumn 分页样式下拉框，提供数字分页、上一页下一页、按钮加载和滚动自动加载。

6、底部设置

Autumn 底部设置页，包含备案号、友情链接和页面加载时间选项。

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

分类列表没什么说的了，不需要其他设置，接下来说一下文章页吧...

7、文章页面

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

Autumn 文章布局设置，包含特色列表样式勾选项和两种布局示意。

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

Autumn 普通文章页，左侧为正文，右侧为热门文章和标签。
普通文章页
Autumn 带头图的文章页，顶部为餐食照片，下方为正文和侧栏。
带 banner 的文章页
Autumn 视频文章页，顶部播放器显示潜水画面，下方为正文和侧栏。
带视频及背景图的文章页

文章页还有相册功能呢，文章内图片较多的时候可以使用，效果非常棒。点击查看演示效果：https://autumn.xintheme.cn/tourism/199.html 。

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

以为文章页介绍要结束了？非也，我们还对评论框进行了优化，可选择是否显示评论框的网址栏以及输入框打字特效，在【主题设置 - 评论框扩展】里面进行设置，虽然这个东西早就有了，但还是蛮有意思的，就添加一下供喜欢的用户使用吧。

Autumn 评论框扩展设置，包含礼花特效、震动特效和隐藏网址栏选项。
Autumn 评论展示示例，评论条目包含头像、昵称、时间和回复文字。
站长回复评论有加 V 哦

8、网站配色

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

Autumn 主题配色设置，包含颜色选择按钮和暗黑模式开关。
Autumn 深色首页示例，顶部为轮播横幅，下方显示三个分类图片卡片。
暗黑风格展示

9、其他设置

其他还有一些设置，就不详细介绍了，都在【主题设置】里面，你们看下就知道了...

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

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

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

这一段文字很有趣，保留下来

写在最后

人真的是个很奇怪的物种，有些人总是问我：

  1. 你们做免费主题怎么盈利啊？会不会赚不到钱就不做了？
  2. 这主题不会有后门吗？
  3. 有问题问你，你都不回复我，还让我去什么讨论组提问，想收费就直说嘛。
  4. 免费的主题我都不敢用，太垃圾了...

无数只草泥马在心中奔腾，发布出来带后门的主题给你们用，不是打我自己脸吗？白痴一样的问题...

担心我赚不到钱？我在【后台 - 外观 - 主题支持】里面放了打上码，欢迎大佬打赏...

不给你提供一对一的售后，就说我想收费？我这是免费主题，说一句不好听的话，我凭什么就一定要搭理你？【后台 - 讨论组】在这里提问，看到了自然会回复，像你那样的人，没有即时回复就给我连发信息 + 抖窗口，就是有 10 个我也不够忙（忙的时候我都不看 QQ）...

免费主题不敢用？担心质量问题？说一句自大的话，这个免费主题比某些收费主题还要好，同时也好奇怪哦，免费的你不用，收费的还有人不想花钱，没关系这个 WordPress 主题给有缘人使用...