Comment ajouter un logo personnalisé sur son site WordPress ?

novembre 2018

Quentin

2

Tous les sites web disposent d’un logo et c’est donc une des fonctionnalités les plus demandées dans le monde de la création de site web. WordPress permet de gérer un logo personnalisé très facilement. Voici comment faire pour activer la gestion d’un logo personnalisé dans votre thème WordPress.

Activer la fonctionnalité de logo personnalisée sur WordPress

Tout d’abord, il faut activer la fonctionnalité dans le fichier functions.php .

Pour cela, ajoutez cette ligne dans le fichier :

add_theme_support('custom-logo');

Vous pouvez alors ajouter votre logo. Pour cela, il faut aller dans « Apparence » > « Personnaliser » > « Identité du site » > « Logo » :

Ajoutez votre logo en cliquant sur « Sélectionner un logo ».

Ajouter le logo dans le template WordPress

Maintenant, il faut afficher le logo en ajoutant du code dans notre thème. Pour cela, vous pouvez utiliser le code suivant :

<?php if(has_custom_logo()) : ?>
<?php the_custom_logo(); ?>
<?php else : ?>
<h1><a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a></h1>
<?php endif; ?>

S’il y a un logo, on affiche le logo avec la fonction « the_custom_logo() », sinon, on affiche un h1 avec le titre du blog et un lien qui redirige vers l’accueil.

2 commentaires sur "Comment ajouter un logo personnalisé sur son site WordPress ?"

  1. Votre explication n’est pas assez claire. Vous mentionnez: « Tout d’abord, il faut activer la fonctionnalité dans le fichier functions.php .

    Pour cela, ajoutez cette ligne dans le fichier : add_theme_support(‘custom-logo’); »
    Où trouver ce fichier functions.php ?
    Puis vous mentionnez: « Maintenant, il faut afficher le logo en ajoutant du code dans notre thème »
    Mais où faut-il aller dans le thème ?

    Merci pour votre réponse

    1. Quentin dit :

      Bonjour, je vous conseille d’aller lire d’autres tutos sur la création de thème WordPress si ces notions sont floues :
      Comment créer un thème wordpress facilement

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.