WordPress 网站如何实现飘窗广告功能?

飘窗广告是网站广告的常见类型,这一技术现在通常会通过图片+链接的形式,用于展示专题信息或焦点内容。

今天接到网警蜀黍的微信,希望在网站上挂个打谣反诈的飘窗,帮助他们搞一下宣传。这么正能量的请求,当然义不容辞,我立马开始行动。

他们给我的文件包中,有一个 html 主文件,两张展示图片,一个 CSS 文件和一个 JavaScript 文件。点击 html 文件打开,就出现了飘窗内容。

按照一般的功能实现思路,就是要在访客打开网站时,自动加载这个 html 文件即可。

在 WordPress 中加载某个HTML文件,可以通过PHP的includerequire函数来实现。以下是一个简单的步骤和示例代码:

  1. 将你的 HTML 文件放在 WordPress 主题的目录中,比如footer.html

  2. 在你想要加载这个 HTML 文件的 WordPress 模板文件中(比如footer.php),使用 PHP 代码来加载它。

示例代码:

<?php

// 假设你的HTML文件名为footer.html,位于当前WordPress主题目录下

$html_file_path = get_template_directory() . '/footer.html';

// 检查文件是否存在

if(file_exists($html_file_path)) {

// 加载HTML文件内容

include($html_file_path);

} else {

// 文件不存在的错误处理

echo "文件不存在:" . $html_file_path;

}

?>

确保你的 HTML 文件只包含 HTML 代码,不包含任何 PHP 代码。如果你需要在 HTML 文件中使用 PHP 变量,你可能需要将 HTML 文件视为 PHP 文件,即将.html改为.php,然后在文件中使用 PHP 标记<?php ... ?>来包裹 PHP 代码。

经亲身实践,添加以上代码到当前主题的 footer.html 文件中,实现了访问网站时飘窗广告功能。

有一点要注意,html 文件中,路径地址要引用绝对地址,用相对地址出错,即只包含 HTML 代码。另外,他们提供的图片,尺寸比较大,加载速度慢,修改尺寸到合适大小,有利于提升访问体验。


历史上的今天:

相关推荐

如何实现 WordPress 网站页面内容的分页显示?

我的 WordPress 网站中有个“阅读记录”页面,按年份记录了自己一年中阅读过的图书目录。五年下来,文章的内容比较多,页面拉得很长,浏览起来不太方便。所以我想让页面内容按年份分页显示,一年一个分页,通过导航条切换,方便地浏览。 WordPress 编辑器中有“分页符”按钮,在需要分页的地方点击此按钮,就会加入 <!--n ...

如何设置 Windows 开机时启动小键盘?

电脑 Windows 操作系统开机时,你的小键盘是启用的吗?即 NumLock 指示灯是亮的吗? 我设置了电脑开机密码,一般是字母加数字,有些人是纯数字,你是习惯用主键盘的数字按键输入,还是小键盘输入数字呢? 我喜欢用小键盘输入数字。这就需要电脑在开机时小键盘是启用的。但有些电脑在开机时却没有启动小键盘,通过指示灯 ...

WordPress 更新提示:无法将旧版本移动到 upgrade-temp-backup 目录

今天在 WordPress 后台更新升级主题时,系统提示在更新时发生了错误:无法将旧版本移动到 upgrade-temp-backup 目录。 据了解,WordPress 在 6.3 版本之后,设置了一个新的缓冲区用于应对在升级失败时的版本回退,其采用 PHP 的 Move_dir() 功能直接进行文件移动,这个功能的出发点是好的,更新时出现问题不至于整个博客 ...

如何删除微信通讯录中”我的企业“联系人

腾讯推出企业微信后,微信中多出了个”我的企业“的栏目,一不小心就中招,被加入一些乱七八糟的企业,向你推送广告和诈骗信息,我基本都取消关注了,但仍留下几个顽固的企业条目,怎么也删除不了,看着让人实在难受。今天终于在 AI 明星 DeepSeek 的帮助下,顺利删除。 一般情况下,要删除通讯录中“我的企业”中的企业,可 ...

6 条评论

  1. 不是我说,整个固定广告位都比这种上世纪牛皮癣广告好看(无贬义),而且对整个博客的观感也不会有多大破坏

  2. 这种满屏飘来飘去的广告真的很恶心 固定式的勉强还可以接受

  3. 小心这种飘窗很容易被搜索引擎惩罚的,至少谷歌是严重不新欢的哦!

发表评论

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