Présentation Joomla!

11 116 vues

Publié le

'Tres Simple' Présentation de Joomla!

Publié dans : Technologie
0 commentaire
2 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
11 116
Sur SlideShare
0
Issues des intégrations
0
Intégrations
128
Actions
Partages
0
Téléchargements
369
Commentaires
0
J’aime
2
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Présentation Joomla!

  1. 1. Présentation Joomla! <ul><li>Introduction </li></ul><ul><li>Fonctionnalités </li></ul><ul><li>Personnalisation </li></ul>
  2. 2. Introduction Joomla et un CMS OPEN SOURCE, avec une large communauté de contributeurs, des dizaines de fonctionnalités et des centaines d’extensions. Avantages en vrac: Modularité et extensibilité accrues Prise en charge facile pour l’utilisateur finale Présence de centaines d’extensions Documentation Conception homogène Système de template performant (PatTemplate) Présence d’un système de cache Éditeur d’article Wysiwyg (TinyMCE) Médiathèque Backend multi – privilèges Génération de PDF « on the fly » etc.
  3. 3. Fonctionnalités
  4. 4. Organisation du contenu Site Joomla! Articles statiques Articles dynamiques Liens Article 1 Article 2 Sections Catégories Article 1 Article 2 Catégories Lien 1 Lien 2
  5. 5. Éditeur TinyMCE TinyMCE est un éditeur de texte wysiwyg, permettant la création d’article dynamique, et qui en plus gère le copier/coller, vers et à partir du Word. Cette éditeur peut être facilement remplacer par un éditeur normale, pour une utilisation limité, ou bien par FckEditor, qui permet l’upload d’image directement à partir de son interface (Code serveur php disponible), ce qui est pas le cas de TinyMCE
  6. 6. Élément Affichable sur le FrontEnd En plus des Articles (statiques ou dynamiques), Joomla! Donne l’accès à un ensemble d’élément dont voici la liste : Liste ou tableau De :  Sections  Catégories  Articles Composant pour FrontEnd :  Contact  Liens / Catégories de lien  Flux RSS  Composant développé par des tiers (SiteMap, PhotoGallerie…)  Composant Maison
  7. 7. Personnalisation
  8. 8. Structure du template Un template Joomla! Est constitué des éléments suivant : /templates Dossier Templates Joomla /notre_template Dossier de notre Template /css template_css.css Css Principale editor_content.css Css Pour utilisateur connecté /image image_1.png Images du template image_2.png . index.php LE template notre_template.xml XML d’installation notre_template.png Aperçu du template
  9. 9. LE index.php 1 <ul><li>Le ‘Templatage’ dans Joomla! Ce base sur une notion d’emplacement, de tel sorte que le document html est divisé en plusieurs parties : </li></ul><ul><li>Header pour l’encodage, le ‘title’ et les Meta données </li></ul><ul><li>Ensemble d’emplacement (top, left, user1…) pouvant incorporé des menus ou des modules (Ex:Flash News) </li></ul><ul><li>Zone d’affichage principale (main-body) pouvant afficher du contenu et des composants pour Front-end </li></ul>
  10. 10. LE index.php 2 User1 User2 Banner User3 User2 Main-Body Left Top Right Path way
  11. 11. LE index.php : Construction Header :
  12. 12. LE index.php : Construction Body :
  13. 13. Module Output : Ex1 <ul id=&quot;mainlevel-nav&quot;> <li><a href=&quot;http://127.0.0.1/j1/index.php&quot; class=&quot;mainlevel-nav&quot;>Accueil</a></li> <li><a href=&quot;http://127.0.0.1/j1/index.php?Itemid=3&quot; class=&quot;mainlevel-nav&quot;>Nous contacter</a></li> <li><a href=&quot;http://127.0.0.1/j1/index.php?Itemid=2&quot; class=&quot;mainlevel-nav&quot;>News</a></li> <li><a href=&quot;http://127.0.0.1/j1/index.php?Itemid=22&quot; class=&quot;mainlevel-nav&quot;>Liens</a></li> </ul> Module Top : Top menu
  14. 14. Module Output : Ex2 <div class=&quot;moduletable&quot;> <h3>Articles les plus lus</h3> <ul class=&quot;mostread&quot;> <li class=&quot;mostread&quot;> <a href=&quot;http://127.0.0.1/j1/index.php?Itemid=9&quot; class=&quot;mostread&quot;> Exemple FAQ Item 2</a> </li> <li class=&quot;mostread&quot;> <a href=&quot;http://127.0.0.1/j1/index.php?Itemid=9&quot; class=&quot;mostread&quot;> Exemple FAQ Item 1</a> </li> </ul> </div> Module User2 : Articles les plus lus
  15. 15. Des Questions

×