WordPress技术教程(Wodpress如何更改Logo尺寸大小)

佚名 举报 | 买帖

本文小编围绕 WordPress子比主题美化,WordPress技术教程,wordpress子比美化教程,WordPress网站美化,做一个相关介绍。本文共计1636个字,预计阅读时长6分钟。

wordpress美化教程:网站Logo是品牌形象的重要组成部分,如果你使用 WordPress 系统主题,有时不清楚如何更改logo大小,此文正是解决这个问题,我们我们将向你介绍如何简单更改 WordPress Logo大小。

方法 1. 使用 WordPress 模板建站器更改Logo大小

在 WordPress 中更改Logo大小最简单的方法是使用主题编辑器,许多流行的主题,如 Divi、Astra、Ultra 等,都内置一个选项可以改变logo大小。

此教程我们将展示如何在 Divi、Astra 和 Ultra 主题中更改Logo大小,此方法与大多数流行的 WordPress 主题类似,如果你的主题不支持该选项,则需要使用方法 2 或 3教程。

在 Divi WordPress 主题中更改Logo大小

首先,切换到 Divi » Theme Customizer,然后单击“Header & Navigation’”菜单选项。

之后,单击“主菜单栏”下拉选项。

你可以在此处更改Logo的大小。

Life54。ZHili123.COm

首先,需要调整“菜单高度”设置,你可以子定义多大的Logo,之后,可以更改“Logo最大高度”设置,即总菜单高度百分比。

上下调整“徽标最大高度”滑块,直到找到Logo最佳尺寸大小。

Life54。ZHili123.COm

在退出之前,请记得单击“发布”按钮以保存更改,Astra与Ultra方法类似,我们就不一一介绍。

方法 2. 通过编辑 CSS 更改logo大小

如果你正在使用的 WordPress 主题不支持使使用自定义编辑器,那么你可以通过添加自定义 CSS 来更改logo大小。

Life54。ZHili123.COm

首先转到网站主页,然后,右键单击页面上的任意位置并选择“检查”选项,这将显示页面的所有代码。

之后,单击看起来像鼠标指针的“选择元素”图标。

Life54。ZHili123.COm

接下来,只需将鼠标悬停在网站logo上,直到弹出 CSS 类,比如:

之后你将通过使用此 CSS 类来自定义 WordPress logo大小,因此,请记住此CSS类名,可以复制到txt 文本便捷器中,返回到 WordPress 仪表板并切换到Appearance » Customize单击“附加 CSS”菜单选项。

这将打开一个下拉菜单,你可以在其中添加自定义 CSS 代码,比如:

img.custom-logo {
max-height: 100px !important;
}

注意:需要将上面的 img.custom-logo CSS 类名替换为你自己主题的 CSS 类,值可以按照自己需要更改。

Life54。ZHili123.COm

完成更改后,单击“发布”按钮即可使更改生效。

方法 3. 无需编辑 CSS 更改logo大小

如果你不熟悉编辑主题文件或添加自定义 CSS,使用 WordPress 样式插件更适合你,推荐使用 CSS Hero,这是一款简单但是功能强大的样式编辑插件,几乎可以编辑 WordPress 网站上所有 CSS 样式,而无需编写任何 CSS 代码。

安装后单击“Proceed to Product Activation”按钮来激活插件,此按钮位于已安装插件列表的正上方。

输入用户名和密码,只需按照提示说明操作,一旦帐户通过验证,就会被重定向到网站。

之后,单击 WordPress 管理工具栏顶部的“使用 CSS Hero 自定义”按钮。

单击页面的任何元素时,它会在左侧显示一个工具栏以进行自定义。

接下来,单击页面顶部的 WordPress logo。

之后,单击“Show Advanced Props”链接选项。

此选项提供了更多 CSS 自定义选项。

然后,找到“Measures”框,找到名为“Max Width ”和“Max Height ”选项。

早这里你可以自己定义logo图片只存大小,更改logo尺寸大小后,单击“保存并发布”生效。

总结

以上就是Wodpress系统如何更高logo大小的方法,如果你的主题编辑器支持自定义更改,按照以上操作,非常简单,如果你的主题不支持该选项,那么就只能选择2和3方法,方法2需要知道一点代码知识,不过我们还是建议用户使用该方法,因为第3种方法需要花一定费用,如何知识为了更改logo大小而花钱,感觉有点不值得,不管怎么样,如果是土豪随意。