使用插件在 Wordpress 中的帖子中添加 javascript 代码

Question

我知道这是一个非常普遍的问题（我以前从未在 wordpress 中开发过插件），但我请求一些帮助以指出正确的方向。我想做一些我认为很简单的事情：我开发了一个 Web 小部件，它从服务器询问一些信息。基本上，开发者在网络中插入的代码是这样的：

<div id="widget_wrapper"></div>
<script type="text/javascript" src="server/js/widget.js"></script>
<script type="text/javascript">
        var config = {
                item_id: 1,
                width: 500,
                heigth: 200
        };
init_widget(document.getElementById("widget_wrapper"), config);
</script>

我想用一个 wordpress 插件来复制这个功能。我希望用户在他的帖子上插入一些自定义标签（类似于 ），以便用户可以指定他想要在标签内访问的元素。但我希望用户可以插入帖子，而不是像他页面一侧的小部件。有人可以给我一些开始开发它的提示吗？

编辑 1

我希望它也可以在 Wordpress.com 托管的博客中使用，因此用户不能简单地将 javascript 代码粘贴到帖子中。

编辑 2

澄清一下：基本上我想用插件做的是用户可以在你的帖子中插入一个标签来做类似于我的网页小部件的事情：用户指定一个 item_id 你想在你的帖子中打印信息，并且服务器将在 iframe 中返回信息，该 iframe 将插入到 div id="widget_wrapper" 中。插件会是什么，一旦插入给定的（并且指的是 item_id）标签，在该空间中绘制信息。

Answer 1

实现此目的的一种方法是使用简码。

http://codex.wordpress.org/Shortcode_API

你可以在你的插件中创建一个类似这样的函数...

add_shortcode('my_tag_name', 'process_my_shortcode');
function process_my_shortcode($atts)
{
   $item_id = $atts['item_id'];
   $output_html = '<div id="widget_wrapper"></div>'.
                  '<script type="text/javascript" src="server/js/widget.js"></script>'.
                  '<script type="text/javascript">'.
                  'var config = { item_id:'.$item_id.', width: 500, heigth: 200 };'.
                  'init_widget(document.getElementById("widget_wrapper"), config);'.
                  '</script>';

   return $output_html;
}

现在，当用户在帖子中写下以下内容时，它将被页面中您想要的代码替换。

[my_tag_name item_id="1"]