WordPress免插件实现访问欢迎弹窗提示功能

• WordPress教程, 技术文档 • 阅读 3

以下是在WordPress中免插件实现访问欢迎弹窗提示的步骤：

  1. 创建一个欢迎弹窗模板

在主题的根目录下，新建一个welcome.php的文件，用于存放欢迎弹窗的HTML代码。可以在该文件中添加样式和JavaScript脚本，美化欢迎弹窗的表现效果。

  1. 在functions.php中添加代码

在主题的functions.php中添加以下代码：

function wpb_welcome() {
    if ( ! isset( $_COOKIE['wpb_welcome'] ) ) {
        setcookie( 'wpb_welcome', 'no', time() + 20 * DAY_IN_SECONDS );
        get_template_part( 'welcome' );
    }
}
add_action( 'wp_head', 'wpb_welcome' );

上述代码实现的功能是：检查用户是否已经访问过网站，并在20天时间内不再弹出欢迎弹窗。如果用户是第一次访问，那么就设置一个cookie，并加载所创建的欢迎弹窗模板。

  1. 在主题的样式表中添加 CSS

在主题的样式表（style.css）中添加如下的CSS代码，以定位欢迎弹窗：

#welcome {
    display: none;
    position: fixed;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    padding: 30px;
    background: #fff;
    box-shadow: 0px 0px 20px #000;
}

以上便是免插件实现访问欢迎弹窗提示功能的步骤，需要对HTML、CSS和PHP代码有一定的了解和开发经验。

原创文章，作者：草根站长，如若转载，请注明出处：https://www.jianzhanben.com/jishu/179.html

赞 (0)
上一篇 2023年4月25日 下午4:42
下一篇 2023年4月25日 下午4:50

相关推荐