Cómo personalizar los logos de WordPress en wp-admin

Home Foros Ayuda WordPress Themes Cómo personalizar los logos de WordPress en wp-admin

Etiquetado: 

Este debate contiene 0 respuestas, tiene 1 mensaje y lo actualizó  Soporte WordPress hace 3 meses.

Viendo 1 publicación (de un total de 1)
  • Autor
    Publicaciones
  • #353

    Soporte WordPress
    Jefe de claves

    Para cambiar el logo de la sección wp-login es necesario agregar la siguiente función en el archivo functions.php de tu theme.

    function ndo_change_image_logo() { 
    ?>
      <style type="text/css">
        #login h1 a, .login h1 a {
        background-image: url(urldeimagen.png);
          background-repeat: no-repeat;
          background-size: cover;
          height: 150px;
          width: 150px;
    
        }
      </style>
    <?php 
    }
    
    add_action( 'login_enqueue_scripts', 'ndo_change_image_logo' );

     

    Lo único que hace este action es agregar un style que sobreescribe con una imagen diferente a la predeterminada.

    Recuerda cambiar la ruta urldeimagen.png por la de tu imagen real.

    Para cambiar el icono del dashboard es necesario agregar lo siguiente al archivo functions.php

    function ndo_change_icon_admin_bar() {
      
      echo '<style type="text/css">
      
          #wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
            background-image: url(urldeimagen.png) !important;
            background-size: cover;
            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>';
    }
    
    add_action('wp_before_admin_bar_render', 'ndo_change_icon_admin_bar');

     

    Esto también sobreescribirá los estilos predeterminados y así podrás asignar la imagen que gustes.

    Recuerda también cambiar urldeimagen.png por la ruta de tu imagen real.


    Regístrate gratis para resolver tus dudas sobre WordPress

    Contáctanos por E-mail: soporte@ndo.mx

Viendo 1 publicación (de un total de 1)

Debes estar registrado para responder a este debate.