文章列表美化和首页左侧快捷锚导航适配手机端适配黑夜模式 - 子比主题（仿自macgf）

2024.1.23 更新：增加单行文章列表样式

2024.1.22 更新：适配黑夜模式

2024.1.14 更新：解决了锚点不能跳转的问题

添加代码

添加代码：

路径在 zibll/index.php 里面

菜单只能手工录了，#号 zuixinfabu 不要动，后面跟的两个分类的 bbmh 和 zbmh 是分类别名。跳转至对应的卡片列表。

<ul id="menu" class="ontop show" style="background:var(--main-bg-color);">
        <a class="scroll-link" href="javascript:(scrollTo('#zuixinfabu',-1));" rel="external nofollow" ><li title="最新发布"   style="color:var(--key-color);" class="">最新发布</li></a>
        <a class="scroll-link" href="javascript:(scrollTo('#bbmh',-1));" rel="external nofollow" ><li title="B2 美化"   style="color:var(--key-color);" class="">B2 美化</li></a>
        <a class="scroll-link" href="javascript:(scrollTo('#zbmh',-1));" rel="external nofollow" ><li title="子比美化"   style="color:var(--key-color);" class="">子比美化</li></a>
        <a class="scroll-link" href="javascript:(scrollTo('#Onecad-tuijian',-1));" rel="external nofollow" ><li title="人气作者"   style="color:var(--key-color);" class="">人气作者</li></a>
    
    <a class="scroll-link" href="javascript:(scrollTo('#syphb',-1));" rel="external nofollow" ><li title="排行榜"   style="color:var(--key-color);" class="">排行榜</li></a>

    </ul>

后台 首页配置 显示标题

<p id="zuixinfabu">最新发布</p>

改动代码比较少，目前是根据子比 7.5.1 版本改的（附件已经放置 7.6 的列表模板替换一下就可以适配 7.6 版本），如果有更高的版本要适配，修改对应的新版widget-posts.php文件即可。

外观小工具添加文章列表

选择卡片模式。

感谢您的来访，获取更多精彩文章请收藏本站。