{"id":2078,"date":"2011-12-20T09:30:51","date_gmt":"2011-12-20T08:30:51","guid":{"rendered":"http:\/\/flaven.fr\/?p=2078"},"modified":"2013-09-24T06:01:22","modified_gmt":"2013-09-24T04:01:22","slug":"wordpress-administration-personnalisation-personnaliser-ladministration-de-wordpress-a-laide-de-plugins","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2011\/12\/wordpress-administration-personnalisation-personnaliser-ladministration-de-wordpress-a-laide-de-plugins\/","title":{"rendered":"WordPress, Administration, Personnalisation – Personnaliser l’administration de WordPress \u00e0 l’aide de plugins"},"content":{"rendered":"\n


\n<\/p>\n

Si vous \u00eates amen\u00e9 \u00e0 utiliser WordPress pour le compte d’un client, il vous faudra certainement personnaliser l’outil d’administration, cela peut aussi faire parti d’une d\u00e9marche personnel afin de personnaliser plus encore votre th\u00e8me dans sa partie “front” comme dans sa partie “back”.<\/p>\n

On va voir la chose en 2 temps :<\/p>\n

    \n
  1. Comment ajouter un logo diff\u00e9rent sur la page de login sous WordPress car c’est finalement la premiere chose que sera amen\u00e9 \u00e0 voir toute personne cherchant \u00e0 se loguer \u00e0 l’outil WP.<\/li>\n
  2. Ajouter un widget en top position sur le “dashboard” ou tableau de bord de WordPress, sachant que l\u00e0 aussi c’est un des tous premiers \u00e9crans que voit l’utilisateur.<\/li>\n<\/ol>\n

    Les tests ont \u00e9t\u00e9 sur la derni\u00e8re version de WordPress, la 3.3<\/b><\/p>\n

    Modifier la page de login via un plugin<\/h4>\n

    On va voir \u00e0 l’aide d’un plugin comment modifier la page de login. L’activation du plugin aura comme cons\u00e9quence de placer un logo en lieu et place du logo WP sur la page de login, de chang\u00e9 le lien sur ce m\u00eame logo, en permettant de retourner sur la page d’accueil du login ainsi que le alt message. Nous sommes servi du logo 3WDOC, notre web application de cr\u00e9ation d’histoire interactives et enrichies disponible sur www.3wdoc.com<\/a> <\/b><\/p>\n

    Le plugin se nomme he3adminsettings<\/code>, il comprend un r\u00e9pertoire css et un r\u00e9pertoire images.<\/b><\/p>\n

    \r\n\t\r\n\t<?php\r\n\t\/*\r\n\tPlugin Name: he3adminsettings\r\n\tPlugin URI: http:\/\/www.hecube.net\r\n\tDescription: enable to change the login page\r\n\tVersion: 1.0.0\r\n\tAuthor: bruno@hecube.net\r\n\tAuthor URI: http:\/\/www.hecube.net\r\n\tLicense: GPLv2\r\n\r\n\t\tCopyright (c) 2011 hecube.net (http:\/\/hecube.net)\r\n\t\the3adminsettings is released under the GNU General Public License (GPL)\r\n\t\thttp:\/\/www.gnu.org\/licenses\/gpl-2.0.txt\r\n\r\n\t*\/\r\n\r\n\t\/* Change the CSS for the admin *\/\r\n\t\tfunction he3_custom_admin_head() {\r\n\t\t\techo \"n\";\r\n\t        \techo '<link rel=\"stylesheet\" type=\"text\/css\" href=\"' .plugins_url('css\/he3wpadmin.css', __FILE__). '\">';\r\n\techo \"n\";\r\n\t\t}\/\/EOF\r\n\t\tadd_action('admin_head', 'he3_custom_admin_head');\r\n\r\n\r\n\t\tfunction he3_custom_login_page() {\r\n\t\t\techo \"n\";\r\n\t    \techo '<link rel=\"stylesheet\" type=\"text\/css\" href=\"' .plugins_url('css\/he3wploginpage.css', __FILE__). '\">';\r\n\t\t\techo \"n\";\r\n\t\t}\/\/EOF\r\n\t\tadd_action('login_head', 'he3_custom_login_page');\r\n\r\n\t\tfunction he3_custom_login_page_site_url (){\r\n\t\t\t\treturn home_url();  \/\/ The url\r\n\t\t}\/\/EOF\r\n\t\t\tadd_filter('login_headerurl', 'he3_custom_login_page_site_url');\r\n\r\n\r\n\t\tfunction he3_custom_login_page_site_url_title (){\r\n\t\t\treturn \"The alt msg on the logo\"; \/\/ The alt msg\r\n\t\t}\/\/EOF\r\n\t\tadd_filter('login_headertitle', 'he3_custom_login_page_site_url_title');\r\n\r\n\r\n\t?>\r\n<\/pre>\n
    Les deux CSS du repertoire css<\/code>, he3wploginpage.css<\/code> et he3wpadmin.css<\/code><\/b><\/p>\n
    he3wploginpage.css<\/i><\/p>\n
    \r\n\t\/* he3wploginpage.css *\/\r\n\thtml,\r\n\tbody {\r\n\t\theight:100%;\r\n\t\/*\tbackground-image: url(..\/images\/bg_night_hunter.png);*\/\r\n\t\t\/*background-image: url(..\/images\/bgsite.jpg);*\/\r\n\t}\r\n\r\n\t#login {\r\n\t\t-webkit-border-radius:5px;\r\n\t\t-khtml-border-radius:5px;\r\n\t\t-moz-border-radius:5px;\r\n\t\tborder-radius:5px;\r\n\t\t-webkit-box-shadow:rgba(200,200,200,0.7) 0 4px 10px -1px;\r\n\t\t-khtml-box-shadow:rgba(200,200,200,0.7) 0 4px 10px -1px;\r\n\t\t-moz-box-shadow:rgba(200,200,200,0.7) 0 4px 10px -1px;\r\n\t\tbox-shadow:rgba(200,200,200,0.7) 0 4px 10px -1px;\r\n\t\tpadding-bottom:20px;\r\n\t}\r\n\r\n\t#loginform,\r\n\t#lostpasswordform,\r\n\t#registerform {\r\n\t\t-khtml-box-shadow:none;\r\n\t\t-webkit-box-shadow:none;\r\n\t\t-moz-box-shadow:none;\r\n\t\tbox-shadow:none;\r\n\t\t-webkit-border-radius:0;\r\n\t\t-khtml-border-radius:0;\r\n\t\t-moz-border-radius:0;\r\n\t\tborder-radius:0;\r\n\t\tborder:none;\r\n\t\tbackground:transparent;\r\n\t\tmargin:0;\r\n\t}\r\n\r\n\t#login h1 a {\r\n\t\t\/*background:transparent;*\/\r\n\t\tbackground-image: url(..\/images\/logo-login.png) !important;\r\n\t}\r\n\r\n\t#login h1 a {\r\n\t\twidth:312px;\r\n\t\theight:91px;\r\n\t\tmargin-left:7px;\r\n\t\tborder-radius:3px;\r\n\t\tmargin-bottom:10px;\r\n\t}\r\n\r\n\t.message {\r\n\t\tcolor:#000;\r\n\t\twidth:275px;\r\n\t}\r\n<\/pre>\n
    he3wpadmin.css<\/i><\/p>\n
    \r\n\t\r\n\t\/* he3wpadmin.css *\/\r\n\t#header-logo { \r\n\t\tbackground-image: url(..\/images\/logo-admin.png) !important;\r\n\t\twidth:45px;\r\n\t\theight:21px; \r\n\t\t}\r\n\r\n\t\r\n<\/pre>\n
    Activation des 2 plugins<\/b>
    \n\"Wordpress,<\/p>\n
    Le r\u00e9sultat de he3adminsettings<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    Ins\u00e9rer un widget sur la tableau de bord<\/h4>\n
    Par d\u00e9faut, ce widget de tableau de bord s’affichera tout en haut \u00e0 moins que l’utilisateur ne r\u00e9organise ses widgets. Ce wigdet n’affiche pour le moment qu’un texte bateau, libre \u00e0 vous de l’agr\u00e9menter de plus d’\u00e9l\u00e9ments.<\/p>\n
    Le r\u00e9sultat de he3dashboardwidget<\/code><\/b>
    \n\"Wordpress,<\/p>\n
    Le code source du plugin he3dashboardwidget<\/code><\/b><\/p>\n
    \r\n\t<?php\r\n\t\/*\r\n\tPlugin Name: he3dashboardwidget\r\n\tPlugin URI: http:\/\/hecube.net\r\n\tDescription: Add a dashboard widget on top position\r\n\tVersion: 1.0\r\n\tAuthor: Bruno Flaven\r\n\tAuthor URI: http:\/\/hecube.net\r\n\tLicense: GPL2\r\n\t*\/\r\n\t\/*\r\n\thttp:\/\/codex.wordpress.org\/Dashboard_Widgets_API\r\n\thttp:\/\/theme.it\/an-in-depth-look-at-the-dashboard-widgets-api\/\r\n\t*\/\r\n\r\n\t\/\/ Create the function to output the contents of our Dashboard Widget\r\n\r\n\tfunction example_dashboard_widget_function() {\r\n\t\t\/\/ Display whatever it is you want to show\r\n\t\techo \"Hello World, I'm a great Dashboard Widget\";\r\n\t} \r\n\r\n\r\n\tfunction example_add_dashboard_widgets () {\r\n\t\twp_add_dashboard_widget('example_dashboard_widget', 'Example Dashboard Widget', 'example_dashboard_widget_function');\r\n\r\n\t\t\/\/ Globalize the metaboxes array, this holds all the widgets for wp-admin\r\n\t\tglobal $wp_meta_boxes;\r\n\r\n\t\t\/\/ Get the regular dashboard widgets array \r\n\t\t\/\/ (which has our new widget already but at the end)\r\n\r\n\t\t$normal_dashboard = $wp_meta_boxes['dashboard']['normal']['core'];\r\n\r\n\t\t\/\/ Backup and delete our new dashbaord widget from the end of the array\r\n\r\n\t\t$example_widget_backup = array('example_dashboard_widget' => $normal_dashboard['example_dashboard_widget']);\r\n\t\tunset($normal_dashboard['example_dashboard_widget']);\r\n\r\n\t\t\/\/ Merge the two arrays together so our widget is at the beginning\r\n\r\n\t\t$sorted_dashboard = array_merge($example_widget_backup, $normal_dashboard);\r\n\r\n\t\t\/\/ Save the sorted array back into the original metaboxes \r\n\r\n\t\t$wp_meta_boxes['dashboard']['normal']['core'] = $sorted_dashboard;\r\n\t}\r\n\r\n\t\/\/ Hook into the 'wp_dashboard_setup' action to register our other functions\r\n\r\n\tadd_action('wp_dashboard_setup', 'example_add_dashboard_widgets' );\r\n\r\n\r\n\t?>\r\n<\/pre>\n
    Les plugins de gestion des acc\u00e8s utilisateur<\/h4>\n
    Il existe un floril\u00e8ge de plugins permettant de contr\u00f4ler les acc\u00e8s des utilisateurs \u00e0 votre site sous WP notamment dans certains cas de contr\u00f4ler jusqu’aux widgets que l\u2019utilisateur est susceptible de voir.
    \nEn voici quelques-uns, notamment l’excellent Advanced Access Manager<\/code>.<\/p>\n