创建多个wordpress_创建具有专业外观的WordPress管理员的10个步骤

本文介绍如何使用AGCustomAdmin插件自定义WordPress管理面板和登录页面,包括更改徽标、菜单、脚注等,以实现品牌化和个性化。

无论您是为客户构建WordPress网站,拥有自己的多作者博客还是只是希望网站更具个性化外观 ,在很多情况下您都可能希望更改WordPress管理面板和登录页面的设计 。 您可以肯定地安装预先准备好的管理主题插件 ,但是如果您想要更多的自由呢?

为WordPress管理员打上烙印不仅是设计,还可以是一种聪明的自我推广方式 。 在本文中,我们将介绍如何自定义WordPress仪表板和登录页面,添加自己的徽标,删除或更改菜单项,删除指向WordPress.org的链接,以及使用来微调许多其他管理设置。 AG Custom Admin Panel插件的帮助

AG自定义管理员
1.安装AG Custom Admin插件

首先,导航到WordPress仪表板中的Plugins > Add New admin菜单项,搜索AG Custom Admin插件,安装并激活它。 该插件在“ Tools菜单内放置一个名为AG Custom Admin的新子菜单,并在顶部的“管理栏”上显示一个按钮,以帮助您快速进行设置。

主管理员画面
2.常规设置

在第一个标签中,您可以配置“常规设置”。 此插件的一大优点是,如果将光标移到选项标签上,则会弹出一个小工具提示,您可以在其中阅读有关该特定选项的更多信息。

常规设置中的第一个选项是“将AGCA管理员从自定义项中排除”,您可以在其中快速为管理员用户打开和关闭自定义项 。 如果您希望具有管理员角色的用户看到默认的WordPress仪表板,这将很有用。

常规设置

接下来的两个设置隐藏或显示位于每个管理页面右上角的“屏幕选项”和“帮助”菜单 (请参见下文)。 太多的选择可能会使不太懂技术的用户感到困惑,因此摆脱这两个选项可能是一个好主意。

隐藏右上角管理菜单

常规设置还允许您选择WordPress功能 ,该功能使用户可以访问插件的设置。

3.隐藏或自定义管理栏

管理栏设置”选项卡可帮助您隐藏或自定义管理栏,即顶部的水平菜单。 您可以将其完全从管理面板中隐藏,并在右上角仅显示一个时尚的“注销”按钮

管理栏设置

在其他情况下,您可能只想通过删除一些不太重要的项目来简化管理栏。 管理栏设置有许多选项,使您可以逐个隐藏每个部分自定义博客标题添加自己的徽标(而不是默认的WordPress徽标)或完全删除它

在下面的屏幕截图中,我将博客标题修改为“更改视图”,以表明这是他们可以在前端和后端之间进行切换的地方。

我还完全删除了WordPress徽标,但没有将其替换为Hongkiat徽标,因为我宁愿将其添加到垂直管理菜单中(第7步)。 从下一步开始,我将继续使用完全删除的管理栏。

修改后的管理栏
4.品牌脚注

在“ 管理页脚”标签中,您可以从管理面板的底部完全删除页脚,也可以将其文本更改为所需的文本。 放置指向企业主页的链接可能是一个好主意,这样,如果客户需要一些支持,则他们可以快速与您联系。

品牌脚注
5.清理仪表板

仪表板页面设置允许您修改管理面板的主页。 这是带有仪表板小部件的屏幕,例如,以管理员身份登录时首先看到的“概览”和“ WordPress新闻”。

在第一个设置中,您可以将标题的文本从“仪表板”一词更改为您自己的品牌名称,还可以在其下方添加自定义内容。

如果您在标题下方放置“更多信息”链接 (如我在下面的屏幕截图中所做的那样),它绝对可以为用户提供帮助。 这样,他们可以轻松地与您联系。 快速的“欢迎进入我们的管理区域”介绍也可能很有用。

资讯主页设定1

AG Custom Admin插件还使隐藏仪表板小部件成为可能。 我只留下两个,以使我的品牌管理员不那么混乱。 如果您将小部件隐藏在此处,则“屏幕选项”菜单中的用户将无法使用它们

资讯主页设定2

我自定义的WordPress仪表板现在看起来像这样,对WordPress.org的所有引用都消失了,看起来更干净,更直接。

品牌仪表板
6.将徽标添加到登录页面
登录页面设置

在下面的屏幕截图中,您可以看到仅更改徽标并将其后面的链接指向您自己的站点即可对登录页面进行自定义外观,并且绝对可以帮助您提升品牌。

具有自定义徽标的登录页面
7.更改左侧的管理菜单

管理员菜单位于管理面板的左侧。 它有很多项目,甚至还有更多子项目,其中许多实际上并没有最容易说明的标签。 这会使非技术人员的学习曲线变得陡峭。

管理员菜单设置可帮助您快速清理管理员菜单。 您可以根据需要删除整个管理菜单,但是最好隐藏用户不需要的项目。

管理员菜单设置1

您不仅可以使顶部菜单项不可见,还可以使子菜单不可见。 只需单击顶层菜单,便会出现一个方便的下拉列表。 此外,您可以将标签重命名为外行人更容易理解的名称,就像我使用下面的“仪表板”,“媒体”和“外观”标签所做的一样。

管理员菜单设置2

您还可以根据需要更改管理菜单的基本设计 。 您可以隐藏图标,菜单项分隔符,子菜单箭头和“折叠菜单”按钮,在子菜单的边框周围添加圆形,然后在管理菜单顶部插入自己的徽标。

管理员菜单设置3

就我自己而言,我在管理菜单中添加了Hongkiat徽标,并在其后面添加了指向hongkiat.com主页的链接,该链接清楚地标记了整个管理面板的名称,但并不以侵入性的方式进行。

我重命名了3个菜单项(新的分别是“ Admin Home”,“ Images”和“ Design”),完全删除了“ Plugin”菜单,并在子菜单弹出窗口的角落添加了10px半径。

看起来是这样的:

品牌管理菜单
8.给管理员着色

着色器选项卡允许您通过更改主要元素的文本和背景颜色来增添WordPress管理员的趣味 。 着色器功能是实时的,因此当您选择一种新颜色时,无需保存设置即可立即看到更改。

在这里,我仅将默认背景色修改为浅蓝色,因此现在它与Hongkiat徽标的宝蓝色匹配,但是您可以根据需要更改其他内容。 试一下颜色以查看在哪里看起来最好是一个好主意。

着色器设置

您不仅可以更改管理面板的颜色,还可以更改登录页面的背景颜色。

彩色登录页面
9.添加您的自定义代码

如果您是经验丰富的前端开发人员,则也可以将自定义CSS和JavaScript代码添加到管理区域 。 借助浏览器的开发人员工具,您可以轻松获取要修改的元素CSS选择器。

在此步骤中,借助以下代码片段,我将登录页面上的面板扩大了一点:

#login {
	width: 480px;
	max-width: 90%;
	margin: 0 auto;
}
高级设置

如您所见,由于max-width规则,登录面板变得更宽,但仍然可以响应。 此更改很有可能为大多数用户提供更好的体验。 您甚至可以通过将自定义代码导出到.agca文件中,然后.agca其导入到其他WordPress网站来保存您的自定义代码。

高级设置
10.安装预先准备的管理主题

最后一个称为“ 管理主题”的选项卡允许您在设置的顶部安装预先准备的管理主题。 如果这样做,您将丢失在“着色器”选项卡中设置的自定义颜色,但仍可以保留其他设置。

这里的大多数管理主题都不是免费的(这里有10个WordPress管理主题 ),但是购买一个可以是支持这个很棒的插件作者的好方法。

可用主题

翻译自: https://www.hongkiat.com/blog/brand-wordpress-admin/

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值