自定义WordPress后台仪表盘的Logo

  • A+
所属分类:wordpress函数

也许你是为了好看,也许你是为别人建站……你可能会需要修改WordPress后台仪表盘左上角的Logo。

有以下两种方法可以实现。

自定义WordPress后台仪表盘的Logo

自定义WordPress后台仪表盘Logo

方法1:使用White Label CMS插件

自定义WordPress后台仪表盘的Logo

White-Label-CMS

对于大多数不懂PHP代码的人来说,这种方法比较简单,推荐。

首先你需要做的是安装并启用White Label CMS插件。

然后,访问设置»White Label CMS,然后单击“BRANDING”选项卡将其展开。

自定义WordPress后台仪表盘的Logo

使用White Label CMS插件在WordPress中添加自定义仪表盘Logo

接下来,您需要单击“是”以隐藏WordPress Logo,然后上传您自己的自定义Logo。

自定义Logo的尺寸应为16 x 16像素。

方法2:修改WordPress代码

此方法适用于在有一定PHP基础的用户。

首先,您需要将自定义Logo:“custom-logo.png”文件通过FTP上传到/wp-content/themes/your-theme/images文件夹中,注意Logo尺寸必须是16 x 16像素。

如果您的主题没有图像文件夹,则需要创建它。

上传您的自定义徽标图像后,只需将此代码添加到您的主题的functions.php文件中。

  1. function wpb_custom_logo() {
  2. echo '
  3. <style type="text/css">
  4. #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
  5. background-image: url(' . get_bloginfo('stylesheet_directory') . '/images/custom-logo.png) !important;
  6. background-position: 0 0;
  7. color:rgba(0, 0, 0, 0);
  8. }
  9. #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
  10. background-position: 0 0;
  11. }
  12. </style>
  13. ';
  14. }
  15. //hook into the administrative header output
  16. add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

此代码已经简单地添加了在WordPress管理栏中显示自定义Logo所需的CSS,如果你有需要可以删除并自定义。

亮享

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: