Comment insérer un logo dans l'en-tête?

9

Je suis assez nouveau dans le monde WordPress (je viens de Joomla)

J'ai du mal à insérer un logo dans ce site de test WordPress: http://onofri.org/example/

Je veux mettre mon logo dans l'en-tête du site, au lieu du texte "EXEMPLE".

En regardant dans le panneau de configuration de WordPress, je ne trouve pas où je peux télécharger le logo et le mettre automatiquement à la place le texte "EXEMPLE" dans l'en-tête (je ne sais pas s'il s'agit d'une fonction WordPress standard comme dans Joomla ou s'il s'agit d'un fonctionnalité qui peut être mise à disposition par certains thèmes spécifiques ou si je dois la mettre directement dans le code)

Cependant, je ne le trouve pas, même dans mes paramètres de thème.

Que dois-je faire pour mettre mon logo? Dois-je l'insérer directement dans mon code HTML?

AndreaNobili
la source

Réponses:

14

Essayez de modifier un peu la section d'en-tête pour vous conformer aux normes. Voici ce que votre code en ce moment:

<div id="header-image">
   <img width="1102" height="350" alt="" class="header-image" src="http://onofri.org/example/wp-content/uploads/2013/06/header1.jpg">
</div>

Voici comment vous pouvez modifier les choses:

<div id="header-image">
    <a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
       <img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="Logo" width="HERE" height="HERE" />
    </a>
</div>

Il ne reste plus que 3 étapes:

  • Au lieu d'utiliser les paramètres d'image d'en-tête par défaut du thème, vous pouvez modifier vos thèmes header.phpavec le code donné ci-dessus.
  • Au lieu d'insérer une image à partir d'Ajout de nouveaux médias, vous pouvez télécharger l'image via cPanel (Panneau de configuration de votre hébergeur) dans le sous-dossier du dossier de thème nommé «images» .
  • Et au lieu de créer une image énorme avec un arrière-plan pour votre logo, essayez de créer un simple logo sans arrière-plan dans Photoshop (ou tout autre logiciel graphique) - dans le cas de Photoshop, faites-le: après avoir placé l'image du logo dans un calque, supprimez simplement le calque d'arrière-plan, puis enregistrez l'image pour le Web (Fichier> Enregistrer pour le Web ... [ Ctrl+ Alt+ Shift+ S]) et choisissez le format PNG-24 pour un bon résultat. Ensuite, enregistrez-le sous logo.pnget placez-le dans le dossier '/ wp-content / themes / simplemarket / images /'.

J'espère que vous aurez le reste. Si vous avez des questions, n'hésitez pas à commenter ci-dessous.

Mayeenul Islam
la source
2

S'il y a une fonctionnalité "logo", elle fera partie du thème. Peut-être une option de thème ou une partie du système de personnalisation de thème .

J'utilise généralement un en- tête personnalisé pour le faire pour les sites commerciaux, bien qu'un en-tête personnalisé ne soit pas spécifiquement pour un logo. Il s'agit d'une fonction générique "image d'en-tête".

En bref, cela dépend du thème. S'il s'agit d'un thème que vous créez, vous pouvez modifier le thème pour l'ajouter. Voir les articles du Codex déjà référencés.

s_ha_dum
la source
2

Pour changer l'image d'en-tête, allez dans le panneau d'administration de votre wordpress. Dans le menu d'apparence, cliquez sur l'en-tête et vous y trouverez l'option de télécharger votre image d'en-tête et le texte à apparaître dans votre en-tête.

S'il ne s'affiche pas, vous devez modifier votre fichier d'en-tête et insérer le code suivant dans votre en-tête s'il n'existe pas déjà.

<?php $header_image = get_header_image();
    if ( ! empty( $header_image ) ) : ?>
        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
Yamu
la source