!
也想出现在这里? 联系我们
广告位
当前位置:首页>运营>网站运维>WordPress 新增置顶文章图像盒子模块

WordPress 新增置顶文章图像盒子模块

最近工作比较忙,好长时间没有更新博客了,都要长草了。抽了点时间做了这么个小功能,我将其命名为“图像盒子模块”,主要是获取的置顶文章,当然你也可以修改代码获取其他文章。由于设置的置顶文章可能过多,这里随机获取了 5 篇置顶文章。显示效果如下图所示。

WordPress 新增置顶文章图像盒子模块

代码应该是使用与所有 WordPress 主题的,具体我没有测试。大家自行测试下即可。下面简单说下代码部署方式。

新增 module_img_box_posts.php 核心文件

新建一个名为 module_img_box_posts.php 的文件,并将如下代码丢到文件中去:

然后将该文件丢到主题文件夹下。DUX 主题的话丢到主题文件夹下的 modules 文件夹中即可。具体位置不做强制要求,后面前端调用时路径正确即可。

前端引用代码

直接将一下代码丢到主题的 index.php 文件中去即可:

由于我自己在主题后台设置了开启选项,这里分享一下方法。DUX 主题或其他使用 OptionsFramework 框架的都可以使用。

然后再主题的 options.php 文件中加入如下代码即可:

修改前注意看下这篇文章:https://zibuyu.life/3171.html

CSS 样式文件

按上述操作一步步做下来,你的网站前端应该能显示出调取的文章了。下面简单分享下我调整的 CSS 样式。你也可以自行调整适合自己主题的其他样式。

以上。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

User Role Editor—WP角色管理器插件

2022-9-4 12:34:23

网站运维

解决vue项目在npm run build打包的时候报错

2022-9-4 14:30:36

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索