wordpress添加顶部滚动公告

非插件版为wordpress网站添加顶部的滚动公告栏,添加网站公告,效果如本站顶部的公告,公告内容中可以包括超链接。

 

添加公告文章类型

首先,注册一个公告的文章类型,包括公告的新建,添加,编辑与删除。在functions.php的同级目录下新建一个gonggao.php:

在functions.php中引用该公告的php文件,在functions.php的底部加上如下代码:

之后,再登录到wordpress网站的后台,就可以看到在文章的下面多了一个公告标签:

wordpress-announcement-tags

 

添加公告与样式

公告内容代码

将公告内容放在页面的某个位置,例如我将公告放在页面的顶部:

其中3代表有3条公告,70则表示每个公众显示70个字符。这个可以根据你自己的情况设置。

公告CSS样式代码

添加了公告的内容代码后,需要对公告设计相应的样式,依然以本站的样式为例:

 

添加公告滚动效果

在添加了公共的内容以及样式后,就是需要添加公告的滚动代码了,需要jQuery库:

 

全部弄好之后,以后如果需要添加新的公告,只需要在wordpress后台发布对应的公告内容,修改公告内容代码中的posts_per_page对应的值就可以实现顶部滚动公告栏的效果了。

Telegram频道已经开通,关注flyzythink,随手分享正能量,了解VPS优惠与补货
Telegram群组已经开通,加入flyzy小站,FREE TO TALK
搬瓦工用户交流TG群,加入搬瓦工用户交流群,畅聊搬瓦工
VPS交流群1(已满):780593286 flyzy小站
VPS交流群2:729726961 flyzy小站
搬瓦工交流群(搬瓦工用户推荐):938957834 flyzy小站
搬瓦工补货通知群:618922256 搬瓦工补货通知群
点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注