.jpg)
您想在 wordpress 頁(yè)面或帖子中添加 JavaScript 嗎？
有時(shí)您可能需要將 JavaScript 代碼添加到整個(gè)網(wǎng)站或特定頁(yè)面和帖子中。默認(rèn)情況下，WordPress 不允許您直接在帖子中添加代碼。
在本文中，我們將向您展示如何輕松在 WordPress 頁(yè)面或帖子中添加 JavaScript。
什么是 JavaScript？
JavaScript 是一種在用戶瀏覽器上運(yùn)行的編程語(yǔ)言，而不是在您的服務(wù)器上運(yùn)行。這種客戶端編程允許開發(fā)人員做很多很酷的事情，而不會(huì)減慢您的網(wǎng)站速度。
立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；
如果您想嵌入視頻播放器、添加計(jì)算器或其他第三方服務(wù)，那么您經(jīng)常會(huì)被要求將 JavaScript 代碼片段復(fù)制并粘貼到您的WordPress 網(wǎng)站中。
典型的 JavaScript 代碼片段可能如下所示：
現(xiàn)在，您可以將 JavaScript 代碼添加到這些框中之一，然后只需單擊“保存”按鈕即可。WPCode 現(xiàn)在將自動(dòng)加載您添加到網(wǎng)站每個(gè)頁(yè)面的代碼。
您還可以將代碼片段添加到網(wǎng)站上的任何其他位置，例如內(nèi)部帖子或頁(yè)面。
為此，只需轉(zhuǎn)到代碼片段 ? + 添加片段，然后單擊“創(chuàng)建您自己的片段”。
現(xiàn)在，您將看到“創(chuàng)建自定義代碼段”頁(yè)面，您可以在其中添加代碼標(biāo)題并將其粘貼到“代碼預(yù)覽”框中。
之后，從“代碼類型”下拉菜單中選擇“JavaScript 片段”。
然后，滾動(dòng)直到找到“插入”部分。
您現(xiàn)在所要做的就是從下拉菜單中選擇代碼的“位置”。找到“頁(yè)面、帖子、自定義帖子類型”，然后選擇頁(yè)面或帖子中您希望代碼顯示的位置。
如果您選擇讓 WPCode 在段落之前或之后插入代碼片段，您將能夠選擇它將出現(xiàn)在帖子中的哪個(gè)特定段落之前或之后。
例如，如果您在“插入數(shù)字”字段中輸入 1，則代碼片段將出現(xiàn)在第一段之前或之后。第二段使用 2，依此類推。
之后，您只需單擊屏幕頂部附近的切換按鈕即可切換到“活動(dòng)”，然后單擊旁邊的“保存片段”按鈕。
這就是使您的代碼片段在網(wǎng)站上生效所需的全部！
方法 2. 使用代碼手動(dòng)向 WordPress 添加 JavaScript 代碼（高級(jí)）
使用此方法，您需要將代碼添加到 WordPress 文件中。如果您以前沒有這樣做過，請(qǐng)查看我們有關(guān)如何在 WordPress 中復(fù)制和粘貼代碼的指南。
首先，我們將向您展示如何將代碼添加到 WordPress 網(wǎng)站的標(biāo)頭。您需要復(fù)制以下代碼并將其添加到您的functions.php中。
使用代碼將 JavaScript 添加到特定 WordPress 頁(yè)面
如果您只想將 JavaScript 添加到單個(gè) WordPress 頁(yè)面，那么您需要向代碼添加條件邏輯，就像上面一樣。
看一下下面的例子：
functionwpb_hook_javascript() { if(is_page ('10')) { ?> <script type="text/javascript"> // your javscript code goes here </script> <?php }}add_action('wp_head', 'wpb_hook_javascript');
由
在 WordPress 中一鍵使用
如果頁(yè)面 ID為“10”，上面的代碼將僅運(yùn)行 JavaScript 。確保將“10”替換為您自己的頁(yè)面 ID。
您可以使用與上面相同的方法找到頁(yè)面ID。只需打開您希望 JavaScript 運(yùn)行的頁(yè)面并記下 URL 中的頁(yè)面 ID。
使用頁(yè)腳中的代碼將 JavaScript 添加到特定的 WordPress 帖子或頁(yè)面
如果您希望 JavaScript 在網(wǎng)站頁(yè)腳而不是頁(yè)眉中運(yùn)行，則可以將以下代碼片段添加到您的網(wǎng)站。
functionwpb_hook_javascript_footer() { ?> <script> // your javscript code goes </script> <?php}add_action('wp_footer', 'wpb_hook_javascript_footer');
由
在 WordPress 中一鍵使用
此代碼片段掛鉤wp_footer而不是wp_head.?您還可以添加條件標(biāo)簽，將 JavaScript 添加到特定的帖子和頁(yè)面，如上面的示例。
注意：這些方法適用于初學(xué)者和網(wǎng)站所有者。如果您正在學(xué)習(xí) WordPress 主題或插件開發(fā)，那么您需要將 JavaScript 和樣式表正確排列到您的項(xiàng)目中。
我們希望本文能幫助您了解如何輕松地將 JavaScript 添加到 WordPress 頁(yè)面或帖子中。您可能還想查看我們關(guān)于如何選擇最佳博客平臺(tái)的指南，以及我們專家為您的網(wǎng)站挑選的最佳人工智能聊天機(jī)器人軟件。
.png)
