如何使用 Branda 完全自定义 WordPress 管理区域

Branda 为您提供白标 WordPress,让您的品牌从网站的前端流向后端.在本指南中,我们将向您展示如何使用 Branda 的一些最令人印象深刻的功能来翻新您的管理区域.

为您的 WordPress 网站贴上白标从未如此简单.Branda 将她的每一项功能都拆分为易于理解的模块,可以根据需要激活和删除这些模块.

Branda 让您可以对 WordPress 的各个方面进行白标

工作不分大小——您可以自定义任何内容,从配色方案和仪表板小部件,一直到登录页面上的文本标签,以及管理工具栏中的图标.

在本指南中,我们不仅会向您展示如何使用 布兰达,以及如何个性化和重新组织您的工具和菜单,以确保在管理区域内工作时的最高效率.

我们将介绍如何:

  1. 自定义您的登录屏幕
  2. 更改 WordPress 徽标
  3. 重做管理栏
  4. 个性化您的小部件
  5. 整理您的管理菜单
  6. 在页脚中添加文本
  7. 文本替换
  8. 更改配色方案

继续阅读以了解 Branda 如何帮助您在 WordPress 管理员上留下自己的印记.

1.自定义您的登录屏幕

在自定义您的 WordPress 管理员时,从您总是看到的第一页开始是有意义的-登录屏幕.

Branda 可以帮助您创建一个全新的登录屏幕,让您的客户印象深刻,并为您的 WordPress 后端注入一些个性.

您可以选择七个预设模板,也可以从头开始创建自己的模板.

Screenshot of Branda's login screen templates.
点击"从头开始"创建您自己的模板.

如果您从头开始,主要的变化将以您的背景和徽标的形式出现.

首先是徽标-您可以上传自己的图片,也可以从 URL 导入.

Screenshot of the logo option where you can upload your own image.
您也可以选择完全隐藏徽标.

添加徽标后,您可以选择新的背景作为补充.

Screenshot of a custom login screen made using Branda and an image of some notepads.
只要确保您的背景图片宽度至少为 1024px.

您可以更进一步,编辑或隐藏标签、显示消息或添加自定义错误消息.

在用户登录时为用户添加自定义消息.

进行一些调整,您就可以完全修改登录部分.

如果您是一名在许多网站上工作的开发人员,或者您正在尝试为新客户创建个性化体验,那么在管理栏中切换 WordPress 徽标的功能会产生很大的不同.

它可以让您一目了然地知道您当前登录的是哪个网站,并且可以为您想要留下深刻印象的客户锦上添花.

对于 Branda,只需几秒钟即可将徽标更改为更个性化的内容.

此设置可在管理区域内找到 >管理栏.

正如您在下面看到的,这是一个如此简单的更改,但它将白标 WordPress 提升到了一个新的水平.

Screenshot of the admin bar with a custom logo in it
这是您的网站,因此更换 WordPress 是有意义的带有您自己的徽标.

3.重做管理栏

如果您觉得管理栏难看而不实用,Branda 可以通过多种方式帮助您管理.

如果您想通过前往管理区域快速查看您的网站而不妨碍它,您可以从前端删除管理栏 >管理栏.

Screenshot of the options to set the toolbar visibility by user account.
取消勾选要隐藏的用户角色的框来自前端的工具栏.

如果您不想完全隐藏工具栏,您可以自定义它显示的项目.

首先选择您要隐藏的项目:

Screenshot of the various options you can hide from the toolbar.
更好的是,您可以将这些设置应用于特定的用户角色.

如果你真的不喜欢这个工具栏,你甚至可以在后端删除它的所有链接:

Screenshot of a toolbar with all the items removed.
布兰达可以帮助您的管理区域从"凌乱"变成只需点击几下即可实现"极简主义".

如果您更喜欢实用且个性化的管理栏以满足您的需求,您可以通过向其中添加自定义项目来创建它.

Screenshot of the option to add a custom admin bar item.
就在隐藏项目的选项下方,您将找到添加自定义选项的选项.

点击添加自定义项目后,您需要选择标题、图标和链接目的地.

Screenshot of the the option to select a title and icon for a custom admin menu item.
有大量图标可供选择——你会被宠坏了.

如果需要,添加子菜单,并为每个用户角色设置新菜单项的可见性.

Screenshot of a custom admin bar menu item with a submenu.
您可以使用这些设置轻松导航到您最重要的页面,以及许多其他想法.

4.个性化您的小部件

当所有标准小部件都处于活动状态时,您的仪表板可能会开始显得有些杂乱.

如果您进入 Branda 和 Widgets >仪表板小部件,您可以隐藏任何您不使用的部件.

Screenshot of the widgets you can hide.
勾选所有这些选项后,您的仪表板将完全免费小部件.

然后您可以开始使用对您更有用的小部件重新填充您的仪表板,因为 Branda 可以选择创建您自己的自定义小部件.

Screenshot of the option to add a new text widget.
您可以创建自己独特的小部件,然后选择哪个用户角色会看到它.

小工具可以包含笔记、公司更新、股票提醒——您拥有完全的自由.

Screenshot of a custom widget showing some upcoming appointments.
更新起来又快又容易.

5.整理您的管理菜单

您的管理菜单是 WordPress 管理区域的核心和灵魂.如果您想自定义网站的后端,根据您的需要定制管理菜单是有意义的.

前往管理区域 >管理菜单 >自定义管理菜单,您将看到大量选项以帮助您充分利用管理菜单.

首先,您可以根据用户角色自定义管理栏中的每个项目,并且可以选择隐藏每个项目.

Screenshot of the option to edit your dashboard menu item.
您也可以从此菜单中复制项目.

当您单击以编辑其中一个项目时,您首先有机会对其进行重命名以及更改 CSS ID 和类.

Screenshot of the option to change the ID and class of the menu item.
点击"子菜单"更改名称和ID/类子菜单项.

如果再向下滚动一点,您可以从大量预设中选择一个新图标.

Screenshot showing some of the icons Branda comes preloaded with,.
您甚至可以上传自己的图标.

一旦您对菜单项的外观感到满意,就该决定点击它时会发生什么了.

在图标下方,您会找到更改链接的选项,以及选择是否在新选项卡中打开.

Screenshot of the option to add a link to the custom menu item.
虽然您可能不需要更改现有菜单上的链接项目,如果你创建新项目会很方便.

根据您的喜好修改现有菜单项后,您可以滚动到列表底部以添加您自己的自定义项.

如果您想要访问外部网站或网站中需要一段时间才能导航到的区域的快捷方式,这将非常有用.

您可以在管理区域的右下角添加文本甚至媒体.

这可以是任何内容,从重要消息或更新到您的公司座右铭,甚至只是您的网站名称.

Screenshot of custom admin footer text which says Kirstan's Blog, 2020.
您也可以将文本设为链接.

这只是打破 WordPress 常用模板并为您的管理区域添加一些品牌/个性的另一种快速方法.

7.文本替换

Branda 实用程序部分中的一项方便功能可让您替换整个网站中的字词和短语.

这在为您的管理区域贴上白标时特别有用.

您可以控制规则是否区分大小写,以及它们是适用于所有地方还是仅适用于您的前端或后端.

Screenshot of the option to add a text replacement rule showing Howdy replaced with Welcome Back
甚至将其应用于使用文本域的特定主题或插件选项.

使用此功能,您可以轻松地将管理栏右侧的"您好"消息更改为更符合您口味的内容.

Screenshot of the admin bar showing a custom Howdy message which say Welcome Back.
您可以添加任意数量的单独规则.

8.改变你的配色方案

如果您致力于真正的白标化和个性化您的网站,那么更改配色方案绝对应该在您的待办事项清单上.

Branda 提供了 8 种配色方案供您选择.

Screenshot of the preset color schemes which come with Branda.
您可以为每个用户单独设置主题或申请全部.

如果您的计划是将您的管理区域与您的品牌相匹配,您可以根据您的具体要求广泛编辑配色方案.

以下只是您要创建自己的方案有多少选项的体验.

您可以分别为管理区域的每个元素着色,并调整悬停和焦点颜色等内容.

Screenshot of the admin area using the theme Ocean.
这是"海洋",布兰达预设的配色方案之一.

WordPress 谁?

Branda 有很多自定义选项和白色标签,您可以像在前端一样将同样的爱和关怀放在网站的后端.您不再需要凝视 WordPress 徽标或忍受您工作的每个站点从后端看起来完全相同.借助 Branda,您可以真正打造属于您自己的每个网站.

如果您渴望了解 Branda 还能做什么,请查看文档以获取完整的概要并访问我们的路线图 看看她还有什么.更好的是,安装 Branda 并亲自体验使用 Branda 个性化 WordPress 的强大功能.

4

发表回复