Modifier le logo WordPress sur la page de Connexion

14 mars 2023

Vous avez un site WordPress et utilisez le constructeur de page Oxygen *, voici comment changer l'image du logo présent sur la page d'identification de WordPress.

De nombreux clients apprécient de voir leur propre logo lorsqu'ils se connectent à leur site web. Heureusement, il est possible de personnaliser facilement le logo et le lien standard de WordPress sur la page de connexion.

Comment faire ?

Il suffit d'ajouter le code ci-dessous et de modifier l'URL de l'image (https://lien-vers-votre-image).

Modifier également la hauteur (height), largeur (width) et la taille de l'arrière-plan en fonction des dimensions, des proportions du logo.

function login_logo() { ?>
<style type="text/css">
#login h1 a, .login h1 a {
background-image: url(https://lien-vers-votre-image);
background-position: center center;
height: 100px;
width: 100px;
background-size: 100px;
object-fit: cover;

}
</style>
<?php }
add_action( 'login_enqueue_scripts', 'login_logo' );
//Custom logo URL
function login_logo_url() {
return home_url();
}
add_filter( 'login_headerurl', 'login_logo_url' );
function login_logo_url_title() {
return 'Link title';
}
add_filter( 'login_headertitle', 'login_logo_url_title' );

Ajouter le code dans Oxygen 🫣

Il faut l'ajouter dans la page fonction.php de votre thème. Si vous utilisez "Oxygen", il vous suffit d'installer le plugin "Mes fonctions PHP" et de copier/coller le code, comme expliquer sur cette même page, ce n'est finalement pas trop compliqué 😅

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *


Veuillez saisir votre nom et prénom *


Veuillez saisir votre adresse de site Web

Solution rapide, évolutive et exceptionnelle pour accompagner votre business en ligne.
cloud-syncearthbullhorn linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram