欢迎光临
我们一直在努力

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

华为学生服务器每月仅需9元!
文章目录
[隐藏]

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

先看下效果:

[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中。这个大家自己决定就行了。

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

打赏
未经允许不得转载:马春杰杰 » [mcj]Dux大前端主题增加网站顶端公告模块
华为学生服务器每月仅需9元!

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

私密评论

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址(选填,便于回访^_^)
  1. #2

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

    佛系软件 12小时前 来自天朝的朋友 谷歌浏览器 Windows 10 回复
  2. #1

    谢谢

    佛系软件 22小时前 来自天朝的朋友 谷歌浏览器 Mac OS X 10_15_1 回复
切换注册

登录

忘记密码 ?

切换登录

注册