Question

我是Wordpress的初学者。我需要在我的Wordpress页面上添加一个交易视图小部件。代码如下。

<!-- TradingView Widget BEGIN -->
	<span id="tradingview-copyright"><a ref="nofollow noopener" target="_blank" href="http://www.tradingview.com" style="color: rgb(173, 174, 176); font-family: &quot;Trebuchet MS&quot;,Tahoma,Arial,sans-serif; font-size: 13px;">Forex Heat Map by <span style="color: #3BB3E4">TradingView</span></a></span>
	<script src="https://s3.tradingview.com/external-embedding/embed-widget-forex-heat-map.js">{
	  "currencies": [
	    "EUR",
	    "USD",
	    "JPY",
	    "GBP",
	    "INR"
	  ],
	  "width": "450",
	  "height": "500",
	  "locale": "en"
	}</script>
<!-- TradingView Widget END -->

脚本部分通常由Wordpress压制。如果我可以直接在Wordpress页面上添加小部件，请告诉我。如果通过挂钩function.php，如果可以的话，示例代码将非常有用。我给出的代码在普通的html中运行良好。

Answer 1

如果您只想将该脚本插入页面，可以使用插件或在ACF中设置自定义字段，但最简单的方法是创建一个可以添加到其中的短代码邮政编辑。

在 functions.php 中创建一个功能以显示脚本，然后使用add_shortcode定义要使用的短代码。 e.g：

/* function that just displays the script */
function insert_tradingview_heatmap_shortcode() { ?>
    <!-- TradingView Widget BEGIN -->
    <span id="tradingview-copyright"><a ref="nofollow noopener" target="_blank" href="http://www.tradingview.com" style="color: rgb(173, 174, 176); font-family: &quot;Trebuchet MS&quot;,Tahoma,Arial,sans-serif; font-size: 13px;">Forex Heat Map by <span style="color: #3BB3E4">TradingView</span></a></span>
    <script src="https://s3.tradingview.com/external-embedding/embed-widget-forex-heat-map.js">{
      "currencies": [
        "EUR",
        "USD",
        "JPY",
        "GBP",
        "INR"
      ],
      "width": "450",
      "height": "500",
      "locale": "en"
    }</script>
<!-- TradingView Widget END -->
<?php
}
/* create a shortcode called tradingview_heatmap that will run the function */
add_shortcode('tradingview_heatmap', 'insert_tradingview_heatmap_shortcode');

然后要在帖子/页面中显示热图，您只需将以下短代码放入帖子编辑器中：

[tradingview_heatmap]

更新：

首先让一个非常简单的短代码工作可能会有所帮助，所以我们可以用它排除任何东西。

将此添加到你的functions.php：

/* function to display a test message */
function my_test_shortcode() { ?>
    <p>This is added by my test shortcode!</p>
<?php
}
add_shortcode('my_test_shortcode', 'my_test_shortcode');

在帖子编辑器中输入以下内容以获取新的空帖子，保存并在浏览器中查看帖子：

[my_test_shortcode]

它应该打印“这是我的测试短代码添加的！”作为帖子文本。

在wordpress页面中嵌入Tradingview小部件

1 个答案: