Documentation Layer Slideshow

introduction

Layer Slideshow fournit une expérience unique mais simple pour créer un diaporama avec plusieurs diapositives et couches dans Joomla.

Couche-diaporama-main

 

I. INSTALLATION DE LAYER SLIDESHOW

1.1 Installer

Notre composant est compatible avec Joomla 3.x. Toutes les fonctionnalités et les intégrations tierces sont incluses dans toutes les adhésions.
Pour installer notre composant, vous devez télécharger le fichier d'extension .zip et utiliser le programme d'installation Joomla standard.

joomla-install

 

Puis cliquez sur Parcourir> Télécharger et installer bouton, composant, modules et plugins seront installés activés par défaut.

 

1.2 Mise à jour et mise à jour automatique

Pour mettre à jour l’extension, vous pouvez installer une nouvelle version sur l’ancienne en téléchargeant le fichier ZIP de JoomUnited ou utiliser le programme de mise à jour automatique (conseillé).

item-rating-update

 

Le programme de mise à jour automatique, qui envoie la notification de mise à jour, est intégré à l'extension Joomla que vous avez installée. Vous serez donc averti comme n'importe quelle autre extension du tableau de bord ou en utilisant le menu: Extension> Gérer> Menu de mise à jour.

Connectez-vous à votre compte pour mettre à jour

Vous devez vous connecter à votre compte JoomUnited pour mettre à jour toutes vos extensions JoomUnited Joomla. Pour vous connecter, accédez à la configuration principale du composant, puis cliquez sur le bouton Onglet mise à jour en direct. En bas, vous trouverez un bouton de connexion.

mise à jour en direct

Entrez vos identifiants JoomUnited, les mêmes que ceux que vous utilisez pour vous connecter ici @ www.joomunited.com

login-joomunited

Le bouton deviendra orange, félicitations! vous pouvez maintenant mettre à jour toutes les extensions JoomUnited sur ce site! Si votre adhésion est expirée, vous obtiendrez un lien de renouvellement et un texte expliquant cela.

lié au compte

Remarque: un seul identifiant vous permettra de mettre à jour toutes les extensions JoomUnited (en ce qui concerne votre adhésion). La connexion n'expire que si vous la déconnectez.

 

II. THÈMES DE DIAPORAMA

2.1 Création de diapositives

L'idée principale de Layer Slideshow est de pouvoir créer un joli diaporama avec des calques sans complexité.
Sur l’interface principale, à gauche, vous avez accès à un Nouveau bouton. Chaque nouveau diaporama contient des options de diapositives et de calques.

image7

Si vous n'avez pas de thèmes, vous pouvez consulter nos exemples de thèmes. Il y a 5 thèmes disponibles au total, veuillez cliquer ici. Charger le thème bouton pour voir.

image8

Une fois que vous en choisissez un, la partie centrale sera rechargée avec un arrière-plan de thème, des liens et des calques. Les couches sont regroupées dans le panneau de droite.

image9

Notez que chaque thème a un numéro de disposition différent, le thème 1 a 1 couche, le thème 2 a 2 couches ...


Sous la diapositive, vous pouvez voir Aperçu de toutes les diapositives bouton et il y a 3 appareils (ordinateur portable / de bureau, tablette, mobile) pour vous permettre de vérifier à quoi ressemblera votre diaporama.

Vous pouvez aussi utiliser Dupliquer diapositive ou Ajouter une nouvelle diapositive bouton à droite.

bouton coulissant

Chaque diapositive contient modifier et Retirer icône

image11

Si vous souhaitez créer votre propre diaporama, vous pouvez utiliser les boutons du panneau de droite. Veuillez vous reporter au chapitre suivant ci-dessous.

2.2 Paramètres de mise en page

Vous pouvez définir une mise en page spécifique pour chaque diaporama. Il est préférable de définir la mise en page avant de commencer l'édition des calques, car elle déterminera la largeur de l'image, la taille du texte, la position des éléments, etc.

image12

 

Les options de présentation du diaporama sont les suivantes:

  • Sensible: Faites votre diaporama avec élément adaptatif pour les appareils mobiles, tout le texte, les images seront redimensionnées dynamiquement en ce qui concerne les appareils mobiles
  • Aligner le diaporama: Aligner le diaporama entier
  • Largeur / hauteur: Définir la largeur / hauteur du diaporama. C'est le paramètre le plus important, car une fois défini, toutes les images que vous allez mettre dans le diaporama peuvent être redimensionnées à l'aide de notre outil de recadrage. Si vous modifiez la taille, vous devrez peut-être mettre à jour vos images.
  • Durée: Définir la durée de chaque diapositive
  • Style de bouton: définir le style des éléments de navigation
Pour créer un diaporama en largeur, vous avez 2 options: définissez la largeur sur «100%» ou définissez une taille fixe, par exemple une largeur de 1900px.

2.3 Ajouter un diaporama dans votre contenu

Pour ajouter un diaporama à votre contenu et le mettre en ligne, vous devez utiliser le bouton de l'éditeur. Chargez un article, un module personnalisé ou quoi que ce soit d'autre et cliquez sur le bouton Layer Slideshow bouton.

image13

Puis choisissez un diaporama à insérer

image14

 


III. ÉDITION DE COULISSES

3.1 Fond de diapositive

Chaque diapositive a un fond, vous pouvez charger les vôtres à partir de votre bibliothèque d’images ou utiliser notre bibliothèque en ligne.

image15


le Sélectionner Le bouton ouvrira une lightbox avec un gestionnaire de média, il s’agit d’une version améliorée du gestionnaire de média Joomla.

image16


Il vous offre des options pour glisser-déposer de nouvelles images, sélectionner, supprimer, ajuster ou appliquer des effets sur les images.

image17


Le plus important est la fonction de recadrage. La fonction de recadrage charge une fenêtre avec votre image et un cadre prenant la taille du diaporama défini dans la mise en page.

image18


Clique sur le Image de la culture bouton pour insérer l'image recadrée en tant qu'arrière-plan.

3.2 Editeur de couches de boutons

Vous pouvez créer une nouvelle couche de boutons en cliquant sur + Couche bouton sur le panneau de droite.

bouton créer

Après avoir rempli le formulaire, cliquez sur Créer un calque bouton. Un nouveau bouton apparaît sur votre diapositive.

image19

Le gestionnaire de boutons vous permettra de créer votre propre style de bouton, de le stocker et de le réutiliser ultérieurement. Généralement, les boutons sont définis pour toutes les diapositives et doivent être réutilisés.

image20
Vous pourrez créer un style à l'aide de l'outil de fenêtre de gauche, puis Insérer / Enregistrer / Modifier. Vous avez des options pour définir l’arrière-plan, les styles de bordure et l’effet de survol de la souris.

image21

Pour insérer un bouton dans le contenu, vous avez la possibilité de cliquer sur le bouton Insérer ou sur le symbole + d'un bouton enregistré.

image22

Vous pouvez également éditer et sauvegarder un style existant, il suffit de cliquer sur le stylo et de modifier les paramètres.

image23

Enfin, vous pouvez définir un lien personnalisé pour le bouton.

image24

3.3 éditeur de couche d'image

Vous pouvez créer un nouveau calque d'image en cliquant sur + Couche bouton sur le panneau de droite.

créer une image

Vous pouvez insérer votre propre icône ou image dans la couche d'image en cliquant sur Bouton d'édition pour les changer.

image26

Ensuite, vous pourrez choisir votre propre image ou utiliser une image de notre bibliothèque de JU ou une icône de Icon Finder.

Vous pouvez bien sûr définir la position de chaque élément à partir de l'aperçu en utilisant le glisser-déposer.

3.4 Editeur de couche vidéo

Vous pouvez ajouter une nouvelle couche vidéo en cliquant sur + Couche bouton sur le panneau de droite.

créer une vidéo

En cliquant sur modifier icône de la couche vidéo, vous pouvez modifier l’URL de la vidéo sur la couche. Il supporte les URL vidéo de Youtube, Vimeo, Dailymotion.

edit-video-layer

3.5 Transitions

Vous pouvez définir les transitions pour une diapositive ou toutes les diapositives de votre diaporama. Il existe 2 types de transitions: 2D et 3D.

sélections-transitions

Chaque couche a Transitions de calque onglet afin que vous puissiez choisir le style pour eux.

transition de couche

IV BIBLIOTHEQUES D'IMAGES

4.1 bibliothèque JoomUnited


JU Library est une bibliothèque externe que nous hébergeons pour vous donner des images agréables et gratuites. Toutes les images de notre bibliothèque seront téléchargées et stockées sur VOTRE serveur. Donc, vous pouvez le faire aussi longtemps que vous le souhaitez.
La bibliothèque est accessible tant que votre abonnement est valide.

image27


La bibliothèque JU contient des images de tracé de détourage (avec un arrière-plan transparent) et des images d'arrière-plan. Utilisez la coche pour sélectionner un ou les deux.

image28

Vous pouvez également faire une recherche de balise.

image29


Une fois que vous avez sélectionné une image, vous pourrez la télécharger sur votre serveur et la modifier.

image30

 

4.2 Intégration du détecteur d'icônes

Une intégration de recherche d'icône est également disponible pour charger, par exemple, des icônes de réseaux sociaux.

image31


Un moteur de recherche sera alors ouvert

image32

Vous pouvez faire une demande et également utiliser le système de filtrage de taille.

image33

 

Ensuite, comme dans l'outil JU Library, vous pourrez télécharger votre icône sur votre serveur. Vous avez également des options de téléchargement de taille concernant le filtrage défini précédemment.

image34