如何给PC端设置公告栏,内含详细教程

可乐 小轻IP 关注 七级站长 VIP
发表于站长交流区版块
因为网站需要跟用户及时联系,原来的【全站弹窗公告 插件】站内消息群发插件、内置系统邮件插件可以跟用户发通知,但是常驻通知才是最有效的,所以我自行设计了这个功能,准备做插件的,但是做了一半发现有点难度,希望有大佬带带我。


网站效果:


Image


在热搜后面加了一个通知项目,使用了fontawesome然后标红比较显眼,通知后的内容可以在后台进行设置。


以changable模板为例,教大家如何设置,首先打开wwwroot/template/puyuetian_changable/目录,找到head.hst文件。


在<div class="_hotwords"></div>后加入:

<font color="#FF0000"><i class="fa fa-calendar-o" style="margin-left:10px;margin-top:7px"></i><b> 通知:</b></font><font>{$_G['SET']['TEMPLATE_PUYUETIAN_CHANGABLE_AD0']}</font>
这里解释下,其中的CHANGABLE_AD0使用的是模板中的广告变量,我只是标了个0,为了省事,我拿这个做了个后台的动态更新的功能。


但是大家在设置的时候需要注意的是需要给这个公告足够大的空间,否则会换行显示,我在这里设置的值是pk-w-md-10和pk-w-md-2,按照我的参数修改就行了。


Image


以下是后台操作界面演示:


Image


这里的界面设置需要打开模板目录下的setting.hst页面,在广告位前面插入以下代码:

	<div class="pk-row pk-padding-bottom-15">
		<label class="pk-w-sm-3 _labeltext">公告</label>
		<div class="pk-w-sm-8">
			<input class="pk-textbox" type="text" name="template_puyuetian_changable_ad0" placeholder="此处请填写文字内容"
				value="{htmlspecialchars($_G['SET']['TEMPLATE_PUYUETIAN_CHANGABLE_AD0'],ENT_QUOTES)}" />
		</div>
	</div>
设置好了之后刷新后台和前台,看看效果吧!如果对你有帮助,请评论点赞,打赏随意!


小技巧分享,大神勿喷,如有大佬想带带小弟的,可以给私信留言。


评论列表 评论
可乐 小轻IP 七级站长 VIP 3#
本教程中的公告提示其实并不是只能填写文字,可以加入超链接等html标签,如下图:(具体方法请自行探索,不难)

Image

共0条回复,点击查看回复
mnet mnet 四级站长 VIP 4#
emotion
共0条回复,点击查看回复
夜寒 红尘吧 八级站长 VIP 2#
可以的

Image

小轻论坛:
优秀,这么快就做好了!

1997小论坛:
学习使我进步

共0条回复,点击查看回复
发布评论

评论: 如何给PC端设置公告栏,内含详细教程

已有1次打赏
乐天打赏给楼主20天豆,2022-02-16 13:36:23
(4) 分享
分享

请保存二维码或复制链接进行分享

取消