wordpress - 如何使用 functions.php 将实时聊天小部件添加到 wordpress 管理区域
问题描述
我想在 WordPress 网站的后端添加一个实时聊天小部件,例如 Facebook Messenger。我希望它只显示在 wp-admin 区域的页面上。
我尝试在functions.php中使用它,但由于我猜测的HTML而引发错误。关于如何让它发挥作用的任何想法?
function enqueue_live_chat() {
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v9.0'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your Chat Plugin code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="######"
theme_color="#9482ff">
</div>
}
add_action( 'admin_enqueue_scripts', 'enqueue_live_chat' );
解决方案
采用add_action( 'admin_footer', 'callback function' );
因此它将帮助您将代码添加到管理后端,请在此处阅读有关操作的更多信息
<?php
function enqueue_live_chat() { ?>
<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
xfbml : true,
version : 'v9.0'
});
};
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = 'https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- Your Chat Plugin code -->
<div class="fb-customerchat"
attribution=setup_tool
page_id="######"
theme_color="#9482ff">
</div>
<?php }
add_action( 'admin_footer', 'enqueue_live_chat' ); ?>
推荐阅读
- javascript - 如何在浏览器中加载 day.js 插件
- python - 使用 `--pre` 选项时,pip 不匹配预发布版本
- google-cloud-platform - 将 BigQuery 数据传输到 SFTP 的最佳方式是什么?
- python - 在 Python 中用另一个彩色字符替换每个字符
- python - 在 Django 模型中使用 Python 数据类
- awk - 连接多个文件并根据值创建新文件
- r - 为什么 sweave 标记 (<<>>=) 在表格环境中不起作用?
- reactjs - 失败的道具类型:Material-UI:必须在 ForwardRef(CardMedia) 中指定 `children`、`image`、`src` 或 `component` 道具
- java - 无法使用 jcraft JSch 和骆驼连接到 sftp
- deployment - 更改 BizTalk 2020 部署项目名称会阻止 DevOps 正确部署应用程序