为什么要更改WordPress中的徽标大小？
无论你是雇用人设计定制徽标，还是使用免费徽标制作工具自行设计，徽标都是任何网站的重要组成部分。然而，默认的WordPress图片大小可能不适合你的徽标。
太小的徽标无法突出，而太大的徽标会分散访问者对其他内容的注意。虽然你可以在WordPress中进行基本的图片编辑，但因为网站的徽标对品牌至关重要，所以你需要确保它看起来很棒。现在，让我们看看如何正确地更改WordPress中的徽标大小。你可以使用下面的方法快速跳转到你想要使用的方法：
- 方法1：使用WordPress定制器更改徽标大小（推荐）
- 方法2：使用完整站点编辑器更改WordPress徽标大小（仅限基于块的主题）
- 方法3：通过编辑CSS更改WordPress徽标大小（适用于大多数主题）
- 方法4：无需编辑CSS更改WordPress徽标大小（无需代码）
方法1：使用WordPress定制器更改徽标大小（推荐）
更改WordPress徽标大小最简单的方法是使用主题定制器。然而，此方法仅在你的主题支持WordPress中的附加图像大小时有效。好消息是，许多流行的主题内置了调整徽标大小的工具，包括Divi, Astra和Ultra。
注意：徽标的大小只能上传的图像一样大，所以如果你想把徽标变大，请确保上传较大的图像。
在本指南中，我们将展示如何在Divi，Astra和Ultra主题中更改徽标大小，但方法对于大多数流行的WordPress主题来说是类似的。即使我们没有涵盖你的特定主题，仍然值得看看你是否可以使用WordPress定制器更改徽标大小。只需前往外观 » 定制，并查找标记为Header，Site Identity，Logo或类似的任何设置。如果你没有看到这些设置，可以查看你的主题文档或联系开发人员寻求帮助。更多信息，请参阅我们的指南了解如何正确请求WordPress支持并获得帮助。
如果你的主题没有内置徽标编辑器，则需要使用方法2或3。
在Divi WordPress主题中更改徽标大小
首先，前往Divi » 主题定制器并点击“Header & Navigation”。
接下来，选择“Primary Menu Bar”。在这里，你可以更改徽标的大小。例如，你可以将其显示为全尺寸图像。首先，你需要调整“Menu Height”设置，这将控制整个导航菜单的高度，从而定义你可以使徽标多大。之后，你可以更改“Logo Max Height”设置，这是菜单总高度的百分比。
你可以上下拖动“Logo Max Height”滑块，直到找到适合你WordPress博客的完美尺寸。当你对徽标的外观满意时，请确保点击“发布”按钮，然后再关闭WordPress定制器。
在Astra WordPress主题中更改徽标大小
如果你使用的是Astra主题，请前往外观 » 定制并点击“Header Builder”菜单选项。之后，点击“Site Title & Logo”菜单选项。在这里，你可以轻松更改徽标的大小。只需向左或向右拖动“Logo Width”滑块以将徽标变大或变小。WordPress定制器将在其实时预览中显示这些更改，因此你可以尝试不同的尺寸，以查看哪种尺寸对于你的网站来看起来最好。当你对徽标的外观满意时，请点击“发布”按钮使其在网站上生效。
在Ultra WordPress主题中更改徽标大小
要自定义Ultra主题中的徽标大小，请前往外观 » 定制，并在左侧菜单中点击“Site Logo & Tagline”。然后，点击“Site Logo”下拉菜单。出现后，选择“Logo Image”单选按钮。现在，你可以通过在框中输入新大小来使徽标变大或变小。你可以使用左侧的框更改宽度，使用右侧的框更改高度。如果你希望基于原始尺寸缩放徽标，只需更改一个框中的尺寸即可。当你输入新尺寸时，徽标的大小将实时变化。当你对徽标的外观满意时，请继续点击“发布”按钮使更改生效。
方法2：使用完整站点编辑器更改WordPress徽标大小（仅限基于块的主题）
如果你使用像Hestia Pro这样的基于块的主题，则可以使用完整站点编辑器调整图像大小而不会丢失质量。要开始，只需在WordPress仪表盘中前往主题 » 编辑器。
默认情况下，完整站点编辑器将显示主题的主页模板。要调整站点徽标的大小，通常选择“Patterns”。编辑器现在将显示构成你主题的所有模式和模板部分的列表。只需点击Header选项，它将控制博客标题的布局。WordPress现在将显示构成当前主题的所有Header模板部分。只需找到你要编辑的标题并点击它。现在，你将看到该标题模板的预览。要继续编辑模板，点击小铅笔图标。完成后，点击选择你的网站徽标。在右侧菜单中，选择“Block”标签。然后，选择“Settings”标签。现在，你可以通过拖动“Image Width”滑块来使徽标变大或变小。当你对徽标的外观满意时，点击“保存”按钮。现在，如果你访问你的网站，你将看到新的徽标。
方法3：通过编辑CSS更改WordPress徽标大小（适用于大多数主题）
如果你的WordPress主题不支持更改徽标大小，则另一个选择是添加自定义CSS。这使你可以在不使用单独的图像优化插件的情况下调整徽标大小。要开始，你需要知道你的网站徽标的CSS类。要获取此信息，请前往任何具有徽标的页面，如你的网站主页。在这里，右键点击页面的任何位置，然后选择“检查”选项。这将打开显示主页代码的检查菜单。之后，点击“选择一个元素”图标，看起来像一个鼠标指针。接下来，只需将鼠标悬停在你网站的徽标上，直到CSS类弹出。它看起来类似于下面的图像。
你将使用此CSS类自定义WordPress徽标的大小，因此请在记事本等文本编辑器中记下类名。在WordPress仪表板中，前往外观 » 定制。然后，点击“附加CSS”选项。现在，你可以将自定义CSS代码添加到小代码编辑器中。只需添加你之前找到的CSS类，然后指定你要使用的新徽标尺寸。代码示例如下：
img.custom-logo {
max-height: 100px !important;
}确保更改img.custom-logo CSS类和max-height值。更改后，点击“发布”按钮使其生效。
方法4：无需编辑CSS更改WordPress徽标大小（无代码）
如果你不熟悉编辑主题文件或添加自定义CSS，则可以使用WordPress CSS插件。这些插件允许你对网站进行视觉更改，类似于使用拖放页面构建器。我们推荐使用CSS Hero，因为它允许你优化图像和自定义几乎所有CSS样式而无需编写任何代码。
首先，你需要安装并激活插件。有关更多详细信息，请参阅我们关于如何安装WordPress插件的分步指南。激活后，点击“继续产品激活”按钮以激活插件。你会在已安装插件列表的顶部找到它。这样会带你进入一个屏幕，你可以输入用户名和密码。只需按照屏幕上的说明验证你的帐户，完成后你将返回WordPress仪表板。之后，点击WordPress管理工具栏中的“使用CSS Hero定制”。你现在会看到运行在你网站顶部的CSS Hero。CSS Hero使用所见即所得（WYSIWYG）编辑器，因此只需点击页面上的任何元素，你将看到包含所有自定义选项的工具栏。只需点击页面顶部的WordPress徽标。之后，选择“显示高级属性”链接，以查看你可以对WordPress徽标进行的所有更改。在“Measures”框中，你会找到“最大宽度”和“最大高度”选项。要更改徽标尺寸，只需在这些字段中输入新数字。如果你想保持原始图像尺寸，只需更改高度或宽度即可。实时预览会自动显示你的更改，这意味着你可以尝试不同的尺寸以查看哪种尺寸最好。当你对徽标的外观满意时，点击“保存并发布”按钮使调整后的徽标生效。
我们希望本文能帮你更改徽标大小。你可能还想查看更多有关管理图像的最佳WordPress插件，或查看我们的指南了解如何选择最佳的WordPress图像格式。
如果你喜欢本文，请订阅我们的YouTube频道，观看WordPress视频教程。你还可以在Twitter和Facebook上找到我们。
