Cómo agregar un logotipo de panel personalizado en WordPress

 

¿Le gustaría agregar un logotipo de panel personalizado en WordPress? A menudo, el logotipo de WordPress se reemplaza con un logotipo de panel personalizado con fines de marca. En este artículo, le mostraremos cómo agregar un logotipo de panel personalizado para la marca en WordPress.

Logotipo de panel personalizado en WordPress

Método 1: agregar un logotipo de panel personalizado en WordPress usando un complemento

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

Lo primero que debe hacer es instalar y activar ese CMS de marca blanca Enchufar. Para obtener más información, consulte nuestra guía paso a paso sobre la instalación de un complemento de WordPress.

Después de la activación, debe visitar Configuración »White Label CMS Haga clic en la pestaña Marca para expandirla.

Agregar un logotipo de panel personalizado en WordPress usando el complemento White Label CMS

A continuación, debe hacer clic en «Sí» para ocultar el logotipo de WordPress y luego cargar su propio logotipo personalizado. El logotipo personalizado debe tener exactamente 16 x 16 píxeles.

No olvide hacer clic en el botón Guardar cambios para guardar su configuración.

Logotipo personalizado en el panel de WordPress

Además del logotipo del panel personalizado, White Label CMS también ofrece otras funciones para cambiar el nombre de su instalación de WordPress. Para obtener instrucciones completas, consulte nuestra guía sobre etiquetado blanco del panel de administración de WordPress.

Método 2: agregar manualmente un logotipo de panel personalizado en WordPress

Este método está destinado a usuarios que estén familiarizados con el pegado de fragmentos de código en WordPress.

Primero, debe guardar su logotipo personalizado como un archivo custom-logo.png en su computadora. Las dimensiones deben ser exactamente de 16 x 16 píxeles.

Una vez que tenga listo su logotipo personalizado, debe cargarlo en /wp-content/themes/your-theme/images Carpeta con FTP. Si su tema no tiene una carpeta de imágenes, deberá crear una.

Después de cargar su imagen de logotipo personalizado, simplemente agregue este código al archivo functions.php de su tema o un complemento 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') . '/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 agrega CSS que es necesario para mostrar su logotipo personalizado en la barra de administración de WordPress.

Esperamos que este artículo le haya ayudado a agregar un logotipo de panel personalizado para la marca en WordPress. También puede leer nuestra guía sobre cómo ocultar elementos innecesarios de WordPress con Adminimize.