Trier les articles par ordre croissant ? (Créer un compte)

Bonjour,

voulez-vous un accès admin sur mon site ?

Non, merci, c’est contraire aux règles du forum. De plus ça n’apporterait rien.

Si vous allez sur la page 2 vous verrez que les articles allant du 21 au 23 août sont classés par ordre décroissant, ensuite vient la navigation précédent /suivant, puis les articles suivants reprennent dans l’ordre croissant.

je n’ai plus en bas de page       <Précédent  suivant>

Je vais regarder ça plus tard. Je ne pense pas que ce soit un problème.

Pour faire les choses correctement (et supprimer le problème de la page 2) il y a besoin d’une ligne de javascript. Pour cela il faudra placer uue fonction dans le fichier  functions.php de votre thème enfant (je ne sais pas si vous en avez un pour le site nos compagnons ) sinon il faudra utiliser une extension. Il vous faut de toute façon un accès par FTP (filezilla). Avez-vous déjà fait ça? ( je n’ai pas parcouru vos 110 sujets pour avoir la réponse).

Très bien, je vous propose de remplacer les CSS que je vous ai passées par les suivantes (on ajoute simplement deux règles pour la navigation.)

#nouvelle, #archives-2 ul, #recent-posts-2 ul, #recent-comments-2 ul{display:flex;
	flex-direction:column-reverse;}
.nav-links{display:flex;
	flex-direction:row-reverse;}
.nav-links .icon{transform: scaleX(-1);}

Ensuite, vous téléchargerez l’extension « my-custom-functions » et y collerez le code ci-dessous (c’est très simple: voir les copies d’écran sur la page de l’extension). En principe vous n’aurez même pas besoin de Filezilla. C’est seulement en cas de problème  (facile à réparer) si vous faites une fausse manipulation (voir le point 9 des FAQ):

Function nouvelle(){?>
	<script type="text/javascript">
		$=jQuery; $( '.post').wrapAll( '<div id="nouvelle"></div>' );
	</script>
<?php ;}

add_filter('wp_footer','nouvelle");

A quoi sert cette fonction: Vous avez vu que la navigation est en tête de vos pages d’archive au lieu d’être en-dessous. Vos articles et la navigation sont dans une div nommée « #main » à laquelle on attribue la propriété « display:flex ». Cette propriété permet de réarranger tous les éléments contenus dans cette division, en particulier d’inverser leur ordre. Problème:  quand on essaie d’inverser l’ordre des articles en CSS (« flex-direction:colum-reverse ») on inverse en fait tous les éléments et pas seulement les articles donc la navigation se retrouve en haut.  Je ne suis pas arrivé à arranger le problème avec des CSS. Avec la petite fonction jQuery, on rassemble tous les articles et seulement eux dans une nouvelle division (« #nouvelle ») et on applique la propriété flex à cette division et non plus à « #main »: l’ordre des articles est donc inversé mais la navigation reste fixe.

Quand vous aurez fait ça, vérifiez que tout est bien OK sur le site, la modification est assez profonde et un effet non souhaité est toujours possible.

Cela devrait marcher. La seule chose qu’on ne peut pas faire c’est de renommer les pages de la navigation. Je m’explique:

au début vous aviez pour l’ordre des pages 1,2….15.

maintenant vous avez 15,14…1

La page 1 est toujours celle des articles les plus récents. De manière idéale, vous devriez avoir 1,2….15 ou 1 est la page des articles les plus anciens. Je ne trouve pas ça gênant mais il est possible de faire la modification en changeant l’ordre des articles au niveau du serveur, comme dit précédemment. Dans ce cas, il n’y a pas besoin de CSS additionnelles ni de jQuery. C’est simple (on utilise « my custom functions ») mais il y aurait sans doute quelques essais à faire. A vous de voir.

• Cette réponse a été modifiée le il y a 3 années et 6 mois par ferman.
• Cette réponse a été modifiée le il y a 3 années et 6 mois par ferman.

Bonjour,

Pour custom functions, ce n’est pas grave et c’est une erreur de ma part: dans le code, tout à la fin, (la seule partie que je ne peux pas tester chez moi)  s’est glissée une faute de frappe (le  » alors qu’il devrait seulement y avoir ‘) petite erreur lourde de conséquences! C’est ce que vous dit le message.

Dans ce cas, il ne faut pas supprimer l’extension. En règle générale, il ne faut pas supprimer une extension sans l’avoir d’abord désactivée. Dans ce cas précis, s’il y a un problème, il ne faut même pas désactiver mais faire ce qui est indiqué dans les FAQ: par FTP vous allez dans les fichiers du plugin. Il y a un fichier « start ». Vous le renommez en « stop », ce qui redonne l’accès au site et à l’extension où vous pouvez faire la correction ensuite vous renommez  le fichier en « start ». Je vous redonne le code corrigé.

function nouvelle(){?>
	<script type="text/javascript">
		$=jQuery; $( '.post').wrapAll( '<div id="nouvelle"></div>' );
	</script>
<?php ;}

add_filter('wp_footer','nouvelle');

Et pour mémoire le code CSS :

#nouvelle, #archives-2 ul, #recent-posts-2 ul, #recent-comments-2 ul{display:flex;
	flex-direction:column-reverse;}
	.nav-links{display:flex;
	flex-direction:row-reverse;}
	.nav-links .icon{transform: scaleX(-1);}

Je viens  de réessayer pour être sûr. Cela fonctionne correctement.

il me semble que tout cela devient bien compliqué pour moi

Mais non! Mais si vous souhaitez plutôt un plugin, je peux regarder (mais pas tester). Je n’en connais pas à priori qui fasse tout ce que vous souhaitez mais il y en a tellement…

• Cette réponse a été modifiée le il y a 3 années et 5 mois par ferman.