¿Desea agregar un logotipo de tablero personalizado en WordPress? Las personas a menudo reemplazan el logotipo de WordPress con un logotipo de tablero personalizado con fines de marca. En este artículo, le mostraremos cómo agregar un logotipo de tablero personalizado en WordPress para la marca.
Método 1: agregar un logotipo de tablero personalizado en WordPress usando un complemento
Este método es más simple y recomendado para la mayoría de los principiantes.
Lo primero que debe hacer es instalar y activar el Etiqueta blanca de CMS conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Después de la activación, debe visitar Ajustes »CMS Etiqueta Blanca y haga clic en la pestaña Branding para expandirla.
A continuación, debe hacer clic en “Sí” para ocultar el logotipo de WordPress y luego cargar su logotipo personalizado. El logotipo personalizado debe tener un tamaño exacto de 16 x 16 píxeles.
No olvide hacer clic en el botón Guardar cambios para guardar su configuración.
Además del logotipo personalizado del tablero, White Label CMS también ofrece otras funciones para cambiar el nombre de su instalación de WordPress. Consulte nuestra guía sobre cómo dejar en blanco su panel de administración de WordPress para obtener instrucciones detalladas.
Método 2: agregar manualmente el logotipo del tablero personalizado en WordPress
Este método es para usuarios que se sienten cómodos pegando fragmentos de código en WordPress.
Primero debe guardar su logotipo personalizado como un archivo custom-logo.png en su computadora. Debe tener un tamaño exacto de 16 x 16 píxeles.
Una vez que tenga listo su logotipo personalizado, debe cargarlo en /wp-content/themes/your-theme/images carpeta a través de FTP. Si su tema no tiene una carpeta de imágenes, debe crearla.
Una vez que haya cargado la imagen de su logotipo personalizado, simplemente agregue este código al archivo functions.php de su tema o a 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 el CSS necesario para mostrar su logotipo personalizado en la barra de administración de WordPress.
Eso es todo, esperamos que este artículo lo haya ayudado a aprender cómo agregar un logotipo de tablero personalizado en WordPress para la marca. También puede consultar nuestra guía sobre cómo ocultar elementos innecesarios de WordPress con Admin.
Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
Cómo agregar un logotipo de tablero personalizado en WordPress
¿Desea agregar un logotipo de tablero personalizado en WordPress? Las personas a menudo reemplazan el logotipo de WordPress con un logotipo de tablero personalizado con fines de marca. En este artículo, le mostraremos cómo agregar un logotipo de tablero personalizado en WordPress para la marca.
Método 1: agregar un logotipo de tablero personalizado en WordPress usando un complemento
Este método es más simple y recomendado para la mayoría de los principiantes.
Lo primero que debe hacer es instalar y activar el Etiqueta blanca de CMS conectar. Para obtener más detalles, consulte nuestra guía paso a paso sobre cómo instalar un complemento de WordPress.
Después de la activación, debe visitar Ajustes »CMS Etiqueta Blanca y haga clic en la pestaña Branding para expandirla.
A continuación, debe hacer clic en “Sí” para ocultar el logotipo de WordPress y luego cargar su logotipo personalizado. El logotipo personalizado debe tener un tamaño exacto de 16 x 16 píxeles.
No olvide hacer clic en el botón Guardar cambios para guardar su configuración.
Además del logotipo personalizado del tablero, White Label CMS también ofrece otras funciones para cambiar el nombre de su instalación de WordPress. Consulte nuestra guía sobre cómo dejar en blanco su panel de administración de WordPress para obtener instrucciones detalladas.
Método 2: agregar manualmente el logotipo del tablero personalizado en WordPress
Este método es para usuarios que se sienten cómodos pegando fragmentos de código en WordPress.
Primero debe guardar su logotipo personalizado como un archivo custom-logo.png en su computadora. Debe tener un tamaño exacto de 16 x 16 píxeles.
Una vez que tenga listo su logotipo personalizado, debe cargarlo en /wp-content/themes/your-theme/images carpeta a través de FTP. Si su tema no tiene una carpeta de imágenes, debe crearla.
Una vez que haya cargado la imagen de su logotipo personalizado, simplemente agregue este código al archivo functions.php de su tema o a 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 el CSS necesario para mostrar su logotipo personalizado en la barra de administración de WordPress.
Eso es todo, esperamos que este artículo lo haya ayudado a aprender cómo agregar un logotipo de tablero personalizado en WordPress para la marca. También puede consultar nuestra guía sobre cómo ocultar elementos innecesarios de WordPress con Admin.
Si te ha gustado este artículo, suscríbete al nuestro. canal de Youtube para tutoriales en vídeo de WordPress. También puedes encontrarnos en Gorjeo Y Facebook.
