[教學]WordPress 修改登入後台的LOGO | MitsuiWei 隨手札

 

 

若你是新手在學習WordPress的過程中,LOGO對於一個網站來說是相當重要的

說是網站的靈魂也不為過。

有用過WordPress的人都知道後台的預設LOGO是WordPress的圖標。

看起來相當毫無特色,要修改LOGO並不難。

以下手把手教你更換LOGO圖片。

以下提供兩個方法,一個是需要改程式碼的方式另一種是使用插件的方式達成。

如果你不想動程式碼的部分可以直接使用插件完成!

在開始之前請您先準備好自己的LOGO圖片,圖片尺寸約在274px * 63px左右。

 

 

 

方法一:

先在function的目錄創建一個”img”資料夾,並且將logo檔名取名為logo.png放進去。

找到當前套用主題的function.php檔案 , 並且加入語法的時候小心不要破壞原本的結構,有可能造成網站任何不可預期的問題

語法加入之後再將function.php上傳的網站覆蓋原檔案。

備註:在修改function.php的時候請先備份,如果不小心整個改壞的時候才有備份可以使用!

function custom_login_logo() {
  echo '<style type="text/css">
      .login h1 a {  background-image:url('.get_bloginfo('template_directory').'/img/logo.png) !important;}
    </style>';  
}
add_action('login_head', 'custom_login_logo');

 

再來登入後台之後就可以發現原本的logo已經被我們新的logo給取代掉了!

接下來方法2(使用外掛的方式)我會放在下一頁。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *