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.
¿Eres implementador o desarrollador WordPress?
En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:
ACCEDER AHORACambiar 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 '"; } 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.
Comentarios
10 respuestas a «Personalizar el escritorio de WordPress para tus clientes»
|
Hola, mi nombre es Blas, llegué a este Blog buscando exactamente lo que publican en este post. Realmente muy útil la información que comparten. Los felicito.
Saludos.
|
Muchísimas gracias por tu comentario Blas! Me alegra que te haya sido de utilidad :))
Saludos!
|
Hola, todos estos códigos donde van? He creado un tema hijo y lo estoy añadiendo a fuctions.php… Va alli?
|
Hola Arnau!
Sí, exacto, puedes ponerlos en el functions.php de tu child theme o en un plugin para snippets de código, tipo code snippets
Saludos!
|
Llegue a este blog buscando una solución como cambiar la imagen del logo en la página de login sin Plugin y encontré demás, felicidades por tu gran aporte. Éxitos!..y muchas Gracias!!
|
Muchísimas gracias Carlos! 🙂
|
Hola, primero que nada gracias por ésta información vale oro. Tengo una duda. Estas funciones las he añadido al fuctions.php de WordPress como tal, pero haciéndolo así se eliminaran los cambios al actualizar WordPress cierto? Debería colocarlas en el fuctions.php del tema hijo?
|
Hola Francisco!
Exacto, debes añadirlo al functions.php del child theme o en un plugin para evitar perder los cambios con las actualizaciones.
Saludos!
|
Hola Esther, desde hoy sos mi WooMaster!!! Estuve buscando esto y ahora conociendo esta info, es el pilar para seguir investigando y aprendiendo.
Muchisimas gracias, desde La Plata, Argentina!
|
Muchas gracias Sole!! :))