!
也想出现在这里? 联系我们
广告位
当前位置:首页>技术分享>网站运维>WordPress主题添加全站底部三栏推广模块(wordpress底部导航插件)

WordPress主题添加全站底部三栏推广模块(wordpress底部导航插件)

DUX 主题底部推广模块默认只有一行文字以及两个按钮,不能设置显示更多信息,想要增添些自定义的代码也比较麻烦,其前端显示大致如下所示:

WordPress主题添加全站底部三栏推广模块(wordpress底部导航插件)

怎么说呢,样式倒也算不上难看。但是总感觉这么大一块地方显示这么点儿内容有点浪费,于是决定修改下这个模块。与其说是修改倒不如说是新增加了一个模块。下面是我修改完成后的 PC 端及移动端的显示效果,如果你觉得还不错可参照下面教程进行修改。

WordPress主题添加全站底部三栏推广模块(wordpress底部导航插件)

PC 端显示样式

WordPress主题添加全站底部三栏推广模块(wordpress底部导航插件)

移动端显示样式

由于目前我所使用的 DUX 主题后台采用 OptionFramework  框架,所以此次修改的内容适用于后台同样采用此框架的主题。当然其他框架的主题也不必担心,文后我会提供静态页面的 DEMO 文件,大家也可参照着针对自己主题修改下。另外,在主题修改前,请大家仔细阅读>>>关于本博“主题修改”你需要知道的一些事。

新建 module_footer_brand_lmr.php 文件

新建一个名为 module_footer_brand_lmr.php 的文件,并将以下代码复制到新建的文件夹中,最后将文件丢到主题的 modules 文件夹中即可。

此代码为实现此功能的核心代码,请确保代码复制完整,并在之后添加的前端显示中正确调用。

前端显示代码

将以下代码添加到主题 footer.php 文件中去,添加的具体位置大家自行斟酌。

如果你讲 module_footer_brand_lmr.php 文件丢到了其他文件夹中,请注意修改上述文件路径以免调用失败。

后台自定义选项

将以下代码添加到主题的 options.php 文件中去,刷新后台主题选项页面即可看到一个名为“蝈蝈页脚”的标签,设置该标签下的选项即可显示页脚推广模块。

CSS样式代码

将以下代码添加到主题的样式文件中,一般为 style.css 文件中。不过 DUX 主题的话添加到 main.css 文件中去即可。

添加完成后,开启功能,刷新网站即可查看显示效果。如果出现样式混乱,请仔细查看浏览器缓存或 CDN 缓存。

资源下载

免费资源本地下载点击下载百度网盘点击下载提取码: IQGG复制注意:本站资源多为网络收集,如涉及版权问题请及时与站长联系,我们会在第一时间内与您协商解决。如非特殊说明,本站所有资源解压密码均为:zibuyu.life。

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

PHP、CSS、JS文件修改后前端效果出不来怎么办

2022-9-9 12:32:23

网站运维

WordPress 主题添加底部悬浮广告栏

2022-9-9 12:33:13

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