Installer des tableaux responsive sur le site WordPress de notre client

Vous avez du mal à faire fonctionner vos tableaux responsive correctement dans WordPress ? Découvrez une solution que nous avons réalisée pour un client, sans utiliser de plugins : l'un de nos projets récents les plus modestes.
3 Avr, 2014

Notre client souhaitait que quelques tableaux apparaissent sur sa page de prix afin de permettre une comparaison claire entre son offre et celle de ses concurrents habituels.

Nous avons essayé plusieurs plugins (tels que TablePress et WP Pricing Tables), mais nous avons rencontré quelques problèmes avec ceux-ci : ils n’étaient pas entièrement adaptatifs (c’est-à-dire qu’ils ne s’affichaient pas correctement sur les appareils mobiles) et la mise en forme des lignes et des colonnes présentait des anomalies sur plusieurs navigateurs, en particulier lorsqu’une colonne comportait plus de lignes de texte que les autres colonnes de la même ligne.

Comme le site ne nécessitait pas d’autres tableaux, nous avons décidé d’utiliser une combinaison de CSS et de HTML simple pour obtenir l’effet souhaité. Si les plugins sont souvent une bonne idée, car ils offrent une solution gérable par les propriétaires de sites web et régulièrement mise à jour par leurs auteurs, ils peuvent parfois « alourdir » un site avec du code inutile qui nuit aux performances, entrer en conflit avec d’autres plugins et présenter un risque de sécurité s’ils ne sont pas mis à jour ou s’ils proviennent d’une source peu fiable.

Nous avons rédigé un article de blog complet qui explique comment créer des tableaux responsive sur votre site WordPress.

Ainsi, si vous avez un client qui est prêt à s’investir un peu plus dans la maintenance de ses pages, une solution HTML et CSS personnalisée pourrait être la plus appropriée. N’hésitez pas à nous contacter !

  • Ce champ n’est utilisé qu’à des fins de validation et devrait rester inchangé.
  • Voici comment nous utiliserons les données que vous nous fournirez.

0 commentaires