Accueil » Code » Joomla » Apprendre Joomla 1.5 - Installation| Utilisation| Personnalisation

Tuto Joomla | Concevoir une galerie photos avec MORFEOSHOW

vidéo 37/43
  • Un contenu flash devrait s'afficher ici. Votre navigateur ne comporte pas de plugin flash, ou il ne s'est pas correctement initialisé.

    Vous pouvez télécharger le plugin flash depuis le site d'Adobe à l'adresse suivante : http://get.adobe.com/flashplayer/.

    La suite de cette vidéo est accessible après achat de la formation.
    previous
    summary
    resume
    next
    play
    Concevoir une galerie photos avec MORFEOSHOW
    00:00 / 25:46
    HD
    fullscreen

Ce cours vidéo fait partie de la formation Apprendre Joomla 1.5 - Installation| Utilisation| Personnalisation

Détails de la formation

Je vous propose dans cette séquence de découvrir ensemble un composant qui s’appelle MORFEOSHOW, qui est en faite un gestionnaire de galerie, nous l’avons préalablement préinstallé, et nous avons besoin conjointement besoin d’installer un plugin, le plugin de MORFEOSHOW qui se trouve sur Joomla.org dans la catégorie photo galerie adons. Nous avons téléchargé ce plugin qui se trouve sur le bureau, nous allons procéder à l’installation, dans le menu extension, installer/désinstaller, parcourir, et installons. Comme tous plugins installés nous avons besoin que celui soit activé, nous allons dans la gestion des plugins, trouver ici et constater que ce plugin n’est pour l’instant pas encore actif, nous allons cliquer sur la croix rouge pour pouvoir l’activer, chose qui vient d’être faite, puis nous allons maintenant rentrer dans le vif du sujet en allant dans le menu composant, MORFEOSHOW. Première étape, la création de notre première galerie, nous allons cliquer sur le bouton nouveau, nous allons donner un nom à cette galerie, nous reviendrons en détail sur les réglages particuliers et surtout sur les modèles de présentation de cette galerie côté public sur votre site, mais sachez également que cette galerie peut faire office d’une description courte et une description un peu plus longue qui se trouvent un petit peu masquer dans la partie basse de mon écran. Nous allons sauvegarder cette galerie, une fois cette galerie sauvegardée, nous avons 2 possibilités de transférer des photos, via ce bouton transféré, premier moins de téléchargement de fichier unique, donc là, ça nécessite à la fois que vous cliquiez sur parcourir que vous allez chercher dans le répertoire adéquat la photo qui vous intéresse vous cliquez ensuite sur ouvrir et vous procédez ensuite à l’envoi de cette photo individuelle à cette galerie. Si je clic sur sauver image, je vais pouvoir vérifier si cette image se trouve dans la galerie souhaitée, en faisant gestion des galeries, je clic sur le bouton bleu image, et je constate que mon image se trouve bien dans cette galerie. Deuxième méthode, celle qui va me permettre de transférer massivement le maximum de photo, nous allons, dans le cas présent le faire avec un site local, donc simplement par un copier-coller, mais bien entendu, il vaudrait utiliser pour cela un client FTP de type filezilia pour pouvoir justement effectuer cela, d’abord dans un premier temps ce transfère massif de photo et ensuite demander à MORFEOSHOW d’intégrer ces photos télécharger dans la galerie demandée. Procédant au transfère local, nous allons pour cela minimiser Firefox, nous allons dans le répertoire de galerie photo qui se trouve sur le bureau, et nous allons tout simplement sélectionner ces photos et utiliser un simple copier-coller. Naviguez jusqu’à la racine du site dans le répertoire de ce site, vous avez dans Joomla un répertoire entier dédié aux composants qui sont installés, qui est ici, « composants », MORFEO bénéficie de son propre répertoire, nous allons l’ouvrir, et à l’intérieur de celui-ci, nous avons un répertoire my photo, c’est justement ce répertoire qui sera dédié à l’incorporation de la série de photo dans la galerie. Nous allons transférer ces photos par un collé et revenir sur le site. Transférer maintenant ces photos dans la galerie, nous allons à nouveau cliquer sur le bouton transférer et cette fois-ci nous allons trouver en bas de l’écran ajout de plusieurs images. Les fichiers qui se trouvent à cet endroit-ci sont tout simplement stockés pour l’instant dans le dossier myphoto, je vous le rappel le chemin, le chemin du site, « composants », « com,underscoms MORFEOSHOW », et « myphoto ». Clic sur le premier fichier, majuscule clic sur le dernier, l’ensemble est maintenant sélectionné, et je vais cliquer une seule fois sur le bouton ajouter image. De suite, le composant me montre que ces images m’ont bien été transférées. Mon souhait est de montrer ces photos et surtout de montrer cette galerie au travers de soit mon article, soit éventuellement par un lien direct via le composant MORFEOSHOW. Pour cela nous allons aller dans un groupe de menu par exemple, main menu, si nous cliquons sur nouveau, nous allons constater ici que MORFEO lors de son installation a installé un lien vers ce composant, il s’agira bien entendu ici de faire un lien qui va vous permettre de pouvoir lister l’ensemble des galeries dans un premier temps créé à l’intérieur de MORFEOSHOW, et dans un deuxième temps de faire le choix de visualiser une galerie plutôt qu’une autre. Si je clique sur sauvegarder, que je retourne ensuite sur le site, actualiser, je retrouve mon lien, je re clic dessus. Actuellement, j’ai une seule galerie d’installée, dès que je clic dessus, je vais bien entendu pouvoir visualiser mes photos je clic sur la photo. 2 manières de fonctionner, soit vous les visualisez l’une après l’autre, en cliquant directement sur l’image, je peux passer directement à la photo de mon choix. Autre possibilité, celle d’aller déclencher ce bouton, une espèce de diaporama, où les photos automatiquement s’enchainent sans que j’aie besoin de passer d’une photo à l’autre. On peut bien entendu à tout moment utiliser de manière intuitive le bouton précédent ou le bouton suivant en fonction du choix que vous souhaitez faire. Autre méthode possible, celle nous permettant d’intégrer cette fois-ci notre galerie dans un article, pour cela, bien entendu le plugin MORFEO que nous avons installé au début de cette séquence, est primordiale, il s’agira également de connaitre un élément particulier également, celui ici du plugin idea, ce code qui apparait entre accolades ce sera tout simplement ce code à saisir à dans l’article, nous allons le sélectionner et le copier et ensuite le plugin fera le reste, il viendra chercher les images contenues dans cette galerie pour pouvoir les publier dans l’article souhaité. Nous allons aller dans la gestion des articles, créer un nouvel article. Je l’appelle tout simplement « ma galerie dans un article », je ne vais pas forcément chercher à le catégoriser, il ne s’agit pas ici de quelque chose de fondamental, je vais ensuite mettre un texte d’accompagnement, ou tout simplement coller le code que j’ai copié tout à l’heure. Il m’interdit de le faire par le clic droit, je vais faire « contrôle v » pour pouvoir l’intégrer. Je sauvegarde mon article, et pour pouvoir visualiser cet article côté site, je vais tout simplement créer un lien de type article, nouveau. Je choisis donc dans la rubrique article lien direct vers un article, je le nomme, je vais le chercher ensuite mon article et je clic sur sauver. Retour sur le site, j’actualise, je clic ensuite sur le lien que je viens de créer, et voyez comme tout à l’heure, j’ai à la fois le titre de mon article et j’ai également le texte introductif, et à l’équivalent de l’accolade MORFEO 1, que nous avions tout à l’heure collé à l’article, se trouve automatiquement converti avec l’ensemble des images présentes dans cette galerie. En plus de la simplicité d’intégration des images, MORFEOSHOW vous propose un certain nombre de modèles de présentation qui sont déjà pré intégré donc je vais retourner dans la galerie que je viens de créer. Actuellement nous avons un mode de présentation de manière classique ce qui engendre les vignettes que nous décrivions tout à l’heure, et également par un clic l’affichage sous la forme de fenêtre surgissante, nous allons pouvoir choisir dans la liste de choix ici d’autres modèles par exemple ici, flash image rotator, il suffit simplement que je sélectionne se modèle que je clic sur appliquer je reviens ensuite sur le site actualisé, et immédiatement, vous voyez qu’ici la présentation est différente, nous avons en faite un système de diaporama avec des fondus qui sont en tout cas ici, qui sont des fondus enchainés, mais nous pouvons bien entendu pour chacun des formats de galerie que nous choisissons avoir, en tout cas pour les plus importants, des réglages. Nous avons ici, flash image rotator, nous allons ici retrouver paramètre du style image rotator, je clic et je vais pouvoir par exemple choisir entre le mode de transition par exemple ici, afficher des bulles, montrer ou masquer le navigateur qui je vous rappel, actuellement, est présent sous cette forme-ci, je vais pouvoir également définir la vitesse de défilement allant d’ultra rapide à quelque chose de très très long, je vais tester déjà se premier réglage, j’applique, je retourne ensuite sur le site, j’actualise et si tout ce passe bien, je devrais normalement avoir cette transition sous forme de bulles, ce qui est le cas. Un dernier petit exemple, personnalisation et de format de galerie, nous allons par exemple utiliser flash polaroïd, je sauvegarde, je retourne ensuite sur ma galerie actualisée, ce modèle de présentation assez sympathique vous permet par exemple de cliquer sur les images qui se trouveraient derrière, de pouvoir ensuite double cliquer sur la photo pour pouvoir l’afficher de manière un peu plus grande, si je clic à nouveau sur la photo, elle redevient petite, je vais à nouveau cliquer, et je trouve cet effet très réussi. Pour résumer cette séquence, nous avons vue dans un premier temps comment d’une part gérer les galeries dans MORFEOSHOW et ensuite les publier de 2 manières différentes, soit par le biais d’un lien direct vers le composant donc le lien associé qui été installé lors de la mise en place de ce composant, ou bien grâce au plugin que nous avions téléchargé sur Joomla.org, et une intégration directe de cette galerie dans un article.

Cette formation Joomla est également disponible dans les packs suivants

0 Notes et avis
Note moyenne:
5 5 0 1
1
Donnez votre avis sur la formation Apprendre Joomla 1.5 - Installation| Utilisation| Personnalisation !
Vous devez acheter cette formation pour écrire des commentaires