網站Logo是品牌的重要組成部分。由於WordPress主題的不同，有時不清楚如何更改Logo大小。
在本教程中，我們將介紹如何更改WordPress網站Logo大小。雖基礎，但對於入門者來說，或者有一定的幫助。
為什麼要更改WordPress網站Logo大小？
當您將Logo上傳到WordPress時，它可能並不總是正確的大小。
太小的Logo或者太大的Logo都會對您網站的設計產生負面影響。
下面我們一起來看看最常見的幾種修改網站Logo大小的方法。
選擇哪一種方法將取決於您使用的WordPress主題，以及您編輯CSS程式碼的輕鬆程度。
方法 1. 使用WordPress主題自定義更改WordPress網站Logo大小
在WordPress中更改Logo大小的最簡單和最簡單的方法是使用主題自定義。但是，此方法僅在您的WordPress主題支援時才有效。
許多流行的主題，如Divi、Astra、Ultra等，都有一個內建的Logo大小更改工具。
當您在WordPress中上傳Logo時，這些主題可以使用簡單的滑塊輕鬆調整Logo，您可以使用該滑塊來調整寬度和高度。
注意：您的Logo大小隻會與您上傳的圖片一樣大，因此如果您的目標是使其更大，請確保上傳更大的Logo圖片。
為了本教程，我們將展示如何在Divi、Astra和Ultra主題中更改Logo，但該方法與大多數流行的WordPress主題類似。如果你的主題沒有這個選項，那麼你需要使用本教程的方法2或3。
在Divi WordPress主題中更改WordPress網站Logo大小
首先，導航到Divi»Theme Customizer並單擊“Header & Navigation”選單選項。
之後，單擊“Primary Menu Bar”下拉選項。
您可以在此處更改Logo的大小。
首先，您需要調整“Menu Height”設定。這控制了整個導航選單的高度，並將定義您可以製作多大的Logo。
之後，您可以更改“Logo Max Height（最大高度）”設定，即總選單高度的百分比。
您可以上下調整“Logo Max Height（Logo最大高度）”滑塊，直到為您的WordPress部落格Logo找到完美大小。
確保在退出螢幕之前單擊“釋出”按鈕以儲存更改。
在Astra WordPress主題中更改WordPress網站Logo大小
您需要做的第一件事是導航到外觀»自定義，然後單擊“Header（標題）”選單選項。
之後，單擊“Site Identity”選單選項。
在這裡，您可以輕鬆調整Logo的大小。
您所要做的就是向左或向右移動“Logo Width”滑塊。
當您移動滑塊時，您可以實時自動檢視Logo大小的變化。
一旦您對Logo的大小感到滿意，請確保在退出頁面之前單擊“釋出”。
在Ultra WordPress 主題中更改WordPress網站大小
要在Ultra主題中自定義Logo大小，請導航到外觀»自定義，然後單擊“Site Logo & Tagline”導航項。
然後單擊“Site Logo”下拉選單。
然後，選擇出現的“Logo Image”單選按鈕。
現在，您可以通過在Logo影象右側的框中輸入新尺寸來更改Logo的大小。如果您希望影象根據原始尺寸進行縮放，則只需在一個框中輸入新的Logo尺寸。
您可以使用左側的框更改寬度，使用右側的框更改高度。
當您輸入新尺寸時，您會看到Logo的大小實時變化。
完成自定義Logo大小後，請務必單擊“Publish”按鈕。
如果上面沒有突出顯示您的主題，那麼您仍然可以使用WordPress主題自定義來定製Logo的大小。
只需轉到外觀»自定義您正在使用的任何主題，然後檢視可用於您的Logo或標題的自定義選項。
方法 2. 通過編輯CSS更改WordPress網站Logo大小
如果您的WordPress主題不支援使用WordPress主題自定義更改Logo大小，那麼您可以通過新增自定義CSS來更改大小。
您需要做的第一件事是導航到您的網站主頁。
然後，右鍵單擊頁面上的任意位置並選擇“Inspect”選項。這將開啟一個檢查選單，顯示頁面的所有程式碼。
之後，您需要單擊看起來像滑鼠指標的“選擇元素”圖示。
這將讓您選擇網站的Logo元素並檢視程式碼。
接下來，只需將滑鼠懸停在您的網站Logo上，直到彈出CSS類。它看起來類似於下圖。
您將使用此CSS類來自定義WordPress網站Logo的大小。因此，請在記事本等文字編輯器中寫下這些內容。
現在您可以返回WordPress管理儀表盤並導航到外觀 » 自定義。您需要單擊“額外CSS”選單選項。
這將開啟一個下拉選單，您可以在其中新增自定義CSS程式碼。
只需新增您之前找到的CSS類並指定新的影象尺寸。您可以使用下面的CSS程式碼作為示例。
img.custom-logo { max-height: 100px !important; }
您需要將img.custom-logo上面的CSS 類更改為主題使用的CSS 類。
您還可以改變max-height為您想要的任何大小。
這是它在WordPress主題自定義中的外觀。
完成更改後，只需單擊“釋出”按鈕即可使更改生效。
方法 3. 無需編輯CSS即可更改WordPress網站Logo大小
如果您不習慣編輯主題檔案或新增自定義CSS，那麼此方法適合您。
通過使用WordPress樣式外掛，您可以對站點進行視覺更改，類似於使用拖放頁面構建器。
推薦使用CSS Hero。這是一個樣式器外掛，可讓您編輯WordPress網站上幾乎所有的CSS樣式，而無需編寫任何CSS程式碼。
首先你需要安裝並啟用外掛。
然後，單擊位於已安裝外掛列表的正上方“Proceed to Product Activation”按鈕以啟用外掛。它。
進入下一個頁面，您可以在其中輸入使用者名稱和密碼。只需按照螢幕上的說明進行操作，一旦您的帳戶通過驗證，您就會被重定向回您的網站。
之後，單擊 WordPress 管理工具欄頂部的“Customize with CSS Hero”按鈕。
這將帶您進入您的網站，並在其上執行CSS Hero。CSS Hero 使用 WYSIWYG（所見即所得）編輯器。
當您單擊頁面的任何元素時，它會在左側顯示一個工具欄以進行自定義。
接下來，單擊頁面頂部的WordPress徽標。
之後，單擊“Show Advanced Props”連結。
這為您提供了更多CSS自定義選項。
然後，找到“Measures”框。在這裡，您會找到名為“Max Width”和“Max Height”的選項。
您想將這些更改為您喜歡的影象大小。如果您希望影象保持相同的尺寸，則只需更改高度或寬度。
您所做的更改將自動顯示在您的頁面上。
更改Logo大小後，您需要單擊“儲存併發布”以使更改生效。
評論留言