Blogs wordpress: comment insérer une galerie de photos

Vous pouvez utiliser les médias WordPress Uploader pour insérer une galerie photo complète dans vos messages. Ajouter plusieurs images une fois que vous êtes dans la Insérer un support Fenêtre- puis, au lieu de cliquer sur le bouton Insérer dans Post, cliquez sur le lien Créer une galerie sur le côté gauche de la fenêtre Insérer un support.

Video: Comment Insérer une galerie d'images

Ce lien ouvre la fenêtre Créer une galerie, ainsi que les multiples images que vous avez téléchargé. Toutes les images sont sélectionnées, comme indiqué par la coche montré sur le côté supérieur droit de l`image (vous pouvez désélectionner une image pour l`exclure de la galerie en cliquant sur la coche).

Suivez ces étapes pour insérer une galerie photo dans un billet de blog:

Cliquez sur le bouton Créer une nouvelle galerie.

Le bouton est situé en bas à droite de la fenêtre Créer une galerie. Cela ouvre la fenêtre d`édition Gallery.

  • (Facultatif) Modifiez les images de la galerie.

    Si vous souhaitez réarranger les images, vous pouvez glisser et déposer les images apparaissent dans l`ordre que vous souhaitez les afficher sur votre site Web. Vous pouvez également inclure une courte légende pour chaque image en cliquant sur la zone de texte sous chaque image.

  • Configurez les paramètres de la galerie.

    Situé sur le côté droit de la fenêtre Edit Gallery, ces options comprennent:

  • Lien To: Utilisez le menu déroulant pour sélectionner la page de la pièce jointe, un fichier multimédia ou Aucun.

  • colonnes: Sélectionnez le nombre de colonnes que vous souhaitez la galerie de miniatures à afficher dans. Options dans le menu déroulant comprennent 1 à 9 colonnes.

  • Ordre aléatoire: Cette case est cochée par défaut. La sélection de cette case indique WordPress d`ignorer l`ordre défini des images et les ordonne au hasard sur la page à la place.

  • Cliquez sur le bouton Galerie Insérer.

    WordPress insère dans votre message un morceau de shortcode qui ressemble à ceci:.

  • (Facultatif) Modifiez l`ordre d`apparition des images dans la galerie, ainsi que le balisage (balises HTML ou sélecteurs CSS):

  • captiontag: Modifiez le balisage qui entoure la légende de l`image en modifiant la galerie shortcode. Par exemple: place des balises autour de la légende de l`image (l`étiquette crée un récipient séparé pour le contenu) - avoir la galerie apparaît sur sa propre ligne, le code place des balises autour de la légende de l`image. Le balisage par défaut pour la captiontag option est dd.

    Video: Comment créer album photos sur un blog WordPress

  • icontag: Définit le balisage HTML autour de chaque image miniature individuelle dans votre galerie. Modifiez le balisage autour de la icontag (Icône miniature) de l`image en modifiant la galerie shortcode à quelque chose comme, qui place des balises autour de chaque icône miniature. Le balisage par défaut icontag est dt.

  • itemtag: Définit le balisage HTML autour de chaque élément dans votre galerie. Modifiez le balisage autour de la itemtag (Chaque élément) dans la galerie en modifiant la galerie shortcode à quelque chose comme, qui place des balises autour de chaque élément dans la galerie. Le balisage par défaut pour la itemtag est dl.

  • commandé par: Définit l`ordre dans lequel les images sont affichées dans votre galerie. Modifier l`ordre utilisé pour afficher les vignettes dans la galerie en modifiant la galerie shortcode à quelque chose comme, qui affiche les vignettes dans l`ordre croissant menu. Un autre paramètre que vous pouvez utiliser est id_order ASC, qui affiche les miniatures dans l`ordre croissant en fonction de leur ID.

    Galerie ShortcodeSortie
    Une galerie à quatre colonnes contenant des images de taille moyenne
    Une galerie de dix colonnes contenant des images miniatures extraites de
    le poste de blog avec l`ID 215
    Une galerie à trois colonnes (par défaut), dans lequel chaque image est
    entouré par
    étiquettes et la légende de l`image est entouré par les balises
  • Définir le style de la tags dans votre feuille de style CSS.

    le balises créent une ligne Element- un élément contenu dans un tag reste sur la même ligne que l`élément avant it- il n`y a pas à la ligne. Vous avez besoin d`un peu de connaissance de CSS pour modifier la Mots clés. Cliquez sur le lien de l`éditeur dans le menu Apparence sur votre WordPress Dashboard pour modifier la feuille de style pour votre thème.

    Voici un exemple de ce que vous pouvez ajouter à la feuille de style (style.css) Pour votre thème actuel:

    span.gallery-icon img {padding: 3px; fond: blanc-border: 1px solide marge noire: 0 5px;}

    Placer ce bit de CSS dans la feuille de style (style.css) De votre thème actif place automatiquement une bordure noire d`un pixel autour de chaque vignette, avec trois pixels de rembourrage et un fond blanc. Les marges gauche et droite sont larges de cinq pixels, ce qui crée un espacement entre les images bien dans la galerie.

  • Cliquez sur le bouton Fichier de mise à jour pour enregistrer les modifications à votre feuille de style (style.css) modèle.

  • Matt Mullenweg, co-fondateur de la plate-forme WordPress, a créé un vaste galerie de photos en utilisant les options de galerie intégrées dans WordPress.

    Certains grands plugins WordPress fonctionnent en tandem avec la fonctionnalité galerie WordPress.

    Articles connexes