Pure Blog博客主题说明文档

Pure Blog是一款面向个人博客站长设计开发的WordPress博客主题,该主题的主要特点为“极简”,无论是外观版式,还是主题后台设置界面。

Pure Blog这款博客主题简单易用,站长下载安装后无需过多的设置即可使用,但如果你是一个WordPress初学者,建议你还是认真阅读这份说明文档。

主题安装

这里提供两种方式安装WordPress主题,通过FTP客户端人工上传主题文件安装,或者通过WordPress仪表盘上传主题压缩包文件安装。

通过WordPress仪表盘安装

  1. 登入你的WordPress仪表盘,进入 “外观”-“主题”,在页面的左上角,点击“添加”。
  2. 进入添加主题界面,在界面的顶部左端,点击“上传主题”。
  3. 点击“选择文件”,然后在你的电脑本地找到你需要安装的主题格式为.zip文件,最后点击“现在安装”。

提示:如果你在上传主题的过程中遇到这样的错误: “The link you followed has expired”,这可能是由于你的服务器设置了最大上传文件大小限制。你可以通过配置php.ini文件来提高上传文件大小限制,如果你对这一块不了解,请尝试搜索相关知识或者找服务器技术支持(懂服务器配置的朋友)帮忙。

或者你也可以选择FTP客户端上传安装主题,如下:

通过FTP客户端安装主题

  1. 下载主题.zip压缩文件到本地,并解压。
  2. 使用FTP客户端登入你的服务器,并进入到网站安装目录下的wp-content/themes主题文件夹,然后将解压好的主题文件夹拖拽到该目录上传。
  3. 登入你的WordPress仪表盘,进入“外观”-“主题”,然后你会在已安装主题的列表中看到刚刚安装的主题,鼠标移至该主题上方,点击“启用”按钮,即可将主题套用到你的WordPress博客/网站。

站点设置

完成主题安装后,需要对你的站点进行一些基础的设置:常规设置、阅读设置、固定链接。

  • 站点标题/副标题-进入你的WordPress仪表盘,进入“设置”-“常规”,设置你的站点标题和副标题;
  • 阅读设置-进入“WordPress仪表盘”-“设置”-“阅读”,将博客页面至多显示设置为10篇文章(建议);
  • 固定链接-WordPress提供多种URL结构类型及自定义URL结构,我们一般建议选择朴素类型,或者自定义结构(格式为/%postname%/),你可以通过WordPress仪表盘,进入“设置”-“固定链接”设定;

Pure Blog主题固定链接设置

Pure Blog主题固定链接设置

切记每一次设置都要保存,不然设置了也无效哦。

Tips:关于固定链接的自定义结构,我们一般建议使用/%post_id%.html格式,但务必注意的是,采用此种伪静态URL链接形式,需要配置Nginx和Apache以获得支持。

如果你使用的是宝塔面板,需要配置WordPress伪静态规则,登录你的宝塔面版,点击“网站”菜单进入网站列表,选择你需要配置的网站,点击“设置”,在弹出窗口找到伪静态选项,然后选择网站程序为“WordPress”,最后保存即可。

宝塔控制面板-静态化设置

宝塔控制面板-静态化设置

如果你使用的是LNMP环境,一般情况下你在配置host的时候,若已经选择WordPress作为网站程序,理论上lnmp已经帮你配置好了网站伪静态。

但如果你在使用/%post_id%.html格式作为固定链接时发生链接无法访问,可以尝试手动配置Nginx或者Apache,配置参考如下:

Nginx伪静态配置

一般目录为/usr/local/nginx/…,找到网站的conf或者rewrite规则的conf,添加以下代码行:

location /
{
   try_files $uri $uri/ /index.php?$args;
}

rewrite /wp-admin$ $scheme://$host$uri/ permanent;

Apache伪静态配置

一般目录为/www/wwwroot/www.yourdomain.com,修改.htaccess文件添加以下代码行:

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

分类目录

进入WordPress仪表盘,选择“文章”-“分类目录”,创建你的WordPress博客的文章分类。

  • 名称-即分类的中文名称或者英文名称,e.g. 系统工具
  • 别名-即名称对应的拼音或者英文单词组合,e.g. system
  • 父级分类目录-如果设置的分类隶属一个分类,则可以选择对应的父级分类,建议尽可能使用一级分类;
  • 图像描述-对该分类进行简单的描述,一句话简单概括即可即可。注意:Pure Blog主题的分类列表页标题会引用分类的图像描述,建议分类图像描述尽可能使用一句话精简概况!

完成设置后,点击下方的“添加新分类目录”按钮保存

WordPress分类目录设置

WordPress分类目录设置

新建页面

一个WordPress博客网站,你可能需要设置一些诸如关于、联系等页面。你可以通过“WordPress仪表盘”-“新建页面”,输入页面标题和页面内容后,点击发布即可。

WordPress独立页面建立

WordPress独立页面建立

菜单设置

完成了分类目录和页面创建后,需要为Pure Blog主题博客网站配置一个页脚导航菜单,依据下面的操作进行配置。

注:Pure Blog是一个极简的博客主题,如果你问“为什么没有顶部菜单导航”?

要设置Pure Blog的页脚菜单导航很简单,进入WordPress仪表盘,点击“外观”-“菜单”,输入菜单名称,e.g.Top nav,点击“创建菜单”按钮;

Pure Blog主题页脚菜单设置

Pure Blog主题页脚菜单设置

然后,选择你需要在博客网站顶部菜单导航展示的分类目录和页面,添加到菜单,以添加分类目录为例,点击“分类目录”-“查看所有”,勾选你需要的分类目录,点击“添加到菜单”,勾选“主导航菜单”,最后点击“保存菜单”。如果你需要添加页面到主导航菜单,可以参照操作教程添加。

注:如果你需要对导航菜单里面的分类导航进行排序,可以通过鼠标拖拽调整位置。

小工具设置

你可以通过WordPress仪表盘,“外观小工具”,进入小工具设置页面,为Pure Blog博客主题配置小工具。你可以通过拖拽的方式将WordPress提供的任何小工具拖拽到边栏上部或者边栏下部(即前端页面的右边栏)。

Pure Blog博客主题共提供分类、热门关键词(热门标签)、热门文章、最新评论及数据统计五个小工具。

  • 分类-默认添加到Pure Blog主题边栏的顶部,无需做任何设置,仅展示一级分类;
  • 热门标签-我们设计的热门标签小工具与大部分的标签云有一定的区别,一般标签云取全局数据排序,我们的热门标签将会根据当前所在位置进行智能取值排序,比如首页边栏会按整站标签排序取值,分类边栏会取该分类的标签排序取值;
  • 最新评论-就是网站的最新评论内容展示;
  • 热门文章-热门文章也是采取类似于热门标签的方式取值;
  • 数据统计-支持展示网站的一些基础数据,包括文章数、评论数、访问总数、最后更新。

Pure Blog主题小工具设置

Pure Blog主题小工具设置

当然你也可以添加WordPress自带的小工具(不建议这样做,为了保证主题的纯粹)。如果你的博客原来也配置了一些边栏小工具,也建议你删除。如果非得在边栏添加小工具,则建议添加到边栏下部。

 

主题设置

Storeys主题采用了闪电博团队定制的主题设置界面,包含了基本设置、广告管理、SEO优化、下载管理等非常丰富的自定义功能,你可以通过“WordPress仪表盘”-“主题设置”进入Storeys主题设置界面。下面我们来具体介绍每一个功能的使用:

基本设置

(1)网站基本设置

  • Logo-即网站的Logo图片,要求使用透明背景的Logo(PNG格式),且图片宽度默认最大160像素,高度不设限制(需要注意的时候,尽可能不要上传竖版Logo);
  • Favicon-网站收藏夹图标,展示在收藏夹、地址栏和快捷方式等,你可以通过在线工具生成一个;
  • Banner背景图-即作为首页及列表页的Banner图片,建议图片宽度不要低于1920px;
  • 主题主色调-你可以通过调色板更改主题的主色调;
  • 自动加载分页数-开启自动加载分页功能及自动加载页数后,网站列表页即使用自动加载分页的方式加载。
  • 列表文章数量-这个是依赖WordPress自带的功能实现的。

Pure Blog博客主题说明文档插图6

Pure Blog主题基本设置

(2)页脚版权信息设置

在这里你可以设置Pure Blog主题的所有页脚信息内容,包括页脚版本信息、页脚菜单(依赖WordPress功能)、页脚社交图标等。

Pure Blog博客主题说明文档插图7

 

发布文章

Pure Blog博客主题有其独特的风格特色,在发布文章时需要注意的一些细节。即,若文章无特色图片时,在列表将会仅展示文章标题;有文章特色图片,则会展示所设置的特色图片,如下图所示:

Pure Blog列表文章展示

Pure Blog列表文章展示

更新记录

V1.1.2 2024.03.20
  • 新增广告系统:主题设置管理列表,提供自定义html代码及上传图片两种形式;首页,列表,详情,侧栏各预埋广告展示位。
  • 新增自动提取内容图片生成相册:主题设置开启功能后,大于400像素的图片多于1张,则提取出来在页头组装成相册。
  • 新增列表页特色图配置:自定义特色图第一优先;若无,可开启自动提离内容图片作为特色图展示(并至多显示3张)。
  • 新增列表页文章概述可配置:主题设置可设定字符数,设定为0则不显示。
  • 新增支持导航菜单:激活导航菜单则替代右栏分类列表。
  • 新增支持作者列表页。
  • 优化整体页面结构。
  • 优化主题设置方法相关,组件交互优化;调整部分功能字段,如增加一键开关小工具功能。
  • 优化部分Wordpress钩子,如去掉旧有header及footer的若干自定义钩子,改用wordpress自带的。
  • 梳理优化样式细节;并引入css变量,如:主色调(--wb-theme-color), 浅灰背景色(--wb-bgc), 白色背景色(--wb-bgcl), 一般字体色(--wb-bfc), 强调字体色(--wb-fcs), 弱化字体色(--wb-wk), 浅灰边框色(--wb-bbc), 等等。
V1.1.1 2023.06.10
  • 优化列表自动输入文章前120个字符作为摘要;
  • 优化列表特色图展示逻辑;
  • 优化分类小工具查询方式;
  • 优化分类小工具按降序排列;
  • 修复移动端搜索无结果页面错位bug;
  • 修复列表分页换行问题。
V1.1.0 2023.01.15
  • 改版主题设置界面及交互;
  • 增加页眉背景图可配置;
  • 新增列表页特色图比例可配置;
  • 优化移动端,隐藏侧栏,增加菜单入口并展示分类导航;
  • 优化整体样式细节;
  • 优化js写法,解除对jQuery依赖,并在主题设置新增开关控制是否对其引入;
  • 页脚增加公网安备号可设置;
  • 友链管理优化,修正无法删除第1条记录的bug;
  • 适配最新版WP,兼容古腾堡小工具默认样式;
  • 其他目录结构调整,方法更新,清理失效文件。
V1.0.2 2020.12.05
  • 修复自定义代码设置保存后跳转至错误页面bug;
  • 修复友情链接管理保存后页面位置定位错误bug;
  • 修复友情链接前端展示样式错误bug;
  • 优化列表自动加载页设置功能;
  • 新增主题设置环境参数页面。
V1.0.1 2020.07.18
  • 主题设置新增列表文章数量设置快捷链接;
  • 主题设置新增页脚菜单设置快捷链接;
  • 优化部分主题设置项说明文字;
  • 优化列表翻页样式;
  • 注释数据统计小工具无效数据项。
V1.0.0 2020.07.16
  • 极简主义版式设计;
  • 极简主题代码设计;
  • 简单易上手的闪电博定制开发的主题设置界面,开箱即用;
  • 多种小工具可选,实现丰富的边栏自定义。