Comment faire pour modifier WordPress Gallery Espacement

June 23

Comment faire pour modifier WordPress Gallery Espacement


WordPress comprend un shortcode pour les galeries. Shortcodes sont des codes simples, HTML-like qui permettent aux non-programmeurs d'appeler des fonctions PHP préprogrammées dans des postes et des pages. Lorsque vous ajoutez le "[Galerie]" shortcode à un poste ou d'une page, WordPress génère les vignettes pour toutes les images ci-jointes et applique un peu de style à ces vignettes. Le code Cascading Style Sheets (CSS) que WordPress ajoute au contenu des galeries contenant se trouve entre les balises de style sur la page. Pour modifier l'espacement des éléments de galerie, vous devez écrire le code CSS dans le fichier style.css qui remplace ce code.

Instructions

1 Visitez le répertoire "wp-admin" de votre site et connectez-vous au tableau de bord WordPress. Accédez à "Apparence" et cliquez sur le lien "Editor" pour charger l'écran "Edit Thèmes". Trouvez le lien "style.css" au bas de la liste sous "Modèles" et cliquez sur pour le charger dans la zone de l'éditeur.

2 Ajoutez le code suivant au fond du style.css:

.gallery-item {

margin-top: XXpx importante;

margin-left: XXpx! important;

margin-bottom: XXpx importante;

margin-right: XXpx importante;

}

Le nom de la classe «galerie-item" correspond au code WordPress génère pour la galerie. WordPress ajoute automatiquement le code CSS pour une page contenant une galerie d'images. En CSS, le code entre les balises de style sur une page Web prend la priorité sur le code dans un fichier CSS externe, vous devez donc utiliser "! Important" pour remplacer ces styles sur la page.

3 Cliquez sur le bouton bleu "Mise à jour du fichier" pour enregistrer vos modifications. Visitez votre site Web et jetez un oeil à votre galerie. Si le nouvel espacement crée un conflit avec le reste de la conception du site, revenir en arrière et tweaks style.css jusqu'à ce que la galerie semble bon.

Conseils et avertissements

  • Vous pouvez dupliquer le code «galerie-item" et remplacer "galerie-item" avec "galerie-caption" pour modifier l'espacement des légendes des images.
  • Modifier l'espacement et les bordures autour des images elles-mêmes en ciblant ".gallery-élément img" dans style.css.
  • Sauvegardez vos fichiers de thème avant de les modifier. Si vous rencontrez une erreur "écran blanc", re-télécharger les fichiers de thème original pour revenir dans WordPress.

          

Post a comment: