Cómo añadir un logotipo personalizado en el panel de control de WordPress

¿Quieres añadir un logotipo personalizado en el panel de control de WordPress? A menudo, la gente sustituye el logotipo de WordPress por un logotipo personalizado del panel de control con el fin de crear una marca. En este artículo, te mostraremos cómo añadir un logotipo personalizado en el panel de control de WordPress para crear una marca

Logotipo del panel de control personalizado en WordPress

Método 1: Añadir un logotipo personalizado en el panel de control de WordPress mediante un plugin

Este método es más fácil y se recomienda para la mayoría de los principiantes

Lo primero que tienes que hacer es instalar y activar el CMS de marca blanca plugin. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, tienes que visitar Configuración " CMS de marca blanca y haz clic en la pestaña Marca para ampliarla

Añadir un logotipo personalizado en el panel de control de WordPress mediante el plugin White Label CMS

A continuación, tienes que hacer clic en "Sí" para ocultar el logotipo de WordPress y luego subir tu propio logotipo personalizado. El logotipo personalizado debe tener unas dimensiones exactas de 16 x 16 píxeles

No olvides hacer clic en el botón de guardar los cambios para almacenar tu configuración.

Logotipo personalizado en el panel de control de WordPress

Además del logotipo personalizado en el salpicadero, White Label CMS también ofrece otras funciones para cambiar la marca de tu instalación de WordPress. Consulta nuestra guía sobre cómo poner la marca blanca en el panel de administración de WordPress para obtener instrucciones detalladas

Método 2: Añadir manualmente el logotipo del panel de control personalizado en WordPress

Este método es para los usuarios que se sienten cómodos pegando fragmentos de código en WordPress

Primero tienes que guardar tu logotipo personalizado como archivo custom-logo.png en tu ordenador. Tiene que tener unas dimensiones exactas de 16 x 16px

Una vez que tengas listo tu logotipo personalizado, tienes que subirlo a /wp-content/themes/your-theme/images utilizando el FTP. Si tu tema no tiene una carpeta de imágenes, tienes que crearla

Después de subir la imagen de tu logotipo personalizado, simplemente añade este código al archivo functions.php de tu tema o a un plugin específico del sitio


function wpb_custom_logo() {
echo '
<style type="text/css">
#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
background-image: url(' . get_bloginfo('stylesheet_directory') . 'https://cdn2.wpbeginner.com/images/custom-logo.png) !important;
background-position: 0 0;
color:rgba(0, 0, 0, 0);
}
#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
background-position: 0 0;
}
</style>
';
}

//hook into the administrative header output
add_action('wp_before_admin_bar_render', 'wpb_custom_logo');

Este código simplemente añade el CSS necesario para mostrar tu logotipo personalizado en la barra de administración de WordPress

Eso es todo, esperamos que este artículo te haya ayudado a aprender cómo añadir un logotipo personalizado en el panel de control de WordPress para crear una marca. Quizás también quieras ver nuestra guía sobre cómo ocultar elementos innecesarios de WordPress con Adminimize.

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.

Si quieres conocer otros artículos parecidos a Cómo añadir un logotipo personalizado en el panel de control de WordPress puedes visitar la categoría Themes.

¡Más Contenido!

Deja un comentario

Tu dirección de correo electrónico no será publicada.

Go up