Agrandir un Logo dans le thème Twenty Seventeen
Oelphoto
-
elgazar Messages postés 5841 Date d'inscription Statut Membre Dernière intervention -
elgazar Messages postés 5841 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je mets en place une galerie séparée de mon site principal. J'ai installé pour ce faire un CMS Wordpress.
N'ayant pas réussi à modifier la police du header, qu'importe, j'ai mon logo utilisé sur mon site en PNG.
Sauf que Wordpress ne me laisse pas choisir la taille d'affichage. Au final, c'est moche et ça n'est pas lisible.
Quelqu'un saurait-il comment je pourrai m'y prendre ? Je précise que je suis newbie (complètement) en programmation et que l'anglais est un peu compliqué.
Merci pour ceux qui auront la gentillesse de m'aider :-)
le lien vers la galerie :
http://oelphoto.fr/galerie
Je mets en place une galerie séparée de mon site principal. J'ai installé pour ce faire un CMS Wordpress.
N'ayant pas réussi à modifier la police du header, qu'importe, j'ai mon logo utilisé sur mon site en PNG.
Sauf que Wordpress ne me laisse pas choisir la taille d'affichage. Au final, c'est moche et ça n'est pas lisible.
Quelqu'un saurait-il comment je pourrai m'y prendre ? Je précise que je suis newbie (complètement) en programmation et que l'anglais est un peu compliqué.
Merci pour ceux qui auront la gentillesse de m'aider :-)
le lien vers la galerie :
http://oelphoto.fr/galerie
A voir également:
- Theme twenty seventeen
- Theme sombre google - Guide
- Changer thème iphone gratuit - Télécharger - Thèmes & Fonds d'écran
- Theme sombre windows 10 - Guide
- Theme windows 7 - Télécharger - Personnalisation
- Theme windows 11 pour windows 10 - Guide
5 réponses
Bonjour,
En fait c'est le logo (image PNG) que je veux agrandir. Il est limité à 200x200px sur ce module. J'ai viré le titre et slogan intégré car la police ne correspond pas au design retenu sur mon site.
Donc il y a une image JPEG en bannière, et en premier plan mon logo en PNG mais il est tout petit. C'est lui que je souhaite agrandir.
Merci :-)
En fait c'est le logo (image PNG) que je veux agrandir. Il est limité à 200x200px sur ce module. J'ai viré le titre et slogan intégré car la police ne correspond pas au design retenu sur mon site.
Donc il y a une image JPEG en bannière, et en premier plan mon logo en PNG mais il est tout petit. C'est lui que je souhaite agrandir.
Merci :-)
Bonjour
j'ai pas compris ce que tu veux faire exactement mais pour changer la taille de la police du titre et de la description, c'est à partir de la ligne 3366 du fichier style.css du thème
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
j'ai pas compris ce que tu veux faire exactement mais pour changer la taille de la police du titre et de la description, c'est à partir de la ligne 3366 du fichier style.css du thème
.site-title {
font-size: 36px;
font-size: 2.25rem;
}
.site-description {
font-size: 16px;
font-size: 1rem;
}
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
regarde à la ligne 1619
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}
Merci Elgazar,
En fait cette ligne 1619, j'ai déjà tenté de la modifier sans succès.
Il y a surement une manip complémentaire sur une autre ligne ou dans sur une autre feuille.
En fait cette ligne 1619, j'ai déjà tenté de la modifier sans succès.
Il y a surement une manip complémentaire sur une autre ligne ou dans sur une autre feuille.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
le problème , c'est qu'un logo n'a pas vocation a être très grand au mieux tu peux changer le cadrage dans functions.php ligne 95 pour avoir un rectangle (le recadrage par défaut est toujours carré mais tu peux l'agrandir en faissant glisser les cotés pour avoir le rectangle) ou alors tu veux mettre une image de type bannière (donc beaucoup plus grande) et dans ce cas-la, il ne faut pas utiliser le logo customisé mais insérer directement l'image dans le fichier comme expliqué ci-dessous
attention, il faut faire la modification sur un thème enfant
ouvre le dossier theme ouvre le dossier template-parts puis le dossier header et enfin ouvre le fichier site-branding.php et remplace cette ligne
par
(attention, je ne sais pas pourquoi ccm ne veut pas afficher le bon code, il faut enlever un des " et le quote qui apparait avant l'adresse de l'image)
par exemple, en gardant le code du logo customisé (version rectangle) et en insérant simplement une image au dessus, on obtient ceci
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.
attention, il faut faire la modification sur un thème enfant
ouvre le dossier theme ouvre le dossier template-parts puis le dossier header et enfin ouvre le fichier site-branding.php et remplace cette ligne
<?php the_custom_logo(); ?>
par
<img src=""quot;http://adresselimage.jpg" alt="exemple de texte alternatif" />
(attention, je ne sais pas pourquoi ccm ne veut pas afficher le bon code, il faut enlever un des " et le quote qui apparait avant l'adresse de l'image)
par exemple, en gardant le code du logo customisé (version rectangle) et en insérant simplement une image au dessus, on obtient ceci
Avec un ordinateur, on peut faire plus rapidement des choses qu’on n’aurait pas eu besoin de faire sans ordinateur.