web-dev-qa-db-fra.com

Remplacer le logo de connexion wordpress par un texte personnalisé

Je voulais remplacer le logo wordpress qui est affiché sur l'écran de connexion avec un texte personnalisé.

Voici le code que j'ai essayé jusqu'à présent:

function my_custom_logo() {
echo '<style type="text/css">
#header-logo { background-image: url('.get_bloginfo('template_directory').'/images/wp-logo.png) !important; }';
}
add_action('admin_head', 'my_custom_logo');

Il peut remplacer le logo mais de quoi aurais-je besoin pour le remplacer par du texte? Des suggestions pour le faire fonctionner?

wp-adminwp-login-form
1
Sumit

Vous devrez d'abord supprimer le logo wordpress de l'écran de connexion. Le logo wordpress est ajouté par css, vous devrez donc changer le css et le lier au crochet d'action login_enqueue_scripts

function my_login_logo() { ?>
    <style type="text/css">
        body.login div#login h1 a {
            background-image: none;
            background-size: 0 0;
            height: 0;
            margin: 0 auto 0;
            width: 0;
}
        }
    </style>
<?php }
add_action( 'login_enqueue_scripts', 'my_login_logo' );

Ensuite, vous pouvez ajouter votre message personnalisé

function custom_login_message() {
$message = "Your custom message goes here";
return $message;
}
add_filter('login_message', 'custom_login_message');

Vous pouvez aller jeter un coup d’œil au codex pour d’autres crochets et filtres pour le formulaire de connexion

2
Pieter Goosen

Cela dépend vraiment du texte que vous voulez remplacer.

Par exemple: si vous voulez le remplacer par le titre du blog, alors croyez-le ou non, c'est TRÈS simple et vous pouvez le faire uniquement via CSS.

Le titre du blog apparaît déjà dans l'image, mais il a été déplacé en dehors de l'écran de text-indent et il suffit de le remettre à l'état normal.

.login h1 a {
    text-indent: 0;
    background-image: url('');
    background-size: auto;
    width: auto;
    color: #fff;
    font-size: 1.5em;
}

Définir la variable URL sur '' la supprime si vous souhaitez vous débarrasser totalement de l'image d'arrière-plan. Définissez la couleur et la taille si nécessaire.

1
Madivad

Le logo est écrit dans le CSS et le texte du lien et la cible sont filtrables:

    105         /**
    106          * Filter link URL of the header logo above login form.
    107          *
    108          * @since 2.1.0
    109          *
    110          * @param string $login_header_url Login header logo URL.
    111          */
    112         $login_header_url = apply_filters( 'login_headerurl', $login_header_url );
    113         /**
    114          * Filter the title attribute of the header logo above login form.
    115          *
    116          * @since 2.1.0
    117          *
    118          * @param string $login_header_title Login header logo title attribute.
    119          */
    120         $login_header_title = apply_filters( 'login_headertitle', $login_header_title );

https://core.trac.wordpress.org/browser/tags/3.8.1/src/wp-login.php#L89

Par exemple:

function alter_login_headerurl() {
  return 'http://example.com';
}
add_action('login_headerurl','alter_login_headerurl');

function alter_login_headertitle() {
  return 'Yay';
}
add_action('login_headertitle','alter_login_headertitle');

Pour modifier l'image enqueue une feuille de style de connexion et remplacer l'image d'arrière-plan sur .login h1 a.

0
s_ha_dum