Add JavaScript to single post

时间:2015-07-04 作者:igecorner

我想在wordpress帖子中添加小javascript程序,请告诉我如何在WP帖子中添加/执行?

编辑是的,我试过了,但运气不好。

首先,我添加了HTML代码;在Post Text Editor中使用JavaScript,运气不好,然后我创建了单独的JS文件;仅发布HTML代码(&P);使用调用js文件<Script src=<Path of the JS File>> - 没有运气。

4 个回复
SO网友:marcovega

一种选择是专门为该脚本创建一个短代码。尽管这不是一个优雅的解决方案,但它确实有效。在主题的函数文件(functions.php)中添加:

function custom_script_shortcode(){
    $code = \'<script>\';
    $code .= \'var foo = "bar";\'
    $code .= \'</script>\';
    return $code;
}
add_shortcode("custom_script_shortcode", "custom_script");
然后在您的帖子编辑器中添加短代码:

[custom_script]
将JavaScript分配给变量$code时要小心,以免用“or”关闭字符串

SO网友:Carl Willis

您可以使用在页眉或页脚上添加脚本。或者可以将脚本挂接到函数上。php如下所示:

function theme_name_scripts() {
wp_enqueue_style( \'style-name\', get_stylesheet_uri() );
wp_enqueue_script( \'script-name\', get_template_directory_uri() . \'/js/example.js\', array(), \'1.0.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'theme_name_scripts\' );

SO网友:Jeremy

如果是对所有帖子来说,外部脚本总是一个更好的主意,与wp_enqueue_script() (参见this article 有关更多信息)。

如果您只想在一篇文章中添加代码,只需在编辑器中编写它(到script 标签,在“文本”选项卡中)。

SO网友:bonger

如果您进入并编辑帖子,然后单击“文本”选项卡,并在中输入代码<script> 标签:

<script type="text/javascript">
console.log("gosh");
</script>
并更新帖子,内容应另存为

<script type="text/javascript">// <![CDATA[
console.log("gosh");
// ]]></script>
查看帖子时应执行。

结束