- Statut : non résolu
- Ce sujet contient 22 réponses, 4 participants et a été mis à jour pour la dernière fois par patkban, le il y a 9 années et 5 mois.
-
AuteurMessages
-
10 mai 2015 à 6 h 43 min #549785
Bonjour,
Ma configuration WP actuelle
– Version de WordPress : 4.2.2
– Version de PHP/MySQL :
– Thème utilisé : personnalisé
– Extensions en place :
– Nom de l’hebergeur : 1&1
– Adresse du site : http://www.info2tele.comProblème(s) rencontré(s) : image à la une
Bonjour à tous,
Je rencontre un petit problème avec la homepage de info2tele.com : si je ne mets pas de photo dans « Image à la une », tout le texte se décale à gauche.
il y a des articles qui ne méritent pas de photo sur la home : juste le titre et qq lignes de texte. Dans ce cas, j’aimerais que le texte s’installe sur toute la largeur et prenne ainsi la partie normalement réservée à une photo.
Quelqu’un peut-il m’expliquer la démarchecà suivre : quel code installer, à quel endroit.
Merci à vous et bon dimanche
10 mai 2015 à 11 h 04 min #1005374Hello,
J’ai fait exprès de laisser un article sans « Image à la une » (Audiences : TF1 au top avec « Stars 80″, France 3 en forme) en guise d’exemple.
Je voudrais que le titre prenne toute la largueur ainsi que le texte d’accroche.
A+
10 mai 2015 à 14 h 06 min #1005372Bonjour,
Il serait souhaitable de donner directement le lien vers l’article sans « image à la une », on gagnerait tous du temps.
Et qu’entendez-vous par « thème personnalisé » : vous avez totalement créé votre thème de A à Z ; ou bien vous vous êtes basé sur un thème existant , avec (ou sans) child-thème ? Dans ce cas, ce serait bien de nous indiquer le nom du thème de départ, et si il fait partie du répertoire de WordPress.
10 mai 2015 à 14 h 10 min #1005373Salut
Tu peux modifier comme ceci le css, pour l’affichage dans le thème enfant (?)
.post-slider .post-box-inner {
position: absolute;
left: 0px;
right: 0px;
top: 0px;
padding: 15px; /* 15px 20% 15px 60px;*/
background-color: rgba(0, 0, 0, 0.2);
}Et aussi modifier le h3, beaucoup trop gros, à moins que tu ne raccourcisses tes titres !!
.post-slider .title, .post-slider .widget .widget-title, .widget .post-slider .widget-title {
color: #FFF;
font-size: 3em; /* 3.5em*/
text-transform: uppercase;
font-weight: bold;
}A+
10 mai 2015 à 17 h 36 min #1005371@ Flobogo,
Je suis parti du thème Presso que j’ai traduit et adapté à mes besoin. Il existe un « child » mais je ne l’utilise pas. Ai-je tort ?
Le lien vers l’article sans image à la une : http://www.info2tele.com/59321/audiences-tf1-au-top-avec-stars-80-france-3-en-forme/@ dreamer
Je ne suis pas un pro du code… En modifiant le css, que va-t-il se passer ? Est-ce que les articles avec « Image à la une » vont s’afficher avec une vignette et est-ce que ceux qui n’en ont pas vont s’afficher sur toute la largueur ?Pour le h3, je ne vois pas à ce que tu veux dire. h1, c’est pour le tire de l’article, h2 pour le soustitre et h3 pour des titre encadré. Lien vers un exemple :
http://www.info2tele.com/57120/the-voice-je-suis-touchee-je-suis-sans-voix/
h1 : The Voice 4 : « Je suis touchée, je suis sans voix »
h2 : Nikos Aliagas et les coachs ont rendu hommage aux victimes des attentats avant le lancement du télécrochet de TF1.
h3 : Les équipes à l’issue des premières auditionsMerci pour votre aide.
10 mai 2015 à 18 h 12 min #1005369Bon, ouf, j’ai fini par comprendre votre souci
(ce n’est pas le lien vers l’article sans image qu’il fallait, excusez-moi, je n’avais pas prêté attention au fait que le problème était en homepage et non sur l’article)Et je ne sais pas résoudre votre problème.
J’arrive à aligner la boîte de texte sur la droite, comme si il y avait une image, en rajoutant la propriété float: right;.post-box-inner {
float: right;
}Et cela ne change rien à l’affichage de vos autres articles.
Mais par contre, je n’arrive pas à afficher votre texte sur la largeur, ou bien cela affecte les autres articles, dont le texte passe « en-dessous » de la photo.
Avez-vous essayé le code de Dreamer ?
Ces codes sont du CSS, qu’il faut mettre soit dans l’option « Custom CSS » si votre thème le propose, soit dans le fichier style.css (mais de préférence dans un thème-enfant, sinon la modif’ sautera lors d’une mise à jour de thème)
10 mai 2015 à 18 h 43 min #1005370@ Flobogo
Peut-être faut-il un bloc avec appel photo et un autre sans photo mais avec dimensions différentes ?
Code source avec image :
Code source sans image :
11 mai 2015 à 21 h 20 min #1005375Bonsoir à tous,
Je reviens vers vous car je n’ai pas trouvé de solution à mon problème.
Je voudrais avoir la possibilité de publier des articles sans image sans que cela pose un problème sur la homepage. En bref, je voudrais créer un bloc qui n’est pas d’image sur la home.
Qui peut m’aider ?
Amlt
12 mai 2015 à 17 h 58 min #1005376il faudrait mettre une condition if ( has_post_thumbnail() ) pour dire d’utiliser l’un ou l’autre « conteneur » avec telle ou telle « class » (remplacer post-box-inner par une class à créer, avec largeur width: 100% quand il n’y a pas de vignette) ; mais je ne saurai pas vous aider plus, je ne suis pas codeuse.
Sinon, le plus simple serait de définir une image par défaut, à mettre dans un dossier « images » de votre thème, puis de l’appeler ainsi dans le fichier index.php :
<?php
// Must be inside a loop.
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
else {
echo '<img src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/thumbnail-default.jpg" />‘;
}
?>(vu dans le Codex )
17 mai 2015 à 10 h 21 min #1005377Bonjour Flobogo
Merci pour ton aide. Je ne vais pas utiliser l’image par défaut : autant mettre une image qui correspond à l’article.
Je ne suis pas très fort en code moi non plus. En revanche ta remarque sur la création de deux class est très pertinente.
Quelqu’un sur le forum peut donner un coup de main ?
Merci à tous et bon dimanche
8 juin 2015 à 17 h 16 min #1005378Bonsoir
Je reviens vers vous parce que je n’ai pas réussi à résoudre mon problème sur la home.
Comment faire pour qu’un article sans « image à la Une » puisse apparaître sur la home sur toute la largeur du fleuve ?
Actuellement, si je ne mets pas de photo, le titre et le texte se placent à droite (ou à gauche : je ne sais plus) et la partie dédiée à la photo reste vide.
Je pense qu’il faut que je crée une fonction ou une exception pour çà, mais je ne vois pas comment faire.
Auriez-vous une idée ?
Amlt
9 juin 2015 à 20 h 59 min #1005379Hello,
Pas de réponse ?
15 juin 2015 à 18 h 07 min #1005380Bonjour,
Je rentre d’une semaine de vacances, donc pas pu répondre avant …
Je reviens déjà sur un point dans votre post du 10 mai :
Patkban wrote:Je suis parti du thème Presso que j’ai traduit et adapté à mes besoin. Il existe un « child » mais je ne l’utilise pas. Ai-je tort ?Oui, il vaut mieux utiliser le thème-enfant, d’autant plus si il est déjà prévu. Vous pourrez ainsi bénéficier des mises à jour du thème : en général, c’est soit des améliorations, soit des mesures de sécurité que vous ne saurez pas détecter seul. Et en parallèle, le thème-enfant vous permet de personnaliser.
Sinon, votre souci en cas d’absence de l’image à la une est-il résolu ?
25 juin 2015 à 10 h 04 min #1005381Bonjour Flobogo,
J’ai eu beaucoup de travail et pas eu le temps de venir sur le forum. Je découvre ton message. En ce qui concerne mon problème, je n’ai pas réussi à le résoudre.
Quand j’édite un article, si je ne mets pas d’image à la une, ça déconne dans le fleuve de la Home.
Regarde par toi-même (www.info2tele.com)
Aurais-tu une solution?
Cdlt25 juin 2015 à 14 h 34 min #1005382Bonjour,
Premièrement, je vous invite à suivre le conseil de Flobogo quant à l’utilisation d’un thème enfant pour conserver vos modifications lors des futures mises à jour.
Ensuite, je ne sais pas si vous arriverez à résoudre votre problème avec cette extension, mais essayez so-css et vous pourriez peut-être trouver votre bonheur.
Une fois installée et activée, vous allez à custom css dans l’onglet « Apparence » de votre admin et vous cliquez sur le bouton pour voir la page.
Une fois sur la page, cliquez sur l’onglet « Décoration » et faites défiler la page jusqu’à l’affichage d’un extrait d’article sans image et cliquez dessus pour pouvoir opérer les modifications.
Une fois que vous avez trouvé votre bonheur, validez et sauvegardez vos modification.
-
AuteurMessages
- Vous devez être connecté pour répondre à ce sujet.