Eswlnk Blog Eswlnk Blog
  • 资源
    • 精彩视频
    • 破解专区
      • WHMCS
      • WordPress主题
      • WordPress插件
    • 其他分享
    • 极惠VPS
    • PDF资源
  • 关于我
    • 论文阅读
    • 关于本站
    • 通知
    • 左邻右舍
    • 玩物志趣
    • 日志
    • 专题
  • 热议话题
    • 游戏资讯
  • 红黑
    • 渗透分析
    • 攻防对抗
    • 代码发布
  • 自主研发
    • 知识库
    • 插件
      • ToolBox
      • HotSpot AI 热点创作
    • 区块
    • 快乐屋
    • 卡密
  • 乱步
    • 文章榜单
    • 热门标签
  • 问答中心反馈
  • 注册
  • 登录
首页 › 代码发布 › 一天一个WordPress小技巧:如何给自己的网站添加公告弹窗

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗

Eswlnk的头像
Eswlnk
2020-12-30 1:05:49
一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog
智能摘要 AI
本文介绍了如何在WordPress网站上实现首次访问弹窗公告。使用Elfsight Popup Plugin插件,通过设置Cookies来判断用户是否为首次访问。具体步骤包括:在`functions.php`中添加设置Cookies的代码,在`header.php`中插入显示弹窗的PHP代码,并确保弹窗ID正确配置。最终效果可通过无痕浏览测试验证。

死亡的生命已经朽腐。我对于这朽腐有大欢喜,因为我借此知道它还非空虚。

——鲁迅

WordPress作为一个开放式的博客Application,给了开发者们很大的便利。国内的许多开发爱好者们也为WordPress的主题开发做出了很大的贡献。

例如众所周知的:nicetheme 闪电博(Wbolt)

对于我个人而言,他们开发的高质量主题是非常符合我的胃口的,同时也给了用户自由发挥写代码的空间。

今天就分享本站所使用的公告弹窗代码!

0x00 事前准备

必备插件

Elfsight Popup Plugin (Version 1.1.0)下载链接在文章的最下方

可视化的弹窗插件,自由度高,免费并且体积小,非常适合博客的使用。

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog

点击 Create widget 即可创建弹窗公告,并且提供短代码,可以在文章或者页面上添加,也可以在小工具中添加弹窗,非常的方便!

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog

明确目的

用户在第一次访问网站时弹窗窗口,并且可以关闭,第二次进入不再弹窗

如何实现

设置用户cookies,通过判断目标cookies是否存在来确定用户是否是第一次访问网站

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog

0x01 开始操作

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog

Cookies

在WordPress模板的functions.php文件中添加以下代码:

function set_newuser_cookie() {
    if (!isset($_COOKIE['sitename_newvisitor'])) {
        setcookie('sitename_newvisitor', 1, time()+1209600, COOKIEPATH, COOKIE_DOMAIN, false);
    }
}
add_action( 'init', 'set_newuser_cookie');
// 上面一行代码也可以改成下面一行代码
// add_action('after_setup_theme', 'set_newuser_cookie');

setcookie后的参数可以自定义,这里为了方便就设置为1;

Display Pop-up

找到模板的header.php文件,在<body></body>之间添加以下代码:

<?php 
if (isset($_COOKIE['sitename_newvisitor'])!=1) {
echo do_shortcode( '[elfsight_popup id="##"]' );
}
?>
//将##换成你的弹窗ID

弹窗ID:

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog

0x02 查看效果 问题解决

打开浏览器的无恒浏览,访问网站是否弹窗:

一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog
一天一个WordPress小技巧:如何给自己的网站添加公告弹窗-Eswlnk Blog
Elfsight Popup Plugin 提取码:081y

本站默认网盘访问密码:1166
本站默认网盘访问密码:1166
声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
WordPress代码弹窗
2
0
Eswlnk的头像
Eswlnk
一个有点倒霉的研究牲站长
赞赏
WordPress:QQ无法获取你的文章标题怎么办?一招让你的网页分享变得高大上
上一篇
总结安装ffmpeg拓展命令
下一篇

评论 (0)

请登录以参与评论
现在登录
    发表评论

猜你喜欢

  • 插件分享:新增自助购买卡密功能
  • 小工具开发之EdgeOne免费计划兑换工具
  • 主题改造计划:手动模块化网站首页
  • 「插件分享」WP Migrate DB Pro | WordPress数据一键迁移工具
  • 「日志记录」逆向必应翻译网页版API实现免费调用
Eswlnk的头像

Eswlnk

一个有点倒霉的研究牲站长
1108
文章
319
评论
679
获赞

随便看看

「代码发布」实现博客或第三方网站嵌入bilibili视频
2022-08-20 15:52:26
通用网盘下载链接检测_Serverless云函数应用
2022-05-08 16:16:39
使用 certbot 快速获取 Let’s Encrypt 证书,提升网站安全性
2023-07-26 21:59:14

文章目录

专题展示

WordPress53

工程实践37

热门标签

360 AI API CDN java linux Nginx PDF PHP python SEO Windows WordPress 云服务器 云服务器知识 代码 免费 安全 安卓 工具 开发日志 微信 微软 手机 插件 攻防 攻防对抗 教程 日志 渗透分析 源码 漏洞 电脑 破解 系统 编程 网站优化 网络 网络安全 脚本 苹果 谷歌 软件 运维 逆向
  • 首页
  • 知识库
  • 地图
Copyright © 2023-2025 Eswlnk Blog. Designed by XiaoWu.
本站CDN由 壹盾安全 提供高防CDN安全防护服务
蜀ICP备20002650号-10
页面生成用时 0.937 秒   |  SQL查询 36 次
本站勉强运行:
友情链接: Eswlnk Blog 网站渗透 倦意博客 特资啦!个人资源分享站 祭夜博客 iBAAO壹宝头条
  • WordPress142
  • 网络安全64
  • 漏洞52
  • 软件52
  • 安全48
现在登录
  • 资源
    • 精彩视频
    • 破解专区
      • WHMCS
      • WordPress主题
      • WordPress插件
    • 其他分享
    • 极惠VPS
    • PDF资源
  • 关于我
    • 论文阅读
    • 关于本站
    • 通知
    • 左邻右舍
    • 玩物志趣
    • 日志
    • 专题
  • 热议话题
    • 游戏资讯
  • 红黑
    • 渗透分析
    • 攻防对抗
    • 代码发布
  • 自主研发
    • 知识库
    • 插件
      • ToolBox
      • HotSpot AI 热点创作
    • 区块
    • 快乐屋
    • 卡密
  • 乱步
    • 文章榜单
    • 热门标签
  • 问答中心反馈