web-dev-qa-db-fra.com

Création d'une mise en page à 3 colonnes sur une page Wordpress

En ce moment, je crée une page avec Wordpress. Maintenant, il y a du contenu qui ne va pas souvent, c'est pourquoi je veux utiliser une page pour cela. Je veux aussi créer un modèle personnalisé pour cette page. Vous voyez, rien de spécial. Sur cette page, je souhaite une disposition en 3 colonnes, ce qui signifie 3 blocs de texte différents positionnés avec du code HTML normal. Maintenant, le problème est que, lorsque j'utilise une page normale dans Wordpress, il n'y a qu'une seule zone de texte dans la zone d'administration, ce qui signifie que je ne peux pas avoir 3 blocs de textes différents accessibles via la zone d'administration. Comment est-ce que je réalise ceci sans coder en dur le texte dans le HTML? Bien sûr, je pourrais l’écrire sous forme de plug-in, mais cela me semble un peu exagéré. J'espère que vous comprenez mon problème, c'est difficile à expliquer pour moi, je suis désolé.

1
Sven

Je suggère d'utiliser le plugin Advanced Custom Fields pour cela. Vous pouvez l'utiliser pour ajouter d'autres champs de saisie à un type d'article (dans ce cas, vous voudrez probablement l'ajouter au type de page). Dans votre cas, vous voudriez probablement deux autres champs de l'éditeur Wysiwyg afin que vous puissiez écrire avec le formatage.

Le truc sera que, si vous affectez les nouveaux champs au type de publication de page, , toutes les pages auront les deux champs supplémentaires. Vous voudrez peut-être créer un nouveau type d'article et lui affecter les champs.

Une autre façon de procéder consiste à utiliser quelque chose comme le plugin Chunks . Cela vous permet d'avoir de petits extraits de contenu que vous pouvez appeler dans un thème à tout moment. Cela vous permettrait de sauvegarder des morceaux de texte que vous pourriez utiliser dans l'une des colonnes et d'inclure ce texte ailleurs sur le site, si vous le souhaitez.

En outre, une autre idée: si vous voulez que le contenu se divise en trois colonnes et qu'il s'agisse principalement de texte, vous pouvez utiliser le column-count de CSS3 __ . Cela ne fonctionne pas dans tous les navigateurs par défaut, mais il existe des correctifs inter-navigateurs comme css3-multi-column.js qui peuvent résoudre ce problème pour vous. .

2
Gavin Anderegg