Tutoriales Códigos para cambiar íconos de Wordpress

Aprende paso a paso con nuestros tutoriales detallados y fáciles de seguir 🛠️. Desde WordPress y desarrollo web 🖥️ hasta estrategias de marketing digital 📊 y trucos de inteligencia artificial 🤖. ¡Domina nuevas habilidades y potencia tu conocimiento con nuestras guías expertas! 🚀

Cosmin Vladut

Comunicador

Miembro del equipo
Coordinador
Registrado
9 Oct 2023
Mensajes
678
Os dejo por aquí los códigos para cambiar el logotipo de WP tanto en Administrador como en inicio de sesión. Esto le da un toque PRO a tu trabajo.

ADMIN BAR LOGO

PHP:
function jc_change_icon_admin_bar() {
    ?>
    <style type="text/css">
        #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
            background-image: url('URL de tu imagen') !important;
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
            color: rgba(0, 0, 0, 0);
            content: '';
            display: inline-block;
            width: 20px;
            height: 20px;
        }
        
        #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
            background-position: center center;
        }
    </style>
    <?php
}
add_action('wp_before_admin_bar_render', 'jc_change_icon_admin_bar');

WP LOGIN LOGO

PHP:
function jc_change_image_logo() {
?>
  <style type="text/css">
    #login h1 a, .login h1 a {
        background-image: url('URL de tu imagen');
        background-repeat: no-repeat;
        background-size: contain;
        height: 200px;
        width: 200px;
        display: block;
        margin: 0 auto;
    }
  </style>
<?php
}
add_action( 'login_enqueue_scripts', 'jc_change_image_logo' );

Espero que os sirva un abrazo.
 
Gracias! Es un plus para el cliente o para nuestro panel y también se puede tintar el background de la entera página del login.
 
Si, así es aunque a mi no me gusta hacerlo jejeje siempre es un plus.
 
Volver
Arriba Abajo