web-dev-qa-db-fra.com

Comment puis-je rendre la galerie wp default réactive?

Je veux que ma WP galerie par défaut passe de 4 colonnes sur les écrans d’ordinateur à 2 sur les périphériques mobiles.

1
Taylo.K

Vous pouvez essayer d'utiliser css pour contrôler la disposition visuelle.

J'ai testé sur mon serveur de dev et c'était réussi.

 @media only screen and ( max-width: 320px ) {
      .gallery-item {float:left;width:50% !important;}
 }

ce que nous avons fait est de définir la colonne sur 50% de la largeur totale du conteneur lors de l'affichage sur des périphériques inférieurs à 320 pixels. Vous pouvez ajuster cela comme bon vous semble.

Il suffit de déposer ce style dans votre css de thèmes via la page d’options de votre thème. Si vous n'en avez pas, vous pouvez également l'ajouter à la feuille de style CSS de thèmes si vous disposez d'un accès administrateur via Apparence> Editeur.

Essayez-le et espérez que cela aide.

1
DigitalDesigner

Le secret d'une galerie sensible est de ne pas spécifier un numéro de colonne. Cela fera apparaître les éléments de la galerie jusqu'à ce qu'ils atteignent la ligne suivante. Assurez-vous que les éléments de la galerie sont définis sur "display: inline-block".3 items will fit on an iphone x because I didn't set the # of columns on my clients site.

0
Jim Kinney