新聞中心

成都創(chuàng)新互聯(lián)公司是專業(yè)的肥城網(wǎng)站建設(shè)公司,肥城接單;提供成都做網(wǎng)站、成都網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行肥城網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
為如何向wordpress頁(yè)眉(head)或頁(yè)腳添加代碼而苦惱?許多工具和跟蹤腳本要求您將代碼片段添加到WordPress網(wǎng)站的頁(yè)眉或頁(yè)腳。但是,默認(rèn)情況下,WordPress無法編輯這些文件。
在本教程中,我們將向您展示如何通過使用WordPress插件或手動(dòng)將代碼添加到您的functions.php文件來向WordPress頁(yè)眉或頁(yè)腳添加代碼。對(duì)于大多數(shù)用戶來說,插件方法是推薦的方法。但是中高級(jí)WordPress用戶可能更喜歡使用手動(dòng)編碼方法。
- 如何使用插件向WordPress頁(yè)眉和頁(yè)腳添加代碼
- 如何手動(dòng)將代碼添加到WordPress頁(yè)眉和頁(yè)腳
如何使用插件向WordPress頁(yè)眉和頁(yè)腳添加代碼
對(duì)于大多數(shù)用戶來說,向WordPress頁(yè)眉和頁(yè)腳添加代碼的最簡(jiǎn)單方法是通過插件。在下一節(jié)中使用插件而不是手動(dòng)方法的好處是:
- 如果您切換主題,您的代碼片段將保持不變。
- 該插件可以輕松地僅將代碼片段添加到主頁(yè)的頁(yè)眉或頁(yè)腳,這在某些用例中很有幫助。
- 該插件對(duì)初學(xué)者更友好,因?yàn)樗恍枰钊胙芯看a。
雖然有幾個(gè)插件提供此功能,但我們推薦Stefano Lissa的Head, Footer and Post Injections插件,因?yàn)樗仍S多替代品提供更多的控制。它目前有超過200,000次活躍安裝。
Head, Footer and Post Injections插件
第 1 步:安裝并啟用插件
Head, Footer and Post Injections插件在WordPress.org上免費(fèi)提供,因此您可以直接從WordPress儀表盤安裝和激活它,方法是轉(zhuǎn)到插件 → 安裝插件并搜索它:
安裝插件
第 2 步:將代碼片段添加到插件
激活插件后,您可以通過轉(zhuǎn)到WordPress 儀表板中的設(shè)置 → Header and Footer來訪問其界面。您將在插件界面中看到許多選項(xiàng)卡。但是對(duì)于本指南,您將主要在默認(rèn)的Header and Footer選項(xiàng)卡中工作:
Head, Footer and Post Injections
要將代碼添加到站點(diǎn)的頁(yè)眉中,您需要將其粘貼到 SECTION INJECTION區(qū)域下的框之一中:
- Every page– 將代碼片段添加到您網(wǎng)站上每個(gè)頁(yè)面的標(biāo)題中。這是您大部分時(shí)間想要使用的。
- Only home page– 僅將代碼片段添加到主頁(yè)的標(biāo)題中。
例如,要將Google Analytics跟蹤代碼添加到WordPress,您只需將其粘貼到Every page框中并保存更改:
向頁(yè)面Header添加代碼的示例
要將代碼添加到您網(wǎng)站的頁(yè)腳,您可以向下滾動(dòng)到BEFORE THE CLOSING TAG (FOOTER)選項(xiàng)。同樣,您有兩個(gè)選項(xiàng),盡管它們與Header部分不同:
- Desktop-盡管名稱如此,這會(huì)向您網(wǎng)站的桌面和移動(dòng)版本的頁(yè)腳添加代碼,除非您專門選中移動(dòng)框。
- Mobile–選中后,您可以將不同的代碼段添加到您網(wǎng)站的移動(dòng)版本。
如果您只想為所有用戶添加一個(gè)代碼片段到頁(yè)腳部分,無論他們的設(shè)備是什么,請(qǐng)將其粘貼到桌面框中并取消選中移動(dòng) :
向頁(yè)腳添加代碼的示例
如果需要,您可以向每個(gè)框添加多個(gè)代碼片段。
其他 – 將代碼添加到Google AMP頁(yè)面的頁(yè)眉和頁(yè)腳
這個(gè)插件的另一個(gè)優(yōu)點(diǎn)是,如果您使用Google AMP for WordPress,該插件允許您專門將代碼片段添加到Google AMP版本頁(yè)面的頁(yè)眉和頁(yè)腳(只要您使用官方Automattic的AMP插件)。
為此,請(qǐng)前往AMP選項(xiàng)卡的Header and Footer,然后將您的代碼片段粘貼到相應(yīng)的框中:
Google AMP界面
如果您只是需要在站點(diǎn)范圍內(nèi)添加不同的PHP函數(shù),我們還建議您查看免費(fèi)的Code Snippets插件。它消除了將自定義片段添加到主題的functions.php 文件的需要。它目前有超過100,000次活躍安裝。
WordPress插件-Code Snippets
如何手動(dòng)將代碼添加到WordPress頁(yè)眉和頁(yè)腳
如果您不熟悉 PHP 的基礎(chǔ)知識(shí),我們建議您堅(jiān)持使用上面的插件方法。手動(dòng)方法對(duì)您來說可能過于復(fù)雜。
在本節(jié)中,您將學(xué)習(xí)如何通過functions.php文件手動(dòng)將代碼片段添加到主題的頁(yè)眉和頁(yè)腳。
如果您想通過上一節(jié)中的插件繼續(xù)使用此方法,則必須使用WordPress子主題進(jìn)行編輯。如果您不使用子主題,那么如果您更新WordPress主題,您添加到頁(yè)眉或頁(yè)腳的任何代碼都將被覆蓋。
許多開發(fā)人員提供了子主題。準(zhǔn)備好子主題后,您可以繼續(xù)執(zhí)行以下步驟將代碼添加到主題的頁(yè)眉或頁(yè)腳。
雖然您可以將代碼片段直接添加到header.php和footer.php文件中,但更好的方法是使用您的functions.php文件和適當(dāng)?shù)?WordPress 掛鉤。這使您可以將所有片段保存在一個(gè)地方,避免修改核心主題文件。
第 1 步:準(zhǔn)備代碼片段
為了讓您開始,我們將為您提供一個(gè)粗略的框架來向頁(yè)眉和頁(yè)腳添加代碼。
要將代碼添加到您的header,請(qǐng)使用以下代碼片段:
/* Describe what the code snippet does so you can remember later on */
add_action('wp_head', 'your_function_name');
function your_function_name(){
?>
PASTE HEADER CODE HERE
要將代碼添加到頁(yè)腳,請(qǐng)使用以下代碼片段:
/* Describe what the code snippet does so you can remember later on */
add_action('wp_footer', 'your_function_name');
function your_function_name(){
?>
PASTE FOOTER CODE HERE
對(duì)于每個(gè)片段,請(qǐng)確保更改:
- 注釋說明(當(dāng)您需要記住一年后代碼片段的作用時(shí)很有用)
- 所述your_function_name占位符(這兩種情況下)
- 該PASTE X代碼在這里占位符
第 2 步:將代碼片段添加到子主題中的functions.php 文件中
準(zhǔn)備好相關(guān)代碼片段后,您需要將它們添加到子主題的functions.php文件中。您可以通過FTP連接到您的站點(diǎn)來編輯此文件?;蛘?,您可以轉(zhuǎn)到外觀 → 編輯器并選擇functions.php文件。然后,將您的代碼粘貼到文件末尾:
在functions.php文件中添加代碼
確保保存您的更改并完成!
其他:僅針對(duì)特定頁(yè)面將代碼添加到頁(yè)眉或頁(yè)腳
如果您想更好地控制頁(yè)眉或頁(yè)腳代碼片段的顯示位置,可以使用if語(yǔ)句僅將代碼添加到WordPress網(wǎng)站上的特定頁(yè)面。
例如,要僅將代碼片段添加到主頁(yè)的頁(yè)眉或頁(yè)腳,您可以使用:
/* Describe what the code snippet does so you can remember later on */
add_action('wp_head', 'your_function_name');
function your_function_name(){
if(is_front_page()) { ?>
PASTE HEADER CODE HERE
另一種選擇是僅將代碼片段添加到特定的文章或頁(yè)面。為此,您可以使用以下代碼片段:
/* Describe what the code snippet does so you can remember later on */
add_action('wp_head', 'your_function_name');
function your_function_name(){
if(is_single(73790)) { ?>
PASTE HEADER CODE HERE
確保將示例編號(hào) – 73790 – 替換為您想要添加代碼片段的文章或頁(yè)面的實(shí)際ID。
當(dāng)前題目:如何將代碼添加到WordPress頁(yè)眉和頁(yè)腳
本文網(wǎng)址:http://www.5511xx.com/article/cosdiss.html


咨詢
建站咨詢
