前言

大家好，我是墨星，好久不见，博客最近进行了一段时间的维护，在期间除了将博客的内容进行整理之外，也将墨星顶部信息插件进行了重构。如果没有听过墨星顶部信息插件，那么下面一张截图你一定见过，在之前的版本中存在一些小问题，例如在子比主题全局loading动画加载过程中的遮罩部分会提前显示一部分的页面。还有缩略图的加载问题，css样式的加载问题，面包屑导航的位置等等，于是我这次进行了重构，本地重构的版本可玩性提高了，支持自己DIY想要展示的东西以及样式，完全可以自己搭配，本次插件还是和之前一样，不会涨价，之前3.0版本及以上购买过的用户凭购买订单号/付款记录私我获取最新版授权名额。也借此声明一下，可免费更新的认准墨星在墨星博客以及子比论坛中发布的。

前台截图

后台截图

文章页配置和帖子页配置是差不多的，这里就只展示文章页配置了。

使用教程

使用前需先进入后台，在顶部有个钩子检测的模块，如果提示检测到未插入钩子，一般是第一次使用或者是更新了主题之后就会这样，钩子就会被覆盖掉，需要进入后台页面点击添加钩子，提示添加成功后开启顶部信息按钮功能点保存即可，下面配置可根据自己自己的喜好自行调节，对应的功能看下面

功能详解

展示模式

• 标准模式即为半屏顶部信息模块展示
• 全屏模式

全屏模式为显示位置为整个屏幕的高度。并在页面的底部显示滚动波浪，并显示一个动态动画效果箭头，点击后即可跳转到文章内容部分。

背景颜色模式

• 获取缩略图主色调：字面意思，自动获取缩略图的主色调，但是不会取和文字相冲突色差过大的颜色。
• 自定义颜色：自定义颜色为普通的自己填入颜色固定模式

背景缩略图模糊元素

这个功能为在缩略图的附近背景显示缩略图的模糊版，增强层次感，推荐开启

文章属性配置

• 文章属性功能开启后在古腾堡编辑器中编辑文章，可以在侧边栏找到后台添加的属性名称，选择后，属性将与文章绑定，可以在前台查看属性，在分类目录旁边显示

分类目录/标签样式选择

• 磨砂玻璃

• 半透明高亮(半透明背景，鼠标移入后高亮显示，颜色获取子比主题后台配置的全局主颜色)

• 移入半透明(鼠标移入后显示和半透明高亮默认的样式效果，默认为不显示背景，推荐标签使用)

• 纯文字风格(字面意思，无特殊样式效果，为无背景的纯文字效果)

• 标签数量：可以选择取前三个标签，也可以选择取后三个标签，也可以选择随机取三个，在移动端都显示为两个，为了更好的适配效果

标题大小

标题大小可以根据自己的需求自己调节，单位为像素px

展示元数据

展示元数据为显示的统计数据，可根据自己的需求进行调节

元数据文字标签

开启后显示“作者”“发布于”“更新于”这类字样。关闭后只显示统计的数字

信息定位

• 左侧为上面我放的效果图。信息在左侧，缩略图在右侧
• 居中效果为之前的传统效果，但是缩略图的效果只能使用背景移入

  

• 右侧为文字在右，缩略图在左侧

缩略图展示模式

• 独立展示：独立展示为在顶部显示独立的的缩略图展示模块，鼠标移入后显示光影效果并附加3D悬浮视图跟随鼠标移动。
• 倾斜立体边框：鼠标移入后缩略图放大。倾斜效果

底部衔接效果

• 波浪效果：如图所示日夜适应滚动波浪效果
• 上移覆盖：下方元素全部上移和顶部信息衔接。

波浪展示风格

• 经典流体波浪：为上图显示的波浪滚动效果
• 交错层叠波浪：为下图所示

背景圆点浮动

顶部信息背景圆点浮动效果

移动端信息横向滚动

开启后移动端信息统计元素栏支持横向滚动，不换行展示

结语

墨星顶部信息V6.0版本为重构后的第一个版本，可能还会存在不足，如有好的建议可以联系我。还是一样，墨星顶部信息V3.0版本及以后购买过任意版本的可支持免费更新。仅支持在子比论坛我的账号下购买或在墨星博客购买的有效。联系QQ：3125591974。微信：moxing_6666