WordPress: Logotipo personalizado @ Página de inicio de sesión de WP

¡Una vez más es tiempo de personalización de WooCommerce! Como en los últimos 2 episodios ( abrir un producto externo en una nueva pestaña y mostrar las tarifas de envío en un solo producto ), estoy presentando fragmentos y códigos que uso personalmente en mi mercado siciliano/negocio de dropshipping llamado A Piece of Sicily .

Hoy, le mostraré rápidamente cómo personalizar la página predeterminada de inicio/cierre de sesión de WordPress con su logotipo y enlace personalizados en lugar de mostrar el logotipo de WordPress y el enlace de imagen de wordpress.org, que para ser completamente honesto, no debería ser allí en primer lugar!

¡Así que Disfrutá! Puedes ver el resultado en vivo aquí: https://www.apieceofsicily.com/en/login/?loggedout=true

Mi página de inicio de sesión personalizada: agregué mi propio logotipo y también me aseguré de vincular a mi sitio web y no a wordpress.org

Fragmento de PHP / CSS: Reemplace el logotipo de WordPress con un logotipo personalizado en la página de inicio de sesión de WordPress

/**
 * @snippet       Replace Logo - WordPress wp-login page
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5.1
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
 
add_action( 'login_enqueue_scripts', 'bbloomer_login_logo' );
 
function bbloomer_login_logo() {
   ?>
    <style type="text/css">
        #login h1 a, .login h1 a {
           background-image: url(/wp-content/uploads/2020/03/PNG-RGB-1536x830.png);
           height: 150px;
           width: 250px;
           background-size: contain;
           background-repeat: no-repeat;
           background-color: transparent;
      }
    </style>
   <?php
}
 
add_filter( 'login_headerurl', 'bbloomer_login_logo_link' );
 
function bbloomer_login_logo_link( $url ) {
    return home_url( '/' );
}

Deja un comentario