【WordPress】定制后台管理界面的修改方法

【WordPress】定制后台管理界面的修改方法


这里再次感叹一下WordPress可定制性的强大,提供了一系列的filter和action来实现各个方面的定制(很多wordpress插件也是通过这些hook实现的)。

特别说明:以下的修改都是在主题文件夹下的functions.php中进行的,将代码加入此文件即可。

1、去除控制台Widget

控制台就是我们登陆wordpress后台后看到的那个界面,包括了概况、近期评论、引入链接等Widget的界面,如下图

WordPress控制台

WordPress控制台

去除所有Widget的代码如下:

if ( ! function_exists( 'remove_dashboard_widgets' ) ) :
/**
 * Remove dashboard widgets
 */
function remove_dashboard_widgets(){
 global $wp_meta_boxes;
 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']);
 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']);
 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']);
 unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);
 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']);
 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']);
 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']);
 unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']);
}
add_action('wp_dashboard_setup', 'remove_dashboard_widgets');

endif;

如果希望保留其中的某些Widget,只要注释掉或删除到代码中的某些unset就可以了。

2、增加控制台Widget

去除了原有的,那么自然也就想到加入自己的Widget来显得更加个性化,比如增加一个欢迎提示或是常用任务等。代码如下;

if ( ! function_exists( 'add_dashboard_widgets' ) ) :
/**
 * Add dashboard widgets
 */
function welcome_dashboard_widget_function() {
 // Display whatever it is you want to show
 echo "<ul><li><a href='post-new.php'>添加新文章</a></li><li><a href='edit.php'>修改文章</a></li></ul>";
}

// Create the function use in the action hook

function add_dashboard_widgets() {
 wp_add_dashboard_widget('welcome_dashboard_widget', '常用任务', 'welcome_dashboard_widget_function');
}

// Hook into the 'wp_dashboard_setup' action to register our other functions

add_action('wp_dashboard_setup', 'add_dashboard_widgets' );

endif;

代码的效果如下

修改后的WordPress控制台

修改后的WordPress控制台

3、修改常用任务下拉菜单

在管理界面的右上角有一个常用任务下拉菜单,但其中不是所有项都是我们常用到的,甚至是根本不会用到的,那么就来把它们去掉吧,当然另外可以加上自己常用的菜单。

常用任务下拉菜单

常用任务下拉菜单

代码如下:

if ( ! function_exists( 'custom_favorite_actions' ) ) :
/**
 * modify favorite actions
 */
function custom_favorite_actions($actions) {
// remove menus
 unset($actions['edit-comments.php']);
 unset($actions['media-new.php']);
// add a menu link to profile.php
$actions['profile.php'] = array('My Profile', "edit_posts");
 return $actions;
}

add_filter('favorite_actions', 'custom_favorite_actions');

endif;

至于删除$actions变量中的哪一项,查看一下这个变量值就知道了

Array
(
    [edit.php?post_type=post] => Array
        (
            [0] => Posts
            [1] => edit_posts
        )    [post-new.php] => Array
        (
            [0] => New Post
            [1] => edit_posts
        )

    [edit.php?post_status=draft] => Array
        (
            [0] => Drafts
            [1] => edit_posts
        )

    [post-new.php?post_type=page] => Array
        (
            [0] => New Page
            [1] => edit_pages
        )

    [media-new.php] => Array
        (
            [0] => Upload
            [1] => upload_files
        )

    [edit-comments.php] => Array
        (
            [0] => Comments
            [1] => moderate_comments
        )

)

修改后的效果如下:

修改后的常用任务下拉菜单

修改后的常用任务下拉菜单

4、修改左侧的导航功能菜单

某些功能根本用不到的话,不如直接在导航菜单中隐藏掉,代码如下:

if ( ! function_exists( 'remove_menus' ) ) :
/**
 * Remove dashboard menus
 */
function remove_menus () {
global $menu;
    $restricted = array(__('Dashboard'),  __('Media'), __('Links'), __('Pages'), __('Appearance'), __('Tools'), __('Users'), __('Settings'), __('Comments'), __('Plugins'));
    end ($menu);
    while (prev($menu)){
        $value = explode(' ',$menu[key($menu)][0]);
        if(in_array($value[0] != NULL?$value[0]:"" , $restricted)){unset($menu[key($menu)]);}
    }
}
add_action('admin_menu', 'remove_menus');

endif;

以上代码隐藏了所有的功能菜单,各位可以根据自己的实际需要将需要显示出来的在上面的代码中删除即可。隐藏了一部分菜单后的修改效果如下

修改后的导航功能菜单

修改后的导航功能菜单

5、修改页脚提示信息

代码如下:

if ( ! function_exists( 'modify_footer_admin' ) ) :
/**
 * modify dashboard footer
 */
function modify_footer_admin () {
echo 'Modified by Maple Nan';
}

add_filter('admin_footer_text', 'modify_footer_admin');

endif;

6、隐藏自动升级提示

代码如下:

/**
 * hide wordpress update
 */
add_filter( 'pre_site_transient_update_core', create_function( '$a', "return null;" ) );
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
### 回答1: 要将Ant Design Pro集成到WordPress后台管理系统中,需要使用WordPress的REST API来连接Ant Design Pro和WordPress后台。首先,在WordPress后台中启用REST API插件,然后在Ant Design Pro项目中使用axios或fetch等库调用WordPress的API接口来实现数据交互。另外,需要在Ant Design Pro中配置路由和权限控制,以确保只有授权的用户才能访问WordPress后台管理系统。 ### 回答2: 要将Ant Design Pro集成为WordPress后台管理系统,首先需要进行以下步骤: 1. 下载Ant Design Pro的代码。可以通过GitHub等方式从Ant Design Pro的官方仓库中下载最新版本的代码。 2. 创建一个WordPress主题文件夹。在WordPress的主题文件夹中创建一个新的文件夹,用于存放Ant Design Pro的代码。 3. 将Ant Design Pro的代码复制到WordPress主题文件夹中。将下载的Ant Design Pro代码解压,并将其中的所有文件和文件夹复制到WordPress主题文件夹中。 4. 创建一个自定义的WordPress页面模板。在WordPress主题文件夹中创建一个新的PHP文件,命名为custom-template.php(可以自定义文件名)。在该文件中,使用Ant Design Pro提供的组件和样式来构建后台管理系统的页面布局和功能。 5. 将自定义模板应用于WordPress页面。在WordPress后台管理系统中,创建一个新的页面,并选择刚才创建的自定义模板作为页面模板。 6. 使用WordPress后台管理系统的功能。Ant Design Pro的代码已经集成到WordPress后台管理系统中,因此可以使用WordPress提供的各种功能来管理站点内容、插件和主题等。 7. 配置Ant Design Pro的样式和主题。根据需要,可以使用Ant Design Pro的配置文件来自定义后台管理系统的样式、颜色和主题等。 通过以上步骤,可以将Ant Design Pro集成为WordPress后台管理系统,从而使得后台管理界面更加美观和功能强大。需要注意的是,该集成过程可能需要一定的开发和调试经验,可以根据实际情况做一些调整和优化。 ### 回答3: Ant Design Pro 是一个开箱即用的中后台前端/设计解决方案,它提供了丰富的组件和功能,可以帮助开发者快速搭建美观、易用的后台管理系统。而 WordPress 是一个功能强大的开源内容管理系统,广泛用于搭建各种类型的网站。 要将 Ant Design Pro 集成为 WordPress 后台管理系统,可以按照以下步骤进行: 1. 创建一个 WordPress 主题(或子主题):WordPress 主题是用于改变网站外观和功能的模板。可以基于现有的主题进行修改,或者创建一个新的主题。 2. 导入 Ant Design Pro 的样式和组件:将 Ant Design Pro 的样式表和组件库导入到 WordPress 主题中。可以通过 npm 安装 Ant Design Pro 并将其构建到 WordPress 主题的目录中。 3. 创建适用于后台管理的页面模板:根据 Ant Design Pro 的设计规范,创建适用于后台管理的页面模板。可以使用 Ant Design Pro 提供的组件来构建页面的布局和样式。 4. 添加 WordPress 功能和数据:将 WordPress 后台管理系统所需的功能和数据集成到 Ant Design Pro 页面模板中。例如,可以添加文章管理、用户管理、设置管理等功能,并从 WordPress 中获取相关数据。 5. 进行主题定制和样式调整:根据自己的需求进行主题定制和样式调整,以使 WordPress 后台管理系统与 Ant Design Pro 更加匹配。 6. 进行测试和优化:对集成的 WordPress 后台管理系统进行测试,确保其功能和样式正常工作。根据测试结果进行优化和修复。 通过以上步骤,就可以将 Ant Design Pro 集成为 WordPress 后台管理系统。这样做可以充分利用 Ant Design Pro 的优势,提高后台管理系统的开发效率和用户体验。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值