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

Tuto Joomla | Intégrer une vidéo et lien hypertexte interne

vidéo 23/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
    Intégrer une vidéo et lien hypertexte interne
    00:00 / 11:53
    HD
    fullscreen

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

Détails de la formation

Autre particularité également de cette édition d’article, le fait de pouvoir rajouter un code plutôt externe à Joomla, nous allons pour cela voir une illustration au travers d’un service que propose d’une part Google au travers de Google map et puis nous ferons également une insertion d’un élément en forme de FlippingBook généré par un site internet qui s’appelle Ich you. Créons pour cela un article, « nous rejoindre » par exemple. Alors, vous voyez qu’ici je n’ai pas prévu à cet effet la section et la catégorie, je vais pouvoir rapidement corriger cet aspect-là le minimum pour que vous puissiez sauvegarder et conserver tout ce que vous avez fait c’est de rajouter au moins deux ou trois caractères dans cette partie de texte, c’est ce que nous allons faire et je vais sauver cet élément, revenir dans la partie section, créer plutôt une section générale et dans le contenu catégorie je peux déjà me prépositionner dans la section générale, cliquer sur nouveau, ce qui fait que ce choix je n’aurai pas à le faire dans cette partie-là, et je vais appeler cela « contact », ceci étant corrigé je reviens dans mon article, « nous rejoindre » et je peux bien entendu , c’est ce que je voulais vous montrer ici, changer l’affectation d’un article à tout moment puisque je le remets dans une autre section, section générale et catégorie contact. Je vais dans un premier temps, pour récupérer les informations essentielles, créer un nouvel onglet et me rendre sur Google map, par exemple situer la ville de Chambéry. Je peux choisir bien entendu via les aménagements souhaités et le zoom également, l’interface que je souhaite sur Google map et je avis à cet endroit-là choisir le bouton lien qui me permettra de récupérer tout le code nécessaire à mon aménagement. Je peux, si je le souhaite, personnaliser et pré visualiser la carte intégrée. Je vais en faite une fenêtre supplémentaire qui va s’afficher et qui va me permettre d’afficher ou d’avoir des réglages supplémentaires et d’affiner mes choix, je vais par exemple ici, choisir d’avoir une carte fasse 400 de larges sur 500 de haut par exemple, ou peut être un peu moins on va réduire à 400 de haut et je récupère tous les codes que je vais intégrer, pour être sure je peux faire un « tout sélectionner » clic droit ou contrôle A ou open A dans l’environnement mac, je sélectionne et je copie ce code donc je peux maintenant fermer cette fenêtre, revenir dans l’interface d’administration de Joomla et par contre l’insertion de ce code ne peut pas se faire dans cette interface wysiwyg il va falloir absolument passer par l’éditeur de code. J’intègre alors à l’intérieur de cette zone, au moins une balise de type paragraphe pour bien séparer les informations comme ceci et j’intègre donc au début de mon paragraphe tous les codes que je vais récupérer par un contrôle V ou open V. je peux changer éventuellement quelques éléments par exemple agrandir le plan, zoomer sur le plan, j’insère mon code et je vais tester en enregistrant cet élément dans MainMenu, refaire à nouveau un lien de type article et pointer vers l’article que je viens d’enregistrer, je sélectionne l’article. Alors, la zone est filtrante donc je vais aller plutôt chercher dans la partie générale, alors nous allons réinitialiser puis voir l’article en question, nous rejoindre, je sauve, j’actualise ma page pour voir mon lien hypertexte. Nous allons faire en sorte de modifier cette partie-là de revenir sur l’article en quittant cet article temporairement et nous allons changer d’éditeur wysiwyg pour l’utilisateur qui est connecté actuellement, donc je vais aller sur son compte dans la gestion des utilisateurs et remodifier l’éditeur par défaut, nous allons reprendre celui qui est préinstallé avec Joomla, je sauvegarde et avant de retourner dans l’article, je vais aller dans le menu extension, gestion des pluggings, faire une recherche sur le plugging ting MCE et je vais en faite désactiver le nettoyage de code lors de la sauvegarde, je vais le mettre ici sur « jamais », je sauve et je retourne ensuite dans l’article, nous rejoindre, avec l’interface à changer par rapport à ce que nous avons précédemment, je vais donc ici utiliser le bouton HTML pour éditer le code source de mon article, je resélectionne à nouveau l’ensemble des informations comprises dans cette fenêtre, je l’efface et j’ai toujours dans le presse papier les éléments que j’ai collés sur le site Google map donc je vais les réintégrer à nouveau, je met à jour, je sauvegarde et je réactualise. Autre élément qui est intéressant également de voir dans cette insertion d’élément multimédia dans un article, nous allons créer un article. Dans cet article nous allons intégrer un élément de code issu d’un site qui s’appelle ish you, nous allons l’appeler par exemple catalogue photo, toujours dans la section nos activités formation multimédia. Avant d’intégrer le code, nous allons récupérer les informations sur l’élément que nous souhaitons intégrer, dans un nouvel onglet nous allons nous rendre sur l’un des documents ish you partagés, il s’agit de cet élément là et nous allons cliquer sur l’élément embed que vous avez en haut. Depuis peu existe une intégration facilitée dans Joomla et pour cela vous avez deux manières d’intégrer ce livre, vous allez soit récupérer le code qui est ici et le glisser dans le code source ou bien vous pouvez utiliser également un plugging qui a été développé il n’y a pas très longtemps et que vous pouvez utiliser justement pour intégrer ce code. Nous allons utiliser la première méthode, récupérer ce code, mais avant de récupérer ce code nous allons fabriquer en faite personnaliser cet environnement, on va par exemple choisir une taille un petit peu différente de celle qu’il nous propose, nous allons par exemple choisir 480 et laisser la hauteur, nous allons par choisir exemple une couleur de fond différente et vous pourriez y glisser votre propre code hexadécimal de couleur. Voyez l’illustration de ce que cela va donner à l’issu de l’intégration dans notre article ; le code ayant été mis à jour nous allons le copier, retourner dans notre article dans le code source, réintégrer le code du presse-papier, sauvegardé. Nous allons faire un lien vers cet article, donc un lien de type article, catalogue photo, nous pointons sur l’article concerné, nous sauvegardons, nous actualisons. Si ce code apparait c’est qu’il vous manque le plugging à l’intérieur de votre Joomla donc nous avons bien fait d’enregistrer et de revenir maintenant dans la partie installation. Pour télécharger ce plugging, nous allons nous rendre sur le site joomla.org dans un nouvel onglet, dans la zone de recherche où taper ce mot clé, nous allons donc récupérer ici le plugging que nous allons télécharger. Alors, il existe une version pour 1.0, une version pour 1.5 attention de ne pas vous tromper. À l’issu de cela nous revenons dans gestionnaire d’installation, parcourir, sur le bureau nous allons chercher le plugging que nous installons et comme tout plugging il faut s’assurer que le plugging est actif, nous allons dans extension gestion de plugging, réinitialisé le dernier filtre que nous avons utilisé, je vérifie mon plugging qui n’est pas actif, je reviens ensuite sur mon lien, j’actualise et donc je vois s’intégrer ce petit bouquin FlippingBook et je peux, vous voyez ici, comme je le ferai sur le site d’ish you visualiser cet élément.

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