WP Media Folder : galeries WordPress à partir du dossier
1. Créez une galerie
WordPress a une fonction de galerie intégrée native. Nous avons choisi de proposer une évolution de cette fonctionnalité en fonction des dossiers. Vous pourrez créer des galeries à partir de dossiers ou d'une sélection d'images. Veuillez aller à 6. Bloc Galerie dans Gutenberg si vous utilisez l'éditeur Gutenberg.
Si vous ouvrez un dossier ou sélectionnez une image, vous verrez un bouton appelé Créer une galerie à partir d'un dossier. Une fois votre galerie créée, vous avez plusieurs nouvelles options en plus des options par défaut de WordPress telles que:
- Thème de la galerie : mise en page de la galerie
- Colonnes: un certain nombre de colonnes pour le thème
- Taille de la vignette de l'image de la galerie: un choix parmi le redimensionnement d'image par défaut de WordPress
- Taille de la lightbox de l'image de la galerie (grande)
- L'action au clic sur une image: ouvrir une lightbox, charger une page séparée, ne rien faire ou créer un lien vers un lien personnalisé (un lien peut également être choisi en cliquant sur une seule image)
- Insertion automatique d'image: lorsque vous ajoutez une image dans ce dossier, elle peut être automatiquement ajoutée à la galerie
- Trier par: vous pouvez commander les images par date, titre, personnalisé ou aléatoire
- Ordre: croissant, décroissant
Si vous rencontrez des images de mauvaise qualité en cas d'affichage de grandes vignettes, par exemple une galerie de grande largeur sur 2 colonnes, nous vous recommandons de charger une image moyenne ou grande.
- Pour utiliser le shortcode de la galerie, vous devez aller dans Paramètres> WP Media Folder > Wordpress Gallery> onglet Shortcode . Après avoir sélectionné les options, vous pouvez voir le shortcode en bas de la page.
Voici l'exemple de shortcode:
[gallery wpmf_autoinsert = "1" wpmf_folder_id = "8" display = "default" columns = "3" size = "medium" targetize = "large" link = "file" wpmf_orderby = "post__in" wpmf_order = "ASC" gutterwidth = " 10 "border_style =" solid "img_border_radius =" 10 "border_width =" 1 "border_color =" # dd3333 "img_shadow =" 1px 1px 10px 2px #cecece "autoplay =" 1 "]
- Les attributs:
+ 'wpmf_autoinsert' : 1,
+ 'wpmf_folder_id' : ID du dossier,
+ 'display' : par défaut || curseur || portefeuille || masonry ,
+ 'columns' : 1 -> 9,
+ 'size' : taille de l'image,
+ 'targetsize' : taille de l'image lightbox,
+ 'link' : fichier ||
poste || aucun || personnalisé, // utilisez 'fichier' si vous voulez afficher la lightbox lorsque vous cliquez sur l'image + 'wpmf_orderby' : post__in ||
rand || titre || date, + 'wpmf_order' : ASC ||
DESC, + 'gutterwidth' : remplissage entre les images (px),
+ 'border_style' : solide ||
pointillé || , .... + img_border_radius (px), border_width (px), border_color,
+ img_shadow : l'ombre inclut le décalage H, le décalage V, le flou, la propagation (px) et la couleur,
+ 'autoplay' : 1 ||
0 // curseur de lecture automatique, + 'include_children' : 1 || 0 // inclut les images dans les sous-dossiers
2. Ajouter des liens personnalisés aux images de la galerie
Vous pouvez définir des liens personnalisés par image dans la galerie, ce qui peut être très utile si vous devez créer une disposition de page d'accueil basée sur une galerie qui redirige vers des pages ou des publications.
Lors de l'édition de galeries, cliquez sur une image et regardez les options de la colonne de droite.
Vous pouvez définir un lien interne ou externe vers cette image à l'aide du gestionnaire de liens par défaut WordPress. Vous pourrez également définir la cible où le lien s'ouvrira comme la même fenêtre, ou une nouvelle fenêtre (nouvel onglet).
3. Thèmes de la galerie
La première option de galerie est le choix du thème. Le thème par défaut est une amélioration du thème par défaut de WordPress, vous apportant des lightboxes aux images.
Masonry affichera un mur d'images de largeur fixe et de hauteur fluide.
Le thème du portfolio est une galerie élégante avec des effets de survol, des titres et des légendes.
Le thème du curseur est un curseur horizontal avec titre et légendes.
4. Options d'image
Chaque image a quelques options dans une galerie. Cliquez sur une image pour les voir.
- Le titre et la légende peuvent être affichés dans la galerie en fonction du thème que vous avez choisi
- Lien pour vous permettre d'ajouter, par exemple, des visionneuses à des images ou ajouter des liens personnalisés à des images individuelles dans une galerie - le gestionnaire de liens WordPress vous aidera à le faire
- La cible du lien peut définir si le lien sera chargé dans la même fenêtre ou dans une nouvelle
Dans chaque galerie, vous pouvez commander vos images par:
- Commande personnalisée
- Ordre aléatoire
- Titre
- Date
5. Importateur de galerie NextGEN
WP Media Folder a un importateur de galerie NextGEN. Une fois le plugin installé, WP Media Folder détectera l'installation de la galerie NextGEN et vous recevrez un avis pour importer des galeries.
Chaque galerie sera importée dans un dossier unique avec le nom de la galerie comme nom de dossier.
6. Bloc galerie à Gutenberg
Vous pouvez maintenant afficher vos galeries dans l'éditeur Gutenberg.
Pour afficher une galerie dans l'éditeur Gutenberg, cliquez sur le bouton WP Media Folder Gallery dans la catégorie WP Media Folder . Après cela, vous pouvez sélectionner le dossier à partir de vos médias , puis en cliquant sur le bouton Créer une galerie . En outre, vous pouvez créer votre propre galerie en sélectionnant des images de votre bibliothèque multimédia ou en les télécharger directement depuis votre PC.
Et puis, vous pouvez modifier la galerie en cliquant sur le bouton Modifier la galerie en haut ou ajouter plus d'images en cliquant sur le bouton Télécharger une image en bas.
Tous les paramètres de la galerie sont sur le panneau de droite; par exemple: thème, sélection de dossier, colonnes, lightbox, classement, mise à jour du contenu du dossier ...
Une fois la galerie créée, en cliquant sur une image, vous pouvez modifier rapidement son titre, sa légende, son lien personnalisé ou sa cible de lien dans le panneau de droite.
