Personalizar el escritorio de WordPress para tus clientes

Si estás en este blog es porque conoces WordPress y sabes de todas sus ventajas, pero no nos engañemos, también tiene algunos puntos débiles, y uno de ellos es su interfaz para los nuevos usuarios.

Cuando desarrollas una web para un cliente que va a querer mantenerla activa (publicar artículos, modificar contenidos, o en general actualizarla periódicamente) y no sabe que es WordPress, seguramente se asustará la primera vez que acceda al escritorio. ¿Entradas? ¿Medios? ¿Dónde está el menú…?.

Está claro que va a necesitar algo de formación y soporte sobretodo al principio, pero además, podemos facilitarle la vida, y de paso darle un valor añadido mejorando su experiencia de usuario, personalizando un poco el escritorio con algún plugin, o mucho mejor, con algunas pocas funciones.

Si no quieres complicarte la vida con código y no te importa utilizar un plugin más, te recomiendo White Label CMS.

Te permite:

• Personalizar el logo de la página de login y de la barra de administrador
• Modificar el Escritorio o Dashboard, ocultando paneles que no se necesitan y añadiendo uno propio con información de bienvenida o útil para tu cliente
• Modificar el pie del administrador de WordPress (donde normalmente pone «Gracias por desarrollar con WordPress»)
• Ocultar avisos de actualización de WordPress
• Ocultar metaboxes en posts y páginas (por ejemplo, de revisiones, de slug, trackbacks, etc…)
• Añadir CSS personalizado para el admin
• Escoger que opciones del menú le aparecerán al editor y si tendrá acceso al menú Apariencia (seleccionando que submenús podrá ver)

También te permite importar/exportar las opciones para poder utilizarlas en otras páginas web y no tener que configurarlo cada vez.

Lo cierto es que es muy práctico y fácil de utilizar, pero si eres de los que le duele tener que añadir un plugin adicional, también puedes realizar estos cambios mediante código, he incluso guardarlo todo como un plugin para añadirlo en todas las páginas web de tus clientes.

Cambiar la imagen del logo en la página de login

Para que en lugar del logo de WordPress en la página de acceso aparezca la de tu cliente, puedes utilizar la siguiente función, modificando la url a la imagen que corresponda:

// Logo personalizado en la página de login
function custom_login_logo() {
 
 echo '

'; } add_action('login_head', 'custom_login_logo');

Cambiar el pie de página en las pantallas de administrador

Aprovecha para generar imagen de marca sustituyendo el «Gracias por crear con WordPress» por tu propia empresa  y url.

// Cambiar el pie de pagina del panel de Administración
function change_footer_admin() {
 $any = date('Y');
 echo '©'.$any.' Copyright · Desarrollada por www.esthersola.com';
}
add_filter('admin_footer_text', 'change_footer_admin');

En el ejemplo hemos añadido el año como variable para que se vaya actualizando automáticamente.

Eliminamos los paneles del Escritorio o Dashboard

La mayoría de los paneles que aparecen en el escritorio de WordPress son inútiles y no harán más que confundir a tu cliente. Puedes esconderlos con la siguiente función:

// Eliminamos metaboxes del Dashboard
function example_remove_dashboard_widgets() {
 remove_meta_box( 'dashboard_quick_press', 'dashboard', 'side' );
 remove_meta_box( 'dashboard_recent_drafts', 'dashboard', 'side' );
 remove_meta_box( 'dashboard_primary', 'dashboard', 'side' );
 remove_meta_box( 'dashboard_secondary', 'dashboard', 'side' );
 remove_meta_box( 'dashboard_incoming_links', 'dashboard', 'normal' );
 remove_meta_box( 'dashboard_recent_comments', 'dashboard', 'normal' );
 remove_meta_box( 'dashboard_right_now', 'dashboard', 'normal' );
 remove_meta_box( 'dashboard_plugins', 'dashboard', 'normal' );
 remove_meta_box( 'dashboard_browser_nag', 'dashboard', 'normal' );
 remove_meta_box( 'wpseo-dashboard-overview', 'dashboard', 'side' );
 }
add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' );

En el ejemplo hemos añadido el de Yoast SEO (el último), porqué es uno de los típicos que se añaden con el plugin. Hay otros plugins que instalan sus propios paneles, inspeccionando el código del escritorio podrás ver su nombre y si quieres, añadirlo a la lista para ocultarlo).

Eliminar el icono de WordPress de la barra de administración

De poco nos sirve el icono que aparece en la esquina superior izquierda de nuestro admininistrador, y menos los enlaces que despliega. Para quitarlo, puedes utilizar la siguiente función.

// Quitamos el icono WP en la barra de admin
function ls_admin_bar_remove() {
global $wp_admin_bar;
$wp_admin_bar->remove_menu( 'wp-logo' );
}
add_action( 'wp_before_admin_bar_render', 'ls_admin_bar_remove', 0 );

Añadir contenido personalizado en el escritorio o dashboard

¿Qué tal si ahora que hemos eliminado los paneles inútiles de WordPress añadimos uno propio con información útil? Sólo tenemos que utilizar el código a continuación e insertar el contenido en html que queramos. Hay quien aprovecha para insertar un video de Vimeo, por ejemplo, con una bienvenida o incluso un pequeño tutorial de uso.

// Widget para el Dashboard
function custom_dashboard_widget() {
echo "
Bienvenido al editor de la Web
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis lacinia tellus elit, efficitur aliquam augue cursus eget. Phasellus eu orci et enim posuere tincidunt sit amet non purus. Mauris iaculis tristique augue sed rhoncus. Phasellus et metus augue. Cras semper posuere ex, at ornare velit aliquam ut. Nullam dictum blandit vestibulum. Morbi quis urna vitae justo ornare rhoncus.
"; } function add_custom_dashboard_widget() { wp_add_dashboard_widget('custom_dashboard_widget', 'Titulo del panel', 'custom_dashboard_widget'); } add_action('wp_dashboard_setup', 'add_custom_dashboard_widget');

También puedes aprovechar para indicar el email de soporte para incidencias o cualquier otra información de interés.

Otra opción interesante, si tienes un blog propio, es añadir un feed a los artículos de tu blog y tener a tus clientes informados o recordarles que en tu web pueden encontrar información de interés.

function dashboard_custom_feed_output() {
echo '
'; wp_widget_rss_output(array( 'url' => 'http://www.tudominio.com/feed', 'items' => 5, 'show_summary' => 0, 'show_author' => 0, 'show_date' => 1 )); echo "
"; } function add_custom_dashboard_widget() { wp_add_dashboard_widget( 'dashboard_custom_feed', 'Últimos artículos del blog', 'dashboard_custom_feed_output' ); } add_action('wp_dashboard_setup', 'add_custom_dashboard_widget');

Ojo! Si utilizas la función y anterior y ésta, fíjate que utilizan la misma acción, si quieres usar ambas deberás combinarlas:

function add_custom_dashboard_widget() {
 wp_add_dashboard_widget('custom_dashboard_widget', 'Bienvenido', 'custom_dashboard_widget');
 wp_add_dashboard_widget( 'dashboard_custom_feed', 'Últimos artículos del blog', 'dashboard_custom_feed_output' );
 }
 add_action('wp_dashboard_setup', 'add_custom_dashboard_widget');

Y listo! con unas pocas funciones mejoraras la experiencia de usuario de tus clientes y potenciarás la imagen de tu marca 😉

Sólo quedará modificar y simplificar los menús, que para no alargarnos más, veremos en otro artículo.