Problème image d'en tête
Fermé
JUNI2412
-
28 sept. 2014 à 17:06
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 9 oct. 2014 à 17:07
elgazar Messages postés 5841 Date d'inscription mercredi 30 octobre 2013 Statut Membre Dernière intervention 17 mars 2021 - 9 oct. 2014 à 17:07
A voir également:
- Problème image d'en tête
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Image iso windows 10 - Guide
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? ✓ - Forum Photoshop
- Faststone image viewer - Télécharger - Visionnage & Diaporama
15 réponses
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
29 sept. 2014 à 19:03
29 sept. 2014 à 19:03
Comme leur nom l'indique, ils incluent une condition selon laquelle on affiche ou pas un code
Imagine que tu veux changer le header de ton site mais uniquement sur la page d'accueil, toutes les autres pages gardant le header habituel, tu insères un bout de code dans header.php ( suivant la div que tu veux modifier bien entendu)
en gros, le code dit si c'est la page accueil, affiche la div header1 ou si c'est n'importe quel autre page, affiche la div header
Il ne te reste plus qu'a aller dans le fichier css du thème, de dupliquer la div header , de la renommer en header1 et de faire les modifications que tu veux, tu auras ainsi dans les css la div header qui est la div normale du theme et en dessous la div header1 modifiée qui sera affichée uniquement sur la page d'accueil
tu as de multiples possibilités avec les conditions comme expliqué sur le codex wordpress en français
codex.wordpress.org/fr:Marqueurs_conditionnels
Imagine que tu veux changer le header de ton site mais uniquement sur la page d'accueil, toutes les autres pages gardant le header habituel, tu insères un bout de code dans header.php ( suivant la div que tu veux modifier bien entendu)
if ( is_home() ) {
<div id="header1"> </div>
} else {
<div id="header"> </div>
}
en gros, le code dit si c'est la page accueil, affiche la div header1 ou si c'est n'importe quel autre page, affiche la div header
Il ne te reste plus qu'a aller dans le fichier css du thème, de dupliquer la div header , de la renommer en header1 et de faire les modifications que tu veux, tu auras ainsi dans les css la div header qui est la div normale du theme et en dessous la div header1 modifiée qui sera affichée uniquement sur la page d'accueil
tu as de multiples possibilités avec les conditions comme expliqué sur le codex wordpress en français
codex.wordpress.org/fr:Marqueurs_conditionnels
met limage dans la page et pas dans le theme ,tu vas dans tes pages et tu modifie celle d'aceuil et tu ajoute limage desus
Bonjour
Merci pour la réponse .
Je viens d'essayer de faire ce que tu m'as dit mais le problème c 'est que quand je met la photo dans la page au lieu de la mettre en en tête la photo est plus petite (meme quand je personnalise la taille ) alors que quand je met via l'en tête elle prend bien toute la page et elle est bien placée juste au dessus du menu du site .
Merci pour la réponse .
Je viens d'essayer de faire ce que tu m'as dit mais le problème c 'est que quand je met la photo dans la page au lieu de la mettre en en tête la photo est plus petite (meme quand je personnalise la taille ) alors que quand je met via l'en tête elle prend bien toute la page et elle est bien placée juste au dessus du menu du site .
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
29 sept. 2014 à 16:24
29 sept. 2014 à 16:24
regarde du coté des marqueurs conditionnels de wordpress, c'est exactement ce qu'il te faut.
d'accord mais peux tu peux dire ce que sont les marqueurs conditionnels?Je débute avec wordpress et je galère un peu :s
Bonjour
Merci elgazar pour ta réponse et pour ton aide mais je ne sais même pas ou trouver les parties ou l'on peut changer le code dans mon interface?
Je suis vraiment novice je passe des heures à lire sur le net des tutus etc mais dur dur de tout comprendre :s
Merci elgazar pour ta réponse et pour ton aide mais je ne sais même pas ou trouver les parties ou l'on peut changer le code dans mon interface?
Je suis vraiment novice je passe des heures à lire sur le net des tutus etc mais dur dur de tout comprendre :s
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
3 oct. 2014 à 10:06
3 oct. 2014 à 10:06
c'est assez complexe de t'expliquer si tu ne sais pas un peu coder mais je vais essayer cela dit ce sera juste approximatif
dans le fichier header.php du thème, recherche le code suivant
il ne te reste plus qu'a mettre une image dans le dossier image que tu nommeras 00.jpg (ou n'importe quoi d'autre a condition de le changer dans le lien).
Comme j'ai mis le code en dur, si tu veux modifier header01 (limage par défaut du thème), tu dois la changer manuellement dans le dossier images sans passer par l'administration du thème.
dernière chose, c'est une modification du code donc attention aux mises a jour du thème qui effacerait le code et remettrait l'ancien
dans le fichier header.php du thème, recherche le code suivant
<?phpet remplace-le par celui-ci
// Header image section
header_images();
?>
<?phpcomme tu peux le voir, j'ai demandé une condition, si c'est la page d'accueil, il faut mettre le code contenant l'image 00.jpg si c'est une autre page, il faut mettre le code contenant header01.jpg.
if ( is_front_page() && is_home() ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/00.jpg" width="1200" height="600" alt="" />';
} else {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/header01.jpg" width="1200" height="600" alt="" />';
}
?>
il ne te reste plus qu'a mettre une image dans le dossier image que tu nommeras 00.jpg (ou n'importe quoi d'autre a condition de le changer dans le lien).
Comme j'ai mis le code en dur, si tu veux modifier header01 (limage par défaut du thème), tu dois la changer manuellement dans le dossier images sans passer par l'administration du thème.
dernière chose, c'est une modification du code donc attention aux mises a jour du thème qui effacerait le code et remettrait l'ancien
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
3 oct. 2014 à 10:27
3 oct. 2014 à 10:27
Comme tu le vois les marqueurs permettent de faire un réglage très fin, tu peux affecter un bout de code à chaque article,page, mot-clé ou catégorie de ton choix.
par exemple imaginons que tu veuilles mettre un header spécifique a une seule catégorie en plus des modifications actuelles, il suffit de rajouter une condition comme dans le code ci-dessous,
par exemple imaginons que tu veuilles mettre un header spécifique a une seule catégorie en plus des modifications actuelles, il suffit de rajouter une condition comme dans le code ci-dessous,
<?phptraduction si c'est la page d'accueil, affiche 00.jpg, si c'est la page de la catégorie logiciel affiche l'image 01.jpg, si c'est autre chose affiche header01.jpg
if ( is_front_page() && is_home() ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/00.jpg" width="1200" height="600" alt="" />';
} elseif ( is_category( 'logiciels' ) ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/01.jpg" width="1200" height="600" alt="" />';
} else {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/header01.jpg" width="1200" height="600" alt="" />';
}
?>
AH en fait j'ai trouvé le code du header et je l'ai remplacé par le code que tu m'as indiqué , j'ai sauvegardé la modification mais maintenant sur mon site a la place de l'image d'en tete j'ai un énorme carré blanc avec un ? encadré en bleu et sur toutes les autres pages aussi .
Est ce que j'ai fauté quelque part?
Désolé de te solliciter encore et merci de ton aide
Si besoin je peux t'envoyer une capture d'écran?
Est ce que j'ai fauté quelque part?
Désolé de te solliciter encore et merci de ton aide
Si besoin je peux t'envoyer une capture d'écran?
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
7 oct. 2014 à 20:27
7 oct. 2014 à 20:27
est ce que tu as bien mis l'image 00.jpg dans le bon dossier ?
sinon cela peut venir d'une modification des options du thème que tu aurais fait auparavant.
sinon cela peut venir d'une modification des options du thème que tu aurais fait auparavant.
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
8 oct. 2014 à 08:06
8 oct. 2014 à 08:06
le dossier image est comme l'indique le lien dans le thème matheson, ouvre le dossier library et tu le trouveras
Je me rend compte que je suis vraiment très nulle !
Au niveau de l'éditeur du header faut il que je colle tout le code que tu m'as donné ou juste un bout selon mon besoin?
<?php
if ( is_front_page() && is_home() ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/00.jpg" width="1200" height="600" alt="" />';
} else {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/header01.jpg" width="1200" height="600" alt="" />';
}
?>
Est ce que par exemple j 'ai besoin que de celui en gras? car moi j'ai collé tout le code dans l'éditeur c'est peut être pr ça que ça ne fonctionne pas ?
Pour le fichier image en fait c'est dans media et bibliothèque que je dois mettre l'image?
Au niveau de l'éditeur du header faut il que je colle tout le code que tu m'as donné ou juste un bout selon mon besoin?
<?php
if ( is_front_page() && is_home() ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/00.jpg" width="1200" height="600" alt="" />';
} else {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/header01.jpg" width="1200" height="600" alt="" />';
}
?>
Est ce que par exemple j 'ai besoin que de celui en gras? car moi j'ai collé tout le code dans l'éditeur c'est peut être pr ça que ça ne fonctionne pas ?
Pour le fichier image en fait c'est dans media et bibliothèque que je dois mettre l'image?
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
Modifié par elgazar le 8/10/2014 à 16:37
Modifié par elgazar le 8/10/2014 à 16:37
non il faut coller tout le texte
pour l'image, le lien indique ou il faut la mettre donc ouvre le dossier wp-content puis thème puis matheson et enfin library, mets ton image 00.jpg dedans et c'est tout
edit : je me suis planté dans le copier:coller
<?php
if ( is_front_page() && is_home() ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/00.jpg" width="1200" height="600" alt="" />';
} else {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/header01.jpg" width="1200" height="600" alt="" />';
}
?>
pour l'image, le lien indique ou il faut la mettre donc ouvre le dossier wp-content puis thème puis matheson et enfin library, mets ton image 00.jpg dedans et c'est tout
edit : je me suis planté dans le copier:coller
Bonjour ,
Alors cette fois ci j'ai bien collé tout le code que tu m'as mis sur le dernier message , ce n'est pas sur ce code la que tu dis t'être trompé sur le copié/collé?
Et mon pb avec l'image c 'est que je ne trouve pas du tout le dossier wp-content , j'ai beau essayer de copier/coller le lien , rien du tout , je ne sais pas ou le trouver ? Et quand je suis sur mon interface wordpress et que je tape dans l'url http://monnomdesite.fr/wordpress/wp-content je n'ai rien non plus
Alors cette fois ci j'ai bien collé tout le code que tu m'as mis sur le dernier message , ce n'est pas sur ce code la que tu dis t'être trompé sur le copié/collé?
Et mon pb avec l'image c 'est que je ne trouve pas du tout le dossier wp-content , j'ai beau essayer de copier/coller le lien , rien du tout , je ne sais pas ou le trouver ? Et quand je suis sur mon interface wordpress et que je tape dans l'url http://monnomdesite.fr/wordpress/wp-content je n'ai rien non plus
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
9 oct. 2014 à 15:33
9 oct. 2014 à 15:33
pour accéder aux dossiers wordpress, il faut passer par le serveur ftp de ton hébergeur ( tu dois avoir reçu les identifiants lors de ton inscription) via un logiciel client ftp comme filezilla, ensuite tu devras envoyer ton image dans le dossier library.
si c'est ce code que tu as mis c'est bon
l'autre code est un exemple qui permet de mettre en plus une image différente pour une unique catégorie .
si c'est ce code que tu as mis c'est bon
<?php
if ( is_front_page() && is_home() ) {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/00.jpg" width="1200" height="600" alt="" />';
} else {
echo'<img class="header-img" src="/wp-content/themes/matheson/library/images/header01.jpg" width="1200" height="600" alt="" />';
}
?>
l'autre code est un exemple qui permet de mettre en plus une image différente pour une unique catégorie .
Aie Aie Aie je comprends pas grand chose a tout ça!
j 'ai essayé de télécharger filezilla mais une fois télécharger qd je veux lancer le lancer ça me met "application introuvable " du cou p en fouinant sur le dossier téléchargement de mon Mac j'ai trouvé un dossier wordpress avec le wp-content , je suis allée voir dans thème mais il n'y a que :
-index php
- twentyfourteen
-twentythirteen
-twentytwelve
Pas de matheson ....
déjà est ce que c 'est le bon dossier? car je comprends rien du tout au ftp si c'était pas pour le boulot j'abandonnerai je passe des heures a essayer de comprendre tout ça et j'ai l'impression de bloquer sur tout : (
j 'ai essayé de télécharger filezilla mais une fois télécharger qd je veux lancer le lancer ça me met "application introuvable " du cou p en fouinant sur le dossier téléchargement de mon Mac j'ai trouvé un dossier wordpress avec le wp-content , je suis allée voir dans thème mais il n'y a que :
-index php
- twentyfourteen
-twentythirteen
-twentytwelve
Pas de matheson ....
déjà est ce que c 'est le bon dossier? car je comprends rien du tout au ftp si c'était pas pour le boulot j'abandonnerai je passe des heures a essayer de comprendre tout ça et j'ai l'impression de bloquer sur tout : (
elgazar
Messages postés
5841
Date d'inscription
mercredi 30 octobre 2013
Statut
Membre
Dernière intervention
17 mars 2021
1 325
Modifié par elgazar le 9/10/2014 à 17:07
Modifié par elgazar le 9/10/2014 à 17:07
tu est vraiment un grand débutant mais c'est pas grave, on va arranger cela,
donne moi l'adresse de ton site ainsi que l'image (1200x600pixels) que tu veux mettre sur la page d'accueil via la messagerie privée du forum, je fais les modifications et je te renvoie le thème complet par email.
Il ne te restera plus qu'a supprimer sur wordpress le thème matheson que tu as actuellement pour le remplacer par le thème matheson modifié
donne moi l'adresse de ton site ainsi que l'image (1200x600pixels) que tu veux mettre sur la page d'accueil via la messagerie privée du forum, je fais les modifications et je te renvoie le thème complet par email.
Il ne te restera plus qu'a supprimer sur wordpress le thème matheson que tu as actuellement pour le remplacer par le thème matheson modifié