是否要在WordPress页面或帖子中添加JavaScript?
有时,您可能需要将JavaScript代码添加到整个网站或特定的页面和帖子中。默认情况下,WordPress不允许你直接在帖子中添加代码。
在本文中,我们将向您展示如何轻松地在WordPress页面或帖子中添加JavaScript。
现在,您可以将您的JavaScript代码添加到其中一个框中,然后只需单击“保存”按钮。WPCode现在将自动加载您添加到网站每一页的代码。
您还可以将代码段添加到站点上的任何其他位置,例如在帖子或页面内部。
要执行此操作,只需转到代码片段»+添加代码片段然后点击“创建你自己的”
您现在将看到一个“创建自定义代码片段”页面,您可以在其中为您的代码添加标题并将其粘贴到“代码预览”框中。
然后,从“代码类型”下拉菜单中选择“JavaScript代码片段”。
然后,只需滚动,直到你找到‘插入’部分。
你现在要做的就是从下拉菜单中为代码选择一个‘位置’。找到“页面、帖子、自定义帖子类型”,然后选择您希望代码在页面或帖子中出现的位置。
如果您选择让WPCode在段落之前或之后插入代码段,您将能够选择它将出现在帖子中的哪个特定段落之前或之后。
例如,如果在“插入数字”字段中输入1,代码片段将出现在第一个段落的前面或后面。第二段使用2,依此类推。
之后,你只需点击屏幕顶部附近的切换按钮即可切换到“活动”状态,然后点击旁边的“保存代码片段”按钮。
这就是让您的代码片段现场直播所需的全部内容!
使用代码将JavaScript添加到特定的WordPress页面
如果您只想将JavaScript添加到单个WordPress页面,那么您将需要向代码添加条件逻辑,就像上面一样。
让我们来看看下面的例子:
function wpb_hook_javascript() { if (is_page ('10')) { ?> <script type="text/javascript"> // your javscript code goes here </script> <?php } } add_action('wp_head', 'wpb_hook_javascript');
由托管WPCode在WordPress中一键使用
仅当页面ID为‘10’时,上面的代码才会运行该JavaScript。请确保将‘10’替换为您自己的页面ID。
您可以使用与上面相同的方法找到页面ID。只需打开您希望运行的页面,并记下URL中的页面ID。
使用页脚中的代码将JavaScript添加到特定的WordPress帖子或页面
如果您希望在站点页脚而不是页眉中运行JavaScript,则可以将以下代码片段添加到您的网站中。
function wpb_hook_javascript_footer() { ?> <script> // your javscript code goes </script> <?php } add_action('wp_footer', 'wpb_hook_javascript_footer');
由托管WPCode在WordPress中一键使用
此代码片段挂钩到wp_footer
而不是wp_head
。您还可以添加条件标记,以便将JavaScript添加到特定的帖子和页面,如上例所示。
注:这些方法是为初学者和网站所有者准备的。如果你正在学习WordPress主题或插件开发,那么你需要正确地将JavaScript和样式表加入到你的项目中。
我们希望本文能帮助您学习如何轻松地向WordPress页面或帖子添加JavaScript。你可能还想看看我们关于如何选择最好的博客平台的指南,以及我们的专家为你的网站挑选最好的AI聊天机器人软件。
中国和中国都是如此。
RSS