Présentation Joomla!

Introduction

Fonctionnalités

Personnalisation

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.

Fonctionnalités

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

É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

É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

Personnalisation

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

LE index.php 1

Le ‘Templatage’ dans Joomla! Ce base sur une notion d’emplacement, de tel sorte que le document html est divisé en plusieurs parties :

Header pour l’encodage, le ‘title’ et les Meta données

Ensemble d’emplacement (top, left, user1…) pouvant incorporé des menus ou des modules (Ex:Flash News)

Zone d’affichage principale (main-body) pouvant afficher du contenu et des composants pour Front-end

LE index.php 2 User1 User2 Banner User3 User2 Main-Body Left Top Right Path way

LE index.php : Construction Header :

LE index.php : Construction Body :

Module Output : Ex1 <ul id="mainlevel-nav"> <li><a href="http://127.0.0.1/j1/index.php" class="mainlevel-nav">Accueil</a></li> <li><a href="http://127.0.0.1/j1/index.php?Itemid=3" class="mainlevel-nav">Nous contacter</a></li> <li><a href="http://127.0.0.1/j1/index.php?Itemid=2" class="mainlevel-nav">News</a></li> <li><a href="http://127.0.0.1/j1/index.php?Itemid=22" class="mainlevel-nav">Liens</a></li> </ul> Module Top : Top menu

Module Output : Ex2 <div class="moduletable"> <h3>Articles les plus lus</h3> <ul class="mostread"> <li class="mostread"> <a href="http://127.0.0.1/j1/index.php?Itemid=9" class="mostread"> Exemple FAQ Item 2</a> </li> <li class="mostread"> <a href="http://127.0.0.1/j1/index.php?Itemid=9" class="mostread"> Exemple FAQ Item 1</a> </li> </ul> </div> Module User2 : Articles les plus lus

Des Questions