我有一个 Teamspeak 状态查看脚本,托管在与我的 WordPress 不同的域上。因此,我尝试使用 iframe 在文本/html 小部件中显示脚本结果,但它不会自动调整高度。Wordpress 位于共享主机上,因此该脚本不会从那里与我的 teampeak 服务器进行通信。我找不到任何其他 ts3 查看器可以在自动隐藏空频道的同时工作并且不完全丑陋。经过一些研究后,我发现了似乎是最新、最好的解决方案,David J Bradshaw 的 iframe-resizer。现在我不是这个主题的专家,也不完全明白我应该如何正确设置它。
目前我的 WordPress 小部件如下所示:
<iframe src="http://66.172.12.238/ts3.php" width="100%" scrolling="no"></iframe>
Run Code Online (Sandbox Code Playgroud)
ts3.php 的内容如下:
<html>
<head>
<title>TSStatus</title>
<link rel="stylesheet" type="text/css" href="/ts3/tsstatus.css" />
<script type="text/javascript" src="/ts3/tsstatus.js"></script>
</head>
<body>
<?php
require_once("/var/www/ts3/tsstatus.php");
$tsstatus = new TSStatus("ts3.greatarchitect.us", 10011);
$tsstatus->useServerPort(9987);
$tsstatus->imagePath = "/ts3/img/";
$tsstatus->timeout = 2;
$tsstatus->hideEmptyChannels = true;
$tsstatus->hideParentChannels = true;
$tsstatus->showNicknameBox = false;
$tsstatus->showPasswordBox = false;
echo $tsstatus->render();
?>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这就是我现在所拥有的一切。我希望有人可以帮助我正确安装/设置这个 iframe-resizer。
谢谢。