这款基于CSF框架开发的新闻板块小工具，是子比主题用户的专属福利——它无需复杂开发，无需额外插件，通过可视化配置就能实现专业级的新闻展示效果；四大核心模块各司其职，既能凸显重点内容，又能聚焦热点资讯，兼顾实用性与观赏性；同时深度适配子比主题风格，响应式设计覆盖全设备，性能优化保障站点速度，安全可靠无隐患。
无论是个人博客、资讯站点，还是自媒体平台，这款新闻小工具都能完美适配你的需求，帮助你打造高颜值、高交互、高转化的新闻展示区，让站点内容更具吸引力，提升访客停留时长和转化率。目前工具已完成全部开发，可直接部署使用，后续还将根据用户反馈，持续优化功能、完善样式，为子比主题用户提供更优质的使用体验。
四大模块，一站式搞定新闻展示
这款新闻板块小工具采用“左侧主内容+右侧排行榜”的经典布局，内置幻灯片、卡片、列表、排行榜四大核心模块，每个模块均可独立配置，灵活适配不同站点的内容需求，无论是资讯类、博客类还是自媒体类站点，都能轻松适配。
一、幻灯片模块：视觉焦点，凸显重点内容
幻灯片是新闻板块的“门面”，也是吸引访客注意力的关键。该工具的幻灯片模块支持多图添加、自定义配置，兼顾美观与实用性，具体功能亮点如下：
- 灵活添加幻灯片：支持无限添加幻灯片内容，每张幻灯片可独立设置图片和跳转链接，点击图片即可跳转至对应文章，实现重点内容的快速引流；
- 自定义样式配置：可自由调节幻灯片高度（80px-400px可调）、自动切换间隔（2-10秒可调），满足不同站点的布局需求；
- 多样切换动画：内置滑动、淡入淡出、3D方块、3D滑入、3D翻转5种切换效果，可根据站点风格自由选择，提升视觉体验；
- 细节优化：支持显示指示器，方便访客手动切换幻灯片，同时添加图片懒加载功能，优化站点加载速度，避免因图片过多导致的页面卡顿。
二、卡片模块：图文结合，突出最新内容
卡片模块采用四列网格布局，图文结合展示重点新闻，既能凸显内容层次感，又能提升页面美观度，核心亮点的在于“时效性标识”和“个性化样式”：
- 时效性标签：可自定义标签文字（默认“最新”），仅24小时内发布的文章会显示该标签，让访客快速识别最新资讯；
- 渐变标签样式：内置5种渐变样式（红橙、蓝紫、绿青、黄橙、粉紫），可自由选择，与子比主题的渐变风格完美契合；
- 智能内容筛选：支持按分类限制卡片内容，可选择单个或多个分类，同时支持按发布时间、浏览量、评论数、点赞数等多种方式排序，精准展示目标内容；
- hover交互效果：卡片 hover 时图片缩放、标题渐显，标签添加自动扫光动画，提升页面交互感，让静态内容更具活力。
三、左侧列表模块：简洁直观，呈现今日要闻
左侧列表模块主要用于展示今日要闻或核心资讯，布局简洁、重点突出，适配子比主题的原生样式，具体功能如下：
- 自定义标题与图标：可自由设置列表标题（默认“今日要闻”）和标题图标，支持FontAwesome图标库，与子比主题的图标体系无缝衔接；
- 日期自动更新：标题右侧自动显示当前日期和星期，采用随机蓝紫、粉红两种渐变背景，既美观又实用，无需手动更新；
- 灵活内容配置：支持按分类筛选列表内容，可调节显示数量（1-20篇可调），排序方式多样化，满足不同内容展示需求；
- 美化列表样式：列表采用左右分栏布局，奇数项与偶数项分别添加不同颜色的左侧边框，hover时添加背景变色和微小上浮效果，提升阅读体验。
四、右侧排行榜模块：聚焦热点，提升内容曝光
排行榜模块是提升内容曝光、引导访客深度浏览的关键，该工具的排行榜模块兼顾实用性与交互性，核心功能如下：
- 自定义排行榜标题与图标：可设置排行榜标题（默认“热点排行榜”）和图标，与左侧列表模块呼应，保持页面风格统一；
- 灵活分页控制：支持设置排行榜总数（5-30篇可调）和每页显示数量（3-10篇可调），添加前后页切换按钮，方便访客浏览更多热点内容；
- 热点标识突出：排行榜前3名采用不同颜色标识，第1名红色、第2名橙色、第3名黄色，让热点内容一目了然；
- 内容精准筛选：支持按分类限制排行榜内容，可按浏览量、评论数、点赞数、发布时间排序，精准呈现站点热点资讯，同时显示文章摘要，吸引访客点击。
设计亮点：颜值与性能双在线，适配子比主题调性
这款新闻小工具不仅功能强大，更在设计上深度贴合子比主题的高颜值风格，同时兼顾性能优化，让站点既有美感又有速度：
- 风格统一：所有模块的样式、颜色、圆角均与子比主题原生风格保持一致，包括渐变色彩、边框样式、字体大小等，避免出现风格割裂问题；
- 交互细腻：添加多种hover交互效果，包括图片缩放、标题渐显、标签放大、列表背景变色等，让页面更具活力，提升访客体验；
- 响应式适配：完美适配移动端、平板、PC端，不同屏幕尺寸下自动调整布局——PC端左侧主内容+右侧排行榜，移动端自动切换为上下布局，卡片模块在移动端自动变为两列，确保不同设备的浏览体验一致；
- 性能优化：添加图片懒加载、CSS样式压缩、JS代码精简等优化，避免占用过多站点资源，同时通过静态样式渲染，减少页面加载时间，提升站点速度；
- 安全可靠：添加ABSPATH安全验证，防止直接访问文件导致的安全隐患，同时代码遵循WordPress开发规范，不修改主题核心文件，避免站点崩溃风险。
使用方法：零技术门槛，一键部署启用
这款新闻板块小工具的使用方法非常简单，无需专业技术知识，新手也能快速上手，具体步骤如下：
- 下载工具文件：将widget-news-block.php文件下载至本地；
- 上传文件：通过FTP或WordPress后台“外观-主题文件编辑器”，将文件上传至
/wp-content/themes/zibll/widgets/目录下； - 启用小工具：进入WordPress后台“外观-小工具”，找到“新闻板块”小工具，将其添加至目标侧边栏或页面布局中；
- 配置参数：点击小工具展开配置面板，根据自身需求设置幻灯片、卡片、列表、排行榜的相关参数，所有配置实时预览，无需刷新页面；
- 保存生效：配置完成后点击“保存”，即可在前台看到新闻板块的展示效果，可根据实际效果微调参数，直至满意。
