WordPress網站頁尾footer.php修改圖文教程

如何編輯修改WordPress網站頁尾區域?站長可以通過幾種不同的方式來修改WordPress頁尾:頁尾小工具,移除Powerd by WordPress和自定義頁尾程式碼。

edit-footer-in-wordpress-550x340-1

WordPress頁尾包含哪些內容?

WordPress“頁尾”即網站的底部,位於內容區域之後,通常顯示在網站的所有頁面上。

wpbeginner-footer

頁尾位於網站的最底部,這甚至導致一些初學者忽略它。但是,作為站長,應該瞭解如何利用此區域,以提升網站使用者體驗、有利於SEO和業務增長。

一般情況下,WordPress主題都帶有易於編輯的頁尾小元件,當然懂程式碼的站長也可以編輯主題中的footer.php檔案,以刪除或者新增程式碼。

本教程將包含以下三部分的內容:

編輯WordPress頁尾小工具

許多WordPress主題對設定了頁尾小工具,以方便主題使用者快速修改網站頁尾內容。

您可以使用這些小工具在頁尾區域新增文字,影象或隱私權政策、法律免責宣告連結等內容。

新增文字和影象非常簡單,點選WordPress後臺左側選單導航“外觀»小工具”頁面,然後將文字,影象或相簿小工具新增到頁尾小工具區域。要新增小工具,只需將其拖放到頁尾區域。

addwidgetstofooter

Tips:部分主題提供多個頁尾區域,且使用方式不盡相同。建議在新增小工具後預覽網站,以確保正確顯示小工具內容。

在頁尾小工具區域新增連結

如果希望在頁尾區域加入諸如關於我們、隱私條例、網站協議等頁面連結。

WordPress提供易於使用的導航選單管理功能,點選“外觀»選單”,在選單管理頁面單擊“建立新選單”連結。

createnewmenu

然後填入新選單的名稱,顯示位置等,然後單擊“建立選單”按鈕。

menuname

選擇你需要新增到選單的連結,通過左側欄,你可以選擇頁面,文章,分類目錄等,新增到選單中。

addpagestomenu

完成後,單擊“儲存選單”按鈕儲存更改。最後,將選單新增到WordPress頁尾小工具區域。只需訪問WordPress後臺的“ 外觀»小工具”頁面,然後將“導航選單”小工具新增到頁尾區域即可。

footer-add-navigation-menu-widget-1

在小工具設定中,從下拉選單中選擇之前建立的頁尾導航選單,單擊“儲存”按鈕即可實現頁尾展示導航選單。

footer-preview

站長可以在WordPress中建立多個導航選單,並根據需要在邊欄中新增儘可能多的導航選單小工具。如果需要另一組連結(比如資源中心、幫助中心、網站分類等等),重複上述相同步驟即可。

溫馨提示:部分主題在建立選單時,只需要勾選顯示位置為頁尾選單,即可實現,而無需單獨設定頁尾選單小工具。

移除部分主題頁尾的“Powered by WordPress”

首次安裝WordPress時,網站底部頁尾欄中可能會有“Powered by WordPress”連結。

powered-by-wordpress-footer-link-2020-theme

一些主題會將其更改為主題開發者文字和連結。通常可以使用主題實時編輯器來更改此文字。只需在WordPress管理後臺,進入“ 外觀”»“自定義”即可。然後找到頁尾選項進行編輯:

theme-customizer-edit-footer

以知名的Astra主題為例。進入主題實時編輯器,找到Footer»Footer Bar,即可更改頁尾欄的文字:

editing-footer-text-astra

完成文字編輯後,切勿忘記點選“釋出”按鈕以使更改生效。

astra-new-footer

溫馨提示:並非所有主題都是使用實時編輯器來更改底部文字連結,部分主題直接採用單獨的主題設定頁面來控制。比如,閃電博的主題

手動編輯頁尾文字

如果主題無法使用主題自定義且未提供頁尾文字編輯功能,哪如何修改?

在這種情況下,可以編輯主題的footer.php檔案,使用FTP工具連結伺服器下載主題footer檔案/wp-content/themes/yourtheme/footer.php檔案,然後使用文字編輯器編輯修改。

在檔案中找到帶有“ Powered by WordPress”文字改成你需要的樣子即可,以“Twenty Twenty”主題為例:

Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
<div class="footer-credits">
<p class="footer-copyright">&copy;
<?php
echo date_i18n(
/* translators: Copyright date format, see https://www.php.net/date */
_x( 'Y', 'copyright date format', 'twentytwenty' )
);
?>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
</p><!-- .footer-copyright -->
<p class="powered-by-wordpress">
<a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">
<?php _e( 'Powered by WordPress', 'twentytwenty' ); ?>
</a>
</p><!-- .powered-by-wordpress -->
</div><!-- .footer-credits -->
<div class="footer-credits"> <p class="footer-copyright">&copy; <?php echo date_i18n( /* translators: Copyright date format, see https://www.php.net/date */ _x( 'Y', 'copyright date format', 'twentytwenty' ) ); ?> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a> </p><!-- .footer-copyright --> <p class="powered-by-wordpress"> <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>"> <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?> </a> </p><!-- .powered-by-wordpress --> </div><!-- .footer-credits -->
<div class="footer-credits">

  <p class="footer-copyright">&copy;
    <?php
    echo date_i18n(
      /* translators: Copyright date format, see https://www.php.net/date */
      _x( 'Y', 'copyright date format', 'twentytwenty' )
    );
    ?>
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
  </p><!-- .footer-copyright -->

  <p class="powered-by-wordpress">
    <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">
      <?php _e( 'Powered by WordPress', 'twentytwenty' ); ?>
    </a>
  </p><!-- .powered-by-wordpress -->

</div><!-- .footer-credits -->

修改好footer檔案的程式碼後,需重新上傳footer.php檔案覆蓋原始檔。提示:更改之前,請備份footer.php檔案,以免發生意外能夠恢復原樣。

修改新增WordPress頁尾程式碼

有時,站長可能需要在WordPress頁尾新增程式碼段,比如社交分享程式碼、網站統計程式碼等等。

最簡單的方法是安裝Insert Headers and Footers外掛,啟用外掛後,在WordPress管理後臺進入“設定 » Insert Headers and Footers”,將頁尾程式碼複製並貼上到“Scripts in Footer”框中:

wordpress-insert-headers-and-footers-scripts-in-footer

最後,點選Save按鈕以生效。

如果您使用的是閃電博主題,則可以通過“主題設定 » 自定義程式碼”,加入自定義底部程式碼和統計程式碼。當然你也可以新增自定義CSS樣式和自定義頭部程式碼,非常方便。

WordPress網站頁尾footer.php修改圖文教程配圖13

評論留言