Configuration affichage du blog

WordPress :6.1
Statut : non résolu

Ce sujet contient 6 réponses, 3 participants et a été mis à jour pour la dernière fois par nablaaa, le il y a 2 mois.

7 sujets de 1 à 7 (sur un total de 7)

Auteur

Messages
26 janvier 2023 à 10 h 33 min #2441974
nablaaa
Participant

Initié WordPress
43 contributions
Bonjour,

Ma configuration WP actuelle
- Version de PHP : 7.3
- Thème utilisé : ColorMag
- Nom de l’hébergeur : arn-fai.net
- Adresse du site : https://www.ades.alsace
Problème(s) rencontré(s) :

Je souhaiterais pouvoir configurer l’affichage du blog de cette page : https://www.ades.alsace/?cat=5
Que les articles arrivent en ligne 1 par 1 et non par 2, et désactiver l’affichage de la catégorie.

merci pour votre aide.
26 janvier 2023 à 15 h 27 min #2442003
ferman
Participant

Maître WordPress
5990 contributions
Bonjour,

Le thème n’a vraiment pas beaucoup de réglages dans le customizer.

Vous pouvez essayer en copiant le code ci-dessous dans les CSS personnalisées. Cela devrait fonctionner sauf pour le premier article qui, d’origine, est plus large que les autres (je ne vois pas pourquoi) si bien que le texte déborde . Regardez si vous pouvez modifier ça de votre côté.
```
@media only screen and (min-width:800px){
.article-container{display:flex;
  flex-direction:column;
  width:200%;
	}
}
#content .post{display:flex;
  flex-direction:row;
  width:100%
  }
#content .post .article-content.clearfix{padding-left:50px;
  }
.above-entry-meta{display:none;
  }
```
- Cette réponse a été modifiée le il y a 2 mois par ferman.
26 janvier 2023 à 19 h 04 min #2442032

nablaaa
Participant

Initié WordPress
43 contributions

Bonsoir,
merci pour votre réponse.
j’ai testé le code, mais cela change la mise en page de tout le contenu du site et pas seulement de la page de blog.
Y a-t-il une parade à cela ? merci.

28 janvier 2023 à 21 h 27 min #2442280
mathieu42
Participant

Maître WordPress
1968 contributions
je viens d’essayer le code de ferman et je n’ai pas vu de souci sur les pages wordpress par exemple. montrez nous des url qui ont un souci.

et pour aligner le 1er élément, vous pouvez ajouter ce code au même endroit :
```
.archive #content .post:nth-child(2n+1) {
	float : right;
	width : 48.7013%;
}
```
28 janvier 2023 à 22 h 12 min #2442286
ferman
Participant

Maître WordPress
5990 contributions
Si, ça crée un problème sur la page « accueil ». Il suffit de modifier un peu le code .
```
@media only screen and (min-width:800px){
.archive .article-container{display:flex;
  flex-direction:column;
  width:200%;
	}
}
.archive #content .post{display:flex;
  flex-direction:row;
  width:100%
  }
.archive #content .post .article-content.clearfix{padding-left:50px;
  }
.archive .above-entry-meta{display:none;
  }
```
28 janvier 2023 à 22 h 46 min #2442288
ferman
Participant

Maître WordPress
5990 contributions
Et puis je vois une autre erreur : (

Donc le bon code, j’espère:
```
@media only screen and (min-width:800px){
	
.archive .article-container{display:flex;
  flex-direction:column;
  width:200%;
	}
.archive #content .post{display:flex;
  flex-direction:row;
  width:100%
  }
.archive #content .post{display:flex;
  flex-direction:row; 
  }	
.archive #content .post .article-content.clearfix{padding-left:50px;
  }	
.archive #content .post:first-child .article-content.clearfix{padding-left:50px;
 width:50%;
	}
.archive .above-entry-meta{display:none;
  }
}
```
Bonus, il corrige aussi la largeur du premier article.
- Cette réponse a été modifiée le il y a 2 mois par ferman.
- Cette réponse a été modifiée le il y a 2 mois par ferman.
- Cette réponse a été modifiée le il y a 2 mois par ferman.
29 janvier 2023 à 14 h 07 min #2442377

nablaaa
Participant

Initié WordPress
43 contributions

ok merci, je testerai. Bon dimanche.
Auteur

Messages