Un gran producto tiene que tener un gran envase o un espléndido papel de regalo con un gran lazo de color de rosa.
Al desarrollar un sitio web para tu cliente, el embalaje o el lazo de color de rosa debes de tenerlos presentes e implementarlos. La mayoría de clientes no entienden los esfuerzos que se han puesto en la creación de un sitio web dinámico, o las 1000 líneas de código que has copiado por ahí escrito para crear un plug-in personalizado. Todo lo que importa es lo que ven y si encima el enterado de Pablito, su hijo diseñador está dando la paliza, lo vamos a pasar mal.
WordPress está bien diseñado y si encima lo vestimos con un buen tema será la hostia de chulo y tan bueno como cualquier producto comercial. Pero, siempre hay “peros” en la vida, para mi gusto y para el de muchos, la palabra y el logo de WordPress sale demasiadas en la administración de ese maravilloso site que acabamos de crear y el c…ón de Pablito seguirá dando el coñazo.
¿Solución? Vamos a personalizar la administración de WordPress en 15 minutos (este es el lazo color de rosa al que me refería)
Vamos hacerlo en tres pasos
- Eliminar y reemplazar elementos genéricos de WordPress; logos, pie de página…
- Eliminar secciones prescindibles en el Escritorio
- Instalar plugins para la optimización y la seguridad del sitio.
Paso 1.1 Cambiar logo en la página login.
Cuando un cliente accede a la administración de su sitio lo primero que encuentra es el logo de WordPress dándole en los morros. Vamos a cambiarlo y eso es tan simple como insertar estas líneas de código en el archivo functions.php que encontrás en la carpeta wp-content>themes>nombredetutema o acceder desde Apariencia>Editor>functions.php
Bueno, ahora que pienso, si has llegado hasta aquí, seguro que la ubicación de ciertos archivos ya debes de conocerla, de no ser así, Pablito te va a machacar!!!
// CAMBIAR LOGO EN PAGINA LOGIN
//Pónle logo_admin.png o el nombre que te de la gana
function my_custom_login_logo()
{
echo '';
}
add_action('login_head', 'my_custom_login_logo');
La medida del logo por defecto y a la que deberíais de ajustaros en el nuevo logo es 274×73, de no ser así deberéis de modificar también el archivo login.css que encontraréis en /wp-admin/css/login.css , tu decides.
Y, es un consejo, crea una carpeta /imagenes/ en la raíz del sitio donde podrás acceder fácilmente desde cualquier parte a las imágenes personalizadas que utilices y otros archivos.
Y esto es lo que tendrás.
Ahora bien, puedes hacerlo con la técnica de la chapuza sin una sola línea de código.
Crea una imagen png de 274×73 pixels, con el nombre logo-login.png y machaca la imagen original em wp-admin/images
Paso 1.2 Cambiar el icono del escritorio
Al iniciar sesión en la administración, nos encontramos de nuevo con la presencia visual de WordPress. Esta vez con la imagen de un pequeño logo en la parte superior. El icono es pequeño, pero estamos personalizando lo más posible la apariencia de nuestro trabajo, así que… debemos de cambiarlo.
Copia y pega este código en functions.php la imagen del logo podemos ponerla en la carpeta /imagenes/ que ya hemos creado previamente en la raíz de nuestro sitio. Para evitar excesivas modificaciones de los estilos el icono debe de tener unas dimensiones de 16×16 pixeles y en formato .png
// CAMBIAR EL ICONO DEL ESCRITORIO
function custom_admin_logo() {
echo '';
}
add_action('admin_head', 'custom_admin_logo');
Después de ello tendremos esto 
De nuevo. Esta es la manera de hacerlo bien. La manera chapuza sin una sola línea de código. Dale a la imagen en nombre de wp-logo.png y machaca la imagen original em wp-admin/images
Paso 1.3 Modificar el pie de la admistración WordPress
Pablito cada día es más c…ón y ahora el niño se ha fijado que en el pie de la administración aparece algo así como
“Gracias por crear con WordPress. • Documentación • Derechos • Feedback • Créditos“
Vamos a cerrarle la boca al niñato, o mejor que no la pueda abrir, porque ya se sabe… ojos que no ven, corazón que no siente.
Copia y pega este código en el archivo functions.phpde tu tema.
// MODIFICAR PIE DE ADMIN
function remove_footer_admin ()
{
echo '<span id="footer-thankyou">Website desarrollado POR MI, no por Pablito <a href="<a href=" target="_blank">POR MI</a></span>';
}
add_filter('admin_footer_text', 'remove_footer_admin');
Siento deciros que en este caso no hay versión chapuza.
Paso 2 Modificar los elementos visibles en el Escritorio
Realmente, ¿Tu cliente necesita ver los detalles de los nuevos plugins, noticias y actualizaciones disponibles para tu/su sitio WordPress? La verdad no creo, el único que podría “estar interesado” y sacar alguna información de ello, aunque debemos de dudarlo es Pablito, por lo tanto que se joda y se busque la vida.
Ya que WordPress utiliza wp_dashboard_setup () para visualizar los elementos en el Escritorio, de la misma manera podemos wp_dashboard_setup () para eliminar esa información.
Solo debes de copiar y pagar el código en tu archivo functions.php y dejar solo las secciones que realmente sean necesarias.
// ELIMINAR ELEMENTOS DEL ESCRITORIO PARA TODOS LOS PERFILES
function example_remove_dashboard_widgets() {
// Debes de ir jugando con los elementos hasta encontrar la configuración deseada
$wp_meta_boxes;
unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']); unset($wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']); unset($wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']);} add_action('wp_dashboard_setup', 'example_remove_dashboard_widgets' );
