马春杰杰博客
致力于深度学习经验分享!

[mcj]Dux大前端主题增加网站顶端公告模块

文章目录
[隐藏]

本文主要参考初缘小站文字咖两位站长的文章,对其中失效的地方进行了修改。在此对二位表示感谢!

先看下效果:

[mcj]Dux大前端主题增加网站顶端公告模块

1 后台添加公告按钮

首先需要在后台添加公告按钮,如图:

[mcj]Dux大前端主题增加网站顶端公告模块

functions.php同级目录下新建mcj_gonggao.php文件,代码如下:

然后,打开functions.php文件,引用刚刚建立的文件:

这时如果我们登陆后台,就会发现在文章下方多了一个公告按钮。

2 添加位置

把下面代码放到index.php相应位置:

比如,我们可以放在<div class="content">下面。

3 添加CSS样式

将下面样式放到main.css中:

4 增加开关按钮

我们找到主题目录下options.php文件,找到return $options; 在这之前添加:

5 增加JS滚动代码

到这里差不多结束了,只需要增加JS滚动代码就可以滚动了。代码如下:

温馨提示: 此处内容需要 评论本文刷新本页 才能查看!

这里代码的添加有两个地方,一个是index.php,这样就是只在首页调用,也可以放在header.php中。这个大家自己决定就行了。

本文最后更新于2019年7月6日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果你对这篇文章有什么疑问或建议,欢迎下面留言提出,我看到会立刻回复!

打赏
未经允许不得转载:马春杰杰 » [mcj]Dux大前端主题增加网站顶端公告模块

留个评论吧~ 5 评论前登陆可免验证码!

私密评论
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址(选填,便于回访^_^)
  1. #5

    新人报道

    55556 4年前 (2020-08-21) 来自天朝的朋友 谷歌浏览器 Windows 7 回复
  2. #4

    新人报道

    hubinliang 4年前 (2020-03-09) 来自天朝的朋友 搜狗浏览器 Windows 10 回复
  3. #3

    感谢

    chen 4年前 (2020-02-17) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  4. #2

    公告点进去就显示未找到页面,怎么回事啊

    佛系软件 4年前 (2019-11-19) 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  5. #1

    谢谢

    佛系软件 4年前 (2019-11-18) 来自天朝的朋友 谷歌浏览器 Mac OS X 10_15_1 回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

登录

忘记密码 ?

切换登录

注册