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

Tuto Joomla | Concevoir une animation sous forme de Slide ACCORDEON : YooDrawer

vidéo 36/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 animation sous forme de Slide ACCORDEON : YooDrawer
    00:00 / 08:14
    HD
    fullscreen

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

Détails de la formation

Nouvelle séquence consacrée au module yootheme, nous avons ici l’exemple de Yoodraw, nous allons essayer de refaire la même chose sur notre site, nous nous assurons que dans la gestion des modules nous ayons bien le module présent est installé, chose que je vais vérifier de suite, il est bien présent, et j’ai préparé également des éléments de structures, à savoir une section tuto joomla et une catégorie yoodraw dans laquelle je vais aller glisser mes articles, articles qui se trouvent déjà stockés et préparés que vous avez ici. J’en ouvre un, ces articles sont relativement court, chose que je vous conseille puisque les zones d’affiches de l’information sont relativement petite et il vaut mieux d’ailleurs privilégier un texte court et glisser la partie « lire la suite », je vous rappelle, c’est ce bouton-là, qui permet de couper à tout moment votre article en deux zones, une zone introductive et une zone complète lors de l’affichage de l’article. Nous sortons de cet article. Nous allons également afficher qui va servir de support à l’affichage des yoodrawer, nous allons créer un article non catégorisé, voyez qu’ici, il ne s’agit pas d’un bug mais d’absence de section et de catégorie qui désigne l’article non catégorisé, donc si vous avez un filtre d’activer sur l’une de ses listes, vous ne verrez pas vos articles, chose qui a été rectifiée, j’ouvre l’article et celui-ci est intégré dans un tableau qui aura deux colonnes et trois lignes. Donc, nous allons tout à l’heur glisser le module yoodrawer au travers du module anywhere, qui est le pluggin système que nous décrivions dans la séquence précédente consacrée à carousel. Je vais de suite sélectionner mon module, je vais le chercher en tapant ce mot clé, il est ici, il est intégré dans la cellule de mon tableau. Je sauvegarde, et je vais maintenant fabriquer le lien qui va me permettre de pointer vers cet article, nouveau, c’est un lien de type article, que je vais appeler liste des formations et préciser ici qu’il s’agit de drawer. L’alias va être re généré d’une manière automatique lors de l’enregistrement, donc nous allons sélectionner l’article, qui est ici, et spécifier que ce type de lien est un lien de type enfant donc l’élément principal sera l’outil yootheme, je vous rappelle côté site, c’est cette partie-là, on veut ajouter un élément dans ce menu. Nous allons sauvegarder, et si je reviens sur mon site, que j’actualise, je vois bien mon lien apparaitre, et j’ai ensuite mon module qui apparait ici. Cette partie est personnalisable, au même titre d’ailleurs que certains réglages vont permettre d’affiner cette présentation, nous avons glissé cet élément dans un tableau qui fait 100% de large ce qui explique que le module occupe toute cette largeur destinée à l’article, je vais faire en sorte de compléter ces réglages en allant dans extensions, gestions des modules, je retrouve par le mot clé yoo l’accès à yoodrawer, et j’ai ici à spécifier la section et la catégorie dans laquelle les articles sont stockés ce qui explique que thématiquement viennent se glisser les informations souhaitées dans ces différentes zones qui apparaissent à l’écran. Je peux bien entendu trouver ici le titre que nous pouvons personnaliser, vous avez un certain nombre de paramètres par exemple l’ordre dans laquelle les articles doivent figurer, par défaut, c’est l’ordre de création, donc les récemment créés vont être en premier, et l’inverse va être respecté, vous avez la possibilité de choisir par exemple cette fonction qui placera en première position les articles les plus lus. Nous pouvons conserver ce réglage. Le nombre d’articles également, faisant l’objet de ce type de présentation, on est à 4, la valeur par défaut ici. Je vais sauvegarder, je retourne dans l’article qui sert de support à mon module, je pourrais aisément dans cette partie-là, que j’ai réservé pour du texte ou pour une image, y glisser des éléments supplémentaires. Si je glisse par exemple du texte que j’avais intégré dans mon presse papier, vous voyez qu’ici la place est rendue disponible, je pourrais éventuellement préciser dans cette cellule par exemple avec les propriétés de cette cellule qui se trouve ici, que cette cellule doit impérativement faire au minimum 60% de la taille disponible. J’applique pour regarder ce que cela donne, j’actualise et j’ai ici mon texte qui partage la largeur de mon tableau avec l’outil drawer qui se trouve à côté, je pourrais éventuellement modifier le paramètre que j’avais affecté, alors, vous avez 2 manières faire, soit vous recliquez sur le bouton et vous changez le paramètre, si vous êtes plus habitué à utiliser le code source, vous pouvez également trouver l’information dans cette zone et vous pouvez par exemple passer à 40%. Faire un test, je reviens ensuite faire un dernier réglage sur ce texte qui est là propriété de la cellule de droite et je vais préciser que le texte sera verticalement aligné au sommet de ma cellule. Je mets à jour, j’applique, je reviens sur mon site, et ce qui repositionne cette fois-ci mon texte en haut. L’intérêt également d’avoir pratiqué ce genre de mise en forme, et d’avoir utilisé ce module permettrait à tout moment d’aller dans la gestion des articles retrouver la catégorie qui alimente les articles de ce module, et par exemple, j’ai en première position ce qui concerne indesign, je vais aller faire des modifications sur cet élément, et y apporter par exemple du texte supplémentaire juste pour l’illustration, je rajoute un texte comme ceci, je reviens sur le site actualisé, et je retrouve, vous voyez, ici, cette zone qui s’alimente et qui se met à jour, je modifie rapidement également un autre paramètre, la justification, j’applique, je réactualise, c’est ce qui est fait sur le site.

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