web-dev-qa-db-fra.com

Image avec description côte à côte

Je crée un site Web personnel pour un client et je souhaite qu'il soit facile à modifier. J'essaie de reproduire les données que le client possédait sur un site Web personnel précédent, créé en HTML pur et ressemblant à l'image ci-dessous:

 Image with description side by side 

Je veux ajouter une image avec une description à ce sujet côte à côte de préférence sur une boîte comme ça. J'ai juste essayé d'ajouter un shortcode à partir du plug-in "Ultimate shortcodes" afin de pouvoir placer l'image sur une colonne occupant la moitié de l'écran et le texte de l'autre colonne prenant l'autre moitié de l'écran, comme ceci:

 Image and description on columns 

Mais il n’ya pas de relation très définie entre les éléments, ils ont l’air de flotter là-bas, et il est difficile d’éditer car chaque fois que vous voulez ajouter un tel "composant", vous devez réellement ajouter trois codes courts, puis insérer le l'image et le texte.

L'utilisation de la légende intégrée ne fonctionne pas non plus, car la légende est uniquement placée directement sous l'image et ne se développe pas avec le texte.

Ma question est donc la suivante: comment puis-je ajouter à l’utilisateur final un moyen d’ajouter l’image et une description afin que la description apparaisse sur le côté de l’image? Y a-t-il un plugin qui fait cela ou puis-je ajouter un css personnalisé pour que la légende de l'image aille à droite et se développe avec le texte?

2
JefersonFG

Oui, je pense que c’est une grande question fondamentale d’édition Wordpress et de création de contenu par des utilisateurs de bas niveau qui rencontrent le grand espace d’édition vierge et ne savent pas comment manipuler le langage HTML. Il existe une myriade de réponses: codage hardcore, codage softcore, plugins et tout le reste.

La réponse pour moi est Champs personnalisés avancés . Je sais que je serai crié ici puisque vous n'êtes pas censé répondre à des questions avec une solution de plugin (oui, c'est totalement étrange - qui a déjà utilisé Wordpress sans plugin? Il est même livré avec deux - un utile et un stupide ). Quoi qu'il en soit, ACF est le noyau de Wordpress.

Jetez un oeil ici pour un exemple de ce dont vous parlez (la vidéo en particulier montre comment cela fonctionne) .

Sautez à bord et profitez de Wordpress au prochain niveau. Pour vous et pour vos clients.

1
Monkey Puzzle