6 superbes mises en page pour vos galeries Uncode (et comment les utiliser)

Publié: 2018-04-13

De nombreux sites Web utilisent des galeries pour présenter leurs images. Cependant, le simple fait de placer vos photos côte à côte peut entraîner une page ennuyeuse, surtout lorsqu'il y a tant de mises en page uniques que vous pourriez implémenter à la place.

Heureusement, Uncode propose un certain nombre de mises en page et de fonctionnalités de galerie avancées que vous pouvez ajouter à n'importe quelle page de votre site. Notre thème polyvalent vous permet même de basculer entre les mises en page en quelques minutes, il n'y a donc aucune raison pour que vous vous contentiez d'un style "terne". L'utilisation d'une mise en page unique est un excellent moyen de faire ressortir vos images et d'attirer l'attention.

Dans cet article, nous allons expliquer pourquoi la mise en page que vous utilisez pour vos galeries d'images est importante. Ensuite, nous vous présenterons six des styles de galerie uniques d'Uncode et vous apprendrons à les utiliser. Mettons-nous au travail!

Pourquoi il est essentiel de choisir soigneusement la mise en page de votre galerie

Les galeries sont des fonctionnalités assez simples. Ils vous permettent d'afficher plusieurs images côte à côte de manière organisée, afin que les utilisateurs puissent cliquer sur celles qu'ils aiment et regarder de plus près. Certaines galeries ouvrent des images individuelles dans de nouveaux onglets, d'autres utilisent des lightboxes et certains thèmes (tels que Uncode) vous permettent même de créer des galeries imbriquées.

Indépendamment du fonctionnement de votre galerie spécifique, elle doit être magnifique. Parlons de la raison pour laquelle l'apparence est si importante lorsqu'il s'agit de cette fonctionnalité :

  • Cela rend vos galeries plus visibles. Vous voulez qu'autant d'utilisateurs que possible prêtent attention à vos images, il va donc de soi que votre galerie devrait attirer leur attention.
  • Vous vous démarquerez des autres sites Web. La plupart des sites s'en tiennent à des dispositions de galerie simples, donc utiliser un style différent est un moyen rapide de se démarquer visuellement.
  • Des mises en page uniques peuvent donner à votre site Web une touche plus moderne. Certaines dispositions de galerie adoptent une approche inhabituelle pour afficher vos images, ce qui peut ajouter au style général de votre site.

Heureusement, les plugins et les thèmes que vous pouvez utiliser pour ajouter de nouveaux types de galeries à votre site Web ne manquent pas. Notre propre thème Uncode en est un parfait exemple. Ce thème est conçu à partir de zéro pour vous aider à créer tout type de site Web et à le rendre magnifique. Dans cet esprit, nous avons inclus plusieurs types de galeries que vous pouvez utiliser pour faire forte impression. Voyons maintenant comment trouver et utiliser ces mises en page.

Comment modifier la disposition de votre galerie Uncode

Si vous débutez avec Uncode, vous devrez configurer le thème et tous ses plugins recommandés avant de pouvoir commencer à utiliser ses fonctionnalités avancées. Une fois cela fait, vous pouvez continuer et créer votre première galerie.

Pour ce faire, ouvrez l'éditeur de n'importe quelle page ou publication, et ajoutez un module Media Gallery à l'endroit où vous souhaitez placer votre galerie :

Ajout d'un module de galerie média à l'une de vos pages.

Ouvrez maintenant la fenêtre Paramètres de la galerie multimédia pour votre nouveau module et recherchez les paramètres du module de la galerie et des modes de mise en page .

Le module Galerie vous permet de choisir entre trois types de galeries de base : Isotope , Carrousel et Justifié . Si vous choisissez l'option Isotope , vous pourrez sélectionner un type de galerie plus avancé à l'aide du paramètre Modes de mise en page .

Sous ces options, vous trouverez une section dans laquelle vous pouvez ajouter toutes les images que vous souhaitez inclure dans votre galerie :

Configuration des paramètres de votre module de galerie multimédia.

Gardez à l'esprit que Uncode vous permet de créer des galeries qui utilisent plus que de simples images. Vous pouvez également créer des galeries basées sur des fichiers audio, des vidéos et même des flux Instagram et Flickr. Cependant, quel que soit le type de support avec lequel vous travaillez, vous pouvez utiliser n'importe quel type de mise en page. Si vous ne savez pas quelle mise en page fonctionnera le mieux pour votre site, ne vous inquiétez pas - nous allons vous présenter toutes les options disponibles.

6 superbes mises en page pour vos galeries Uncode

Prêt à l'emploi, Uncode propose six types uniques de galeries que vous pouvez utiliser sur n'importe laquelle de vos pages ou publications. Vous savez déjà comment passer de l'une à l'autre, il ne vous reste donc plus qu'à connaître chaque option et à décider laquelle convient le mieux à votre site Web.

1. La mise en page de base

La mise en page de base de la galerie Uncode en action.

Si vous aimez garder les choses simples, Uncode vous permet d'utiliser une mise en page sans fioritures pour vos galeries. Avec ce style, toutes vos images s'afficheront dans des lignes et des colonnes de taille égale.

Ce style ne remporte peut-être aucun prix pour l'innovation, mais c'est un classique intemporel qui fonctionne bien si vous voulez que votre site apparaisse professionnel. De plus, c'est le style que les galeries Uncode utilisent par défaut, il vous suffit donc d'ajouter les images que vous souhaitez à votre module Media Gallery et vous êtes prêt à partir.

2. Maçonnerie

Mise en page de la galerie de maçonnerie de Uncode.

Les galeries de maçonnerie sont un moyen élégant de présenter vos images et de mettre en valeur celles auxquelles vous souhaitez que les visiteurs accordent une attention particulière. Contrairement aux galeries classiques, les conceptions de maçonnerie affichent vos images en utilisant des tailles inégales. Cette approche peut donner à votre site Web un style presque chaotique et moderne, parfait pour les projets créatifs.

3. Métro

Disposition de la galerie métro de Uncode.

Les styles Metro et Masonry sont assez similaires en surface. Ils utilisent tous deux des tailles inégales pour mettre en évidence des images spécifiques et obtenir un look unique. Cependant, les conceptions de métro s'en tiennent à des modèles spécifiques, de sorte qu'elles peuvent vous aider à obtenir un aspect plus organisé que les galeries de maçonnerie. Cela les rend populaires pour les sites Web d'actualités ou les magazines en ligne, car il est facile de présenter des images d'articles en vedette.

4. Justifier

Mise en page justifiée de la galerie d'Uncode.

Le style Justifier est assez simple. Cela fonctionne comme une galerie ordinaire, en ce sens qu'elle utilise même des rangées d'images. Cependant, avec une mise en page justifiée, le nombre d'images dans chaque ligne peut varier. Uncode prend les images que vous ajoutez à votre galerie et ajuste automatiquement leur taille, de sorte que même si certaines sont plus larges que d'autres, votre galerie aura toujours la même largeur globale. Il s'agit d'un look épuré qui semble toujours plus moderne et créatif qu'une mise en page de galerie de base, ce qui fait de Justify un excellent choix pour presque tous les types de sites Web.

5. Carrousel

Un exemple de galerie de diaporamas.

Jusqu'à présent, nous nous sommes concentrés sur les dispositions de galerie qui vous permettent de présenter plusieurs images. Les diaporamas, cependant, visent à mettre en lumière une seule photo à la fois. C'est un style fantastique pour les en-têtes ou lorsque vous ne souhaitez afficher qu'une poignée d'images. Les diaporamas sont des choix particulièrement judicieux pour les sites de portfolio, car vous pouvez les utiliser pour montrer votre meilleur travail de manière élégante.

6. Légende

Un exemple de galerie sous-titrée.

Les galeries de légendes sont une variante de la disposition de base de la galerie. Tout comme une galerie standard, cette conception vous permet de présenter plusieurs images en utilisant des lignes paires. Cependant, dans ce cas, vous avez également la possibilité d'ajouter une légende à chaque image. Vous pouvez utiliser ces légendes pour décrire vos images, afficher des titres ou des dates, etc. Il s'agit d'un simple ajout à une mise en page classique et vous permet de fournir beaucoup plus d'informations sans obliger les utilisateurs à zoomer sur chaque image individuellement.

Conclusion

Les galeries sont l'une des fonctionnalités les plus courantes des sites Web modernes. Lorsqu'il s'agit de concevoir vos propres galeries d'images, vous pouvez simplement afficher toutes vos images côte à côte et l'appeler un jour. Cependant, il n'y a aucune raison de jouer la sécurité quand il y a tellement de styles plus intéressants que vous pouvez essayer.

Avec Uncode, vous pouvez basculer entre les mises en page de la galerie en un instant. Certains de nos styles préférés incluent Masonry et Metro, tous deux élégants et modernes. De plus, Uncode inclut même des paramètres de galerie pour les fichiers vidéo et audio, ainsi que pour les flux de médias sociaux. En d'autres termes, il propose une option parfaite pour votre site, quel que soit le type de conception que vous recherchez.

Avez-vous des questions sur la façon de créer de superbes galeries à l'aide d'Uncode ? Parlons d'eux dans la section des commentaires ci-dessous!