自定义WordPress管理区域

除非你过去九年一直生活在摇滚中,否则你会知道WordPress是一个非常强大的内容管理系统(CMS),使你能够让你的客户相对轻松地编辑和创建新内容。

虽然WordPress的管理区域运行良好,但如果您在客户的网站上使用它,您可能希望通过使用您的或您的客户的品牌来定制它以提供更个性化的感觉。在本教程中,我们将探讨如何做到这一点。

为登录页面创建自定义样式表

标准的WordPress登录页面非常简单,一旦你看过几次,你就会永远记住它。幸运的是,您可以轻松加载自己的样式表,通过将下面的代码片段添加到主题的函数文件中,可以自定义外观。

function login_stylesheet(){wp_enqueue_style('login_stylesheet',get_template_directory_uri()。'/ css / login.css');} add_action('login_head','login_stylesheet');

通过使用Login_head钩子,我们调用一个函数然后使用Wp_enqueue_style函数加载在我们自己的样式表中,允许用来设置登录页面的样式。

The WordPress login page with a custom stylesheet loaded in

加载了自定义样式表的WordPress登录页面

虽然WordPress徽标非常好,但您可能希望将其更改为您自己或您客户的徽标。为此,您只需将以下CSS行添加到上一个示例中加载到登录页面的样式表中。

h1 a {background-image:url(path / to / custom-login-logo.png)!important; }

这会覆盖由WordPress样式表拉入的默认徽标并加载您自己的徽标。

The login page with an (oddly familiar) custom logo

带有(奇怪熟悉的)自定义徽标的登录页面

默认情况下,登录页面上的徽标链接回WordPress.org网站。虽然这对于熟悉WordPress的人来说可能没问题,但如果用户点击它们,可能会让用户感到困惑。

WordPress有一个很棒的过滤器,您可以通过编辑下面的代码段来包含您的URL并将其添加到函数文件

function login_logo_url($ url){return'http://www.yoursite.com';} add_filter('login_headerurl','login_logo_url');

这个简单的功能使用了Login_headerurl过滤器 - 顾名思义,它可以让您过滤URL并定义自己的URL。

更改登录URL

标准的WordPress登录页面是http://www.yoursite.com/wp-login.php。尽管这已经很短且易于记忆,但您可能希望将其更改为更短更容易的内容。为此,您只需将以下代码行添加到顶部即可的.htaccess文件位于站点的根目录中,通常由WordPress在设置自定义永久链接结构时自动创建。

RewriteRule ^ login $ http://www.yoursite.com/wp-login.php [NC,L]

是,WP-的login.php很容易记住,但我曾经有一个客户忘记了包含wp-开头的URL。如果我有这行代码,那就不重要了。

为管理区域添加自定义样式表

将自己的样式添加到管理区域就像登录页面一样简单。您只需将以下功能添加到您的功能文件。

function admin_css(){wp_enqueue_style('admin_css',get_template_directory_uri()。'/ css / admin.css');} add_action('admin_head','admin_css');

Admin_head上面使用的钩子与之相同Login_headHook用于将样式表添加到登录页面,但不出所料,它在管理区域中运行。

为Visual Editor添加自定义样式表

WordPress可视化编辑器是一个很棒的工具,使您能够为您的客户端提供易于使用的WYSIWYG编辑器。在编辑器中为客户提供改进体验的好方法是加载自己的样式表。要做到这一点就像在主题中添加以下代码行一样简单功能文件。

add_editor_style( 'editor.css');

Add_editor_style()函数使我们能够从主题目录中加载样式表,使我们能够自定义Visual Editor中内容的样式。

删除管理菜单项

WordPress是一个功能强大的系统,但有时它可能太强大了。可能是您正在构建的网站不需要评论或专门针对链接的部分,而将其留在可能会使您的客户感到困惑。幸运的是,您可以使用下面的简单功能轻松删除管理区域中的任何页面。

function remove_menu_pages(){remove_menu_page('link-manager.php'); remove_menu_page( '编辑的comments.php'); } add_action('admin_init','remove_menu_pages');

通过使用Admin_initHook,我们可以在运行任何其他钩子之前运行我们自己的函数。然后我们运行Remove_menu_page功能,使我们能够从导航中删除顶级菜单。

The Admin Menu with links and comments removed

已删除链接和注释的管理员菜单

更改管理员菜单的顺序

WordPress菜单的默认顺序通常很好,但有时可能需要重新排序。通过在主题中添加以下代码段功能文件,您可以设置自己的自定义订单。

function custom_menu_order($ menu_order){if(!$ menu_order)return true; return array('index.php','edit.php?post_type = page','edit.php');} add_filter('custom_menu_order','custom_menu_order'); add_filter('menu_order','custom_menu_order');

通过使用Custom_menu_order过滤器,我们可以指定我们自己的菜单顺序。要定义顺序,只需创建一个数组,然后按照希望这些页面显示在菜单中的顺序添加页面URL。

The Admin Menu with the order of the menu items changed

管理菜单中菜单项的顺序已更改

更改“在此输入标题”占位符

页面和帖子标题框上的默认占位符文本是“在此处输入标题”。这是非常明显的,在大多数情况下,完全没问题。但是,如果你想要改变它,WordPress有一个过滤器。

function change_title($ title){$ title ='我的新标题'; return $ title;} add_filter('enter_title_here','change_title');

通过使用Enter_title_here过滤器,您可以定义自己的占位符文本。

The title box with the placeholder text amended

修改了占位符文本的标题框

默认的WordPress页脚是“感谢您使用WordPress创建”。虽然这对于WordPress添加是一个非常明智的消息,但如果需要任何支持,您可能希望使用页脚作为指导客户端的方式。幸运的是,您可以通过为主题添加一个简单的过滤器来实现此目的功能文件。

function change_footer_content(){echo'感谢您使用我们的系统。如果您需要支持,请与我们联系。';} add_filter('admin_footer_text','change_footer_content');

通过使用Admin_footer_text过滤器,我们可以将内容更改为我们需要的任何内容。

The amended footer text

修改后的页脚文本

正如本文希望向您展示的那样,WordPress不仅仅是一个CMS,它使您能够为您的客户提供管理自己内容的能力:它还使您能够根据需要自定义管理区域。钩子,过滤器和功能。



翻译字数超限