JOOMLA, créer et
administrer un site Web
Formation Stéphane Brunet
www.chapoulougne.com
Joomla!, créer et administrer un site Web
1
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages Web
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
Joomla!, créer et administrer un site Web
2
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
•
•
Présentation
Domaines d'application, références industrielles.
Structure et fonctionnalités d'un CMS.
L'architecture de Joomla!.
Le choix de ce CMS
Joomla!, créer et administrer un site Web
3
JOOMLA,
Concepts fondamentaux
Présentation
Le CMS
Joomla! c'est quoi ?
Joomla! est un CMS (Content Management System en Anglais ou
Système de Gestion de Contenu en Français) libre, open source et
gratuit. Un CMS vous permet de créer des sites web sans
nécessairement avoir des connaissances dans les langages comme le
HTML, le CSS, le PHP...
Vous construisez et organisez votre contenu grâce à une interface
administrateur simple et conviviale, et Joomla! s'occupe du reste. Vous
aurez donc simplement à prendre en main cette administration
pour construire votre site web.
Joomla!, créer et administrer un site Web
4
JOOMLA,
Concepts fondamentaux
Présentation
Le HTML
HTML est le langage universel utilisé pour communiquer sur le Web.
Votre information sera ainsi transportée sur cette gigantesque toile de
réseaux qu'est Internet, pour aboutir sur l'ordinateur de votre lecteur
grâce à un programme appelé navigateur ou browser.
Le HTML fonctionne sous forme de balises ouvrantes et fermantes
<table>… </table>
Joomla!, créer et administrer un site Web
5
JOOMLA,
Concepts fondamentaux
Présentation
Le HTML
Lorsque vous voulez visiter un site web, vous tapez son adresse dans
votre navigateur web, que ce soit Mozilla Firefox, Internet Explorer,
Opera, Safari ou un autre.
Il faut savoir qu’Internet est un réseau composé d’ordinateurs qui
peuvent communiquer entre eux.
Ceux-ci peuvent être classés en deux catégories.
– Les clients : ce sont les ordinateurs des internautes comme vous..
Chaque client représente un visiteur d’un site web.
– Les serveurs : ce sont des ordinateurs qui stockent et délivrent des
sites web aux internautes, c’est-à-dire aux clients
Les serveurs sont indispensables au bon fonctionnement du Web.
Joomla!, créer et administrer un site Web
6
JOOMLA,
Concepts fondamentaux
Présentation
Le HTML
Un site internet est un ensemble de
pages web (images, media, style,…) qui sont de simples fichiers.
Ces fichiers sont placés sur un serveur web, qui est une
machine sur laquelle tourne un logiciel capable de répondre
à des requêtes http.
Le rôle du serveur est donc de :
• accepter des requêtes de Clients
• Lire l'information contenue dans l'URL,
• rechercher le fichier demandé sur l’hôte (la machine sur laquelle le
logiciel serveur fonctionne),
• lire (quelque fois réécrire) ce fichier
• renvoyer le résultat de cette lecture au client.
Joomla!, créer et administrer un site Web
7
JOOMLA,
Concepts fondamentaux
Présentation
Le PHP
Blogs, réseaux sociaux, pages d'accueil personnalisables...
Depuis quelques années, les sites web ont gagné en
fonctionnalités.
Il y a une époque où l'on pouvait se contenter de créer un site
statique.
Un peu de texte, quelques images : hop là, notre site était prêt.
Aujourd'hui, c'est différent : il faut que ça bouge !
On s'attend à ce qu'un site soit régulièrement mis à jour : on
veut voir des actualités sur la page d'accueil, on veut pouvoir
les commenter, discuter sur des forums, bref, participer à
la vie du site.
Joomla!, créer et administrer un site Web
8
JOOMLA,
Concepts fondamentaux
Présentation
Le PHP
Le langage PHP a justement été conçu pour créer des sites
"vivants" (on parle de sites dynamiques).
Les balises PHP
Vous savez donc que le code source d'une page HTML est
constitué de balises.
Par exemple, <ul> est une balise.
Le code PHP vient s'insérer au milieu du code HTML.
On va progressivement placer dans nos pages web des
morceaux de code PHP à l'intérieur du HTML.
Ces bouts de code PHP seront les parties dynamiques de la
page, c'est-à-dire les parties qui peuvent changer toutes seules
(c'est pour cela qu'on dit qu'elles sont dynamiques).
Joomla!, créer et administrer un site Web
9
JOOMLA,
Concepts fondamentaux
Présentation
Le PHP
<!DOCTYPE html>
<html>
<head>
<title>Ceci est une page de test avec des balises PHP</title>
<meta charset="utf-8" />
</head>
<body>
<h2>Page de test</h2>
<p>
Cette page contient du code HTML avec du PHP.<br />
<?php /* Insérer du code PHP ici */ ?>
Voici quelques petits tests :
</p>
<ul>
<li style="color: blue;">Texte en bleu</li>
<li style="color: red;">Texte en rouge</li>
<li style="color: green;">Texte en vert</li>
</ul>
<?php
/* Encore du PHP
Toujours du PHP */
?>
</body>
</html>
Joomla!, créer et administrer un site Web
1
0
JOOMLA,
Concepts fondamentaux
Présentation
Le PHP
Dans le cas d'un service dynamique, le Client ne demande
plus une page html, mais l'exécution d'un script sur le serveur.
C'est le résultat de cette exécution qui est ensuite envoyé au
client au format html
la page est générée .
- Le client demande au serveur une page web ;
- le serveur « construit » la page pour le client ;
- le serveur renvoie la page qu’il vient de générer au format HTML.
1
2
3
Joomla!, créer et administrer un site Web
1
1
JOOMLA,
Concepts fondamentaux
Présentation
Le PHP
Le serveur doit donc « interpréter » la page selon un Language choisit.
Il lui faut donc l’interpréteur du script.
L’extension du fichier web donne le langage choisit.
Le choix de l’hébergeur et à donc des serveurs est important
De ce processus, on gagne énormément en sécurisation du code.
On a aussi un grand nombre de possibilité d'interactions avec d'autres
systèmes ou applications comme les bases de données.
1
2
3
Joomla!, créer et administrer un site Web
1
2
JOOMLA,
Concepts fondamentaux
Présentation
Site dynamique
Langages et environnement
PHP + Apache + MySql
ASP + Composant COM + Windows 2K + SQL
JSP + Servlet + EJB + Weblogic + Oracle
Joomla!, créer et administrer un site Web
1
3
JOOMLA,
Concepts fondamentaux
Présentation
Le CSS
Le langage CSS ou Cascading Style Sheets est utilisé pour
définir l'aspect futur de votre site: exemple la couleur du fond
de la page ou le type de police.
Plus concrètement : le CSS (ou feuille de style), c'est un petit
fichier (exemple "style.css") dans lequel vous allez définir
l'ensemble des choix de couleurs, type de police (arial, garamond,
etc.), taille du texte... TOUT sauf le texte lui même !
body { background-color: #CCCCCC; }
Joomla!, créer et administrer un site Web
1
4
JOOMLA,
Concepts fondamentaux
Présentation
Le CSS
p{
color: red;
text-align: left;
}
Sélecteur= P
Propriété = color
Valeur= red
Propriété = text-align
Valeur= left
Structure d’une
Règle =(Sélecteur +déclaration)
Déclaration =(propriété+valeur)
Syntaxe
Sélecteur {
Propriété: valeur;
Propriété: valeur;
}
Joomla!, créer et administrer un site Web
1
5
JOOMLA,
Concepts fondamentaux
Présentation
Le CSS
p{
Les sélecteurs
color: #000;
text-align: left;
}
.rouge{
color: #F00;
text-align: left;
}
#pied {
color: #23AE34;
text-align: center;
}
a:hover {
color:#FF00FF;
}
Les balises HTML
Les Classes
Les identifiants
Les pseudo-éléments
Joomla!, créer et administrer un site Web
1
6
JOOMLA,
Concepts fondamentaux
Présentation
Le CSS
Les terminaux ont évolués les mobiles et
autres tablettes sont de plus en plus
nombreux a consulter des sites
Il est possible de créer des feuilles de style
spécifique a chaque taille de fenêtre
navigateur
<link rel="stylesheet" href="wilde.css" media="screen and
(min-width: 1024px)" />
<link rel="stylesheet" href="mobile.css" media="screen
and (max-width: 1024px)" />
ou
@media screen and screen and (min-width: 1024px) {
…. }
Joomla!, créer et administrer un site Web
1
7
JOOMLA,
Concepts fondamentaux
Présentation
Le JavaScript
C'est un langage créé pour fonctionner dans un navigateur.
Toutefois, on le retrouve maintenant comme langage de script
sur certains serveurs (ASP).
Il est interprété: Les erreurs de programmation ou de syntaxe
sont découvertes à l' exécution du programme.
Il n' a rien à voir avec Java (si ce n' est le nom, et certains
aspects de la syntaxe).
Il est plus simple que Java, mais beaucoup moins puissant.
Ce que l'on peut faire avec JavaScript
· Des contrôles de saisie des formulaires
· Des documents personnalisés
· Des manipulations sur les Browsers
Ce que l'on ne peut pas faire avec JavaScript
· Des animations graphiques puissantes
· Du client/serveur
Joomla!, créer et administrer un site Web
1
8
JOOMLA,
Concepts fondamentaux
Présentation
Le JavaScript
Le code s ’intègre entre les balises <SCRIPT> et </SCRIPT>
<HTML>
<HTML>
<HEAD>
<HEAD>
<TITLE>Test JavaScript</TITLE>
<TITLE>Test JavaScript</TITLE>
<SCRIPT language="JavaScript">
<SCRIPT language="Javascript">
var date= new Date();
var date= new Date();
var texte= "Nous sommes le: "+date;
var texte= "Nous sommes le: "+date;
document.write( texte);
document.write( texte);
</SCRIPT>
</SCRIPT>
</HEAD>
</HEAD>
<BODY>
<BODY>
Texte de la page
Texte de la page
</BODY>
</HTML>
</BODY>
</HTML>
Le code peut être importé d'un fichier .js
<HEAD>
<TITLE>Test JavaScript</TITLE>
<SCRIPT SRC="MonFichier.js">
</HEAD>
<BODY>
Joomla!, créer et administrer un site Web
1
9
JOOMLA,
Concepts fondamentaux
Présentation
MVC signifie Modèle / Vue / Contrôleur.
C'est un découpage couramment utilisé pour développer des
applications web.
Chaque action d'un module appartient en fait à un contrôleur.
Ce contrôleur sera chargé de générer la page suivant la requête
(HTTP) demandée par l'utilisateur.
Cette requête inclut des informations comme l'URL, avec ses
paramètres GET, des données POST, des COOKIES, etc.
Un module peut être divisé en plusieurs contrôleurs, qui
contiennent chacun plusieurs actions.
Pour générer une page, un contrôleur réalise presque
systématiquement des opérations basiques telles que lire
des données, et les afficher. Avec un peu de capacité
d'abstraction, on peut voir deux autres couches qui
apparaissent : une pour gérer les données (notre modèle) et
une autre pour gérer l'affichage des pages (notre vue).
!
Joomla!, créer et administrer un site Web
2
0
JOOMLA,
Concepts fondamentaux
Présentation
MVC signifie Modèle / Vue / Contrôleur.
C'est un découpage couramment utilisé pour développer des
applications web.
Chaque action d'un module appartient en fait à un contrôleur.
Le modèle : une couche pour gérer les données, ça signifie quoi ?
Ça signifie qu'à chaque fois que nous voulons créer, modifier,
supprimer ou lire une donnée (exemple, lire les informations d'un
utilisateur depuis la base de données MySQL), nous ferons appel à
une fonction spécifique qui nous retournera le résultat (sous forme
d'un tableau généralement).
Ainsi, nous n'aurons AUCUNE requête dans notre contrôleur, juste
des appels de fonctions s'occupant de gérer ces requêtes.
La vue : une couche pour afficher des pages ?
Cela signifie tout simplement que notre contrôleur n'affichera
JAMAIS de données directement (via echo ou autre).
Il fera appel à une page qui s'occupera d'afficher ce que l'on veut.
Cela permet de séparer complètement l'affichage HTML dans le code.
Certains utilisent un moteur de templates pour le faire, nous n'en
aurons pas besoin : l'organisation des fichiers se suffit à elle-même.
Ceci permet de séparer le travail des designers et graphistes (s'occupant
de créer et de modifier des vues) et celui des programmeurs
(s'occupant du reste).
Joomla!, créer et administrer un site Web
2
1
JOOMLA,
Concepts fondamentaux
Domaines d'application, références industrielles
Groupama Transport : http://www.groupama-transport.com/
Sncf au féminin : https://www.sncfaufeminin.fr/
Peugeot : http://www.peugeot.com
Le film français : http://www.lefilmfrancais.com/
Tour Eiffel : http://www.tour-eiffel.fr/
Ebay : Intranet
(http://community.joomla.org/blogs/community/1301-ebaychooses-joomla.html)
Harvard : http://gsas.harvard.edu/
Linux : https://www.linux.com/
Musée Guggenheim : http://www.guggenheim.org/
MTV Grèce : http://www.mtvgreece.gr/
Holliday Inn : http://www.somerstonhotels.co.uk/
General Electrics : http://www.getransportation.com/
Université du Nebraska : http://www.unl.edu/
Joomla!, créer et administrer un site Web
2
2
JOOMLA,
Concepts fondamentaux
Domaines d'application, références industrielles
Pour quel type de site utiliser Joomla ?
Joomla est un CMS editorial. Il conviendra donc parfaitement à un
site institutionnel, un intranet, un site communautaire,
un site d'information ou de petites annonces,...
Joomla ou WordPress ?
De nombreux CMS existent sur le marché. WordPress fait partie, avec
Joomla, des systèmes de gestion de contenu open source les plus
connus.
A l’origine orienté « blog », WordPress devient de plus en plus un
CMS « classique ».
Dans ce domaine néanmoins, Joomla garde
une longueur d’avance sur son concurrent, grâce notamment à sa
collection impressionnante d’extensions (plus de 5000) et sa gestion
des droits d’utilisateurs.
Joomla!, créer et administrer un site Web
2
3
JOOMLA,
Concepts fondamentaux
Structure et fonctionnalités d'un CMS
La structure du CMS
Bâtie tel un "châssis" propulsé par son noyau (moteur), la plateforme
CMS est alors prête à recevoir une "carrosserie", essentiellement
organisée autour :
- d'une charte graphique (design, graphisme, logo, images, etc)
- du contenant (modules, fonctionnalités)
- du contenu (textuel, multimédia, téléchargements, liens, etc)
- d'un espace client.
- d’une interface d’administration
Référencement
Soucieux de cet aspect, les concepteurs de CMS n'ont pas négligé
la fonction de référencement de site.
La plupart ont doté leur structure de modules d'optimisation de
contenu ainsi que de réécriture des adresses URL en html ou htm
pour une indexation optimale et performante par les moteurs de
recherche.
Joomla!, créer et administrer un site Web
2
4
JOOMLA,
Concepts fondamentaux
Structure et fonctionnalités d'un CMS
La structure du CMS
La modularité, l'ergonomie, les fonctionnalités du site CMS sont
largement paramétrables depuis la console d'administration
indépendante de l'interface public.
Malgré la disponibilité de nombreux modules, l'originalité graphique
et, plus encore, la personnalisation fonctionnelle ne sont néanmoins
pas sans limite.
L'accès au code source du système permet alors de surmonter cet
obstacle et de donner libre cours à une personnalisation quasi illimitée.
Joomla!, créer et administrer un site Web
2
5
JOOMLA,
Concepts fondamentaux
Structure et fonctionnalités d'un CMS
La console d'administration
Nanti de ce "poste de pilotage", véritable centre névralgique du CMS,
la gestion du contenu (articles, photos, images, médias, utilisateurs,
etc) et des modules est assurée par cette console entièrement
sécurisée.
Intuitive dans son fonctionnement et pourvue de nombreux
assistants, elle permet au gestionnaire de développer le site et de
le mettre à jour en toute autonomie, sans grande difficulté.
Par conséquent, le CMS n'exige pratiquement aucune connaissance de
programmation informatique.
Son intervention est voire nulle, si l'on s'en tient strictement au gabarit
et que l'on se contente des templates (modèles graphiques) et
fonctionnalités disponibles.
Joomla!, créer et administrer un site Web
2
6
JOOMLA,
Concepts fondamentaux
Structure et fonctionnalités d'un CMS
Personnalisation
Personne, cependant, ne souhaite se retrouver sur le Net avec de
petits "frères" voire même des "frères jumeaux" de son propre site,
même si celui-ci diffère par certains éléments graphiques et logo.
Il n'en demeure pas moins qu'il démontrera une certaine banalité
par un manque d'originalité, de conception professionnelle
et d'esthétisme.
Même si le contenu, la clarté, l'ergonomie passent avant l'aspect
graphique, nul n'a envie, légitimement, de rencontrer son clône.
Et puis, un site efficace verra croître son intérêt de plus de 20 % si
son graphisme est original et agréable, ce qui n'est pas négligeable.
Ne dit-on pas également "qu'on mange d'abord avec les yeux" !
Joomla!, créer et administrer un site Web
2
7
JOOMLA,
Concepts fondamentaux
L'architecture de Joomla
Joomla! reprend largement dans sa conception l'architecture
Modèle-Vue-Contrôleur.
Lorsque Joomla! traite la requête d'un utilisateur, comme un "GET"
pour une page en particulier, ou un "POST" contenant des données
de formulaire, une des premières actions de Joomla! est d'analyser
l'URL pour déterminer quel composant devra traiter la demande et
prendre le contrôle de ce composant.
Si le composant a été conçu selon l'architecture MVC, la requête va
passer au contrôleur.
Le contrôleur va alors analyser la demande et déterminer quels
Modèles seront nécessaires pour la traiter, et quelle Vue devrait être
utilisée pour retourner les résultats à l'utilisateur.
Le Modèle encapsule les données utilisées par le composant.
Dans la plupart des cas, ces données proviendront d'une base de
données, soit la base de données Joomla!, soit une base de données
externe, mais il est également possible au Modèle de récupérer
des données provenant d'autres sources, comme via une API de
services Web s'exécutant sur un autre serveur.
Joomla!, créer et administrer un site Web
2
8
JOOMLA,
Concepts fondamentaux
L'architecture de Joomla
Le Modèle est également, le cas échéant, chargé de la mise à jour de la
base de données.
Le rôle du Modèle est d'isoler le Contrôleur et la Vue des tâches de
récupération ou de modification des données.
La Vue est en charge de la génération du rendu qui sera envoyé au
navigateur par le composant.
Elle appelle le Modèle pour toute information nécessaire et le met en
forme de façon appropriée. Par exemple, une liste de données
extraites d'un Modèle pourra être intégrée dans un tableau HTML
généré par la Vue.
Joomla! étant conçu pour être hautement modulaire, le rendu d'un
composant ne représente généralement qu'une partie de la page web
complète que l'utilisateur verra au final. une fois que la Vue a généré
le rendu, le composant rend le contrôle au Framework Joomla! qui va
charger et exécuter le template.
Le template combine le rendu du composant et de tous les modules
actifs sur la page en cours, de sorte que le navigateur puisse tout
afficher sur une même page.
Afin de fournir plus de puissance et de flexibilité aux concepteurs de
sites web, généralement plus concernés par la création de nouveaux
designs que par la manipulation du code sous-jacent, Joomla! a divisé
la Vue traditionnelle en une Vue et une Mise en page (Layout).
Joomla!, créer et administrer un site Web
2
9
JOOMLA,
Concepts fondamentaux
L'architecture de Joomla
La Vue récupère les données du Modèle, comme dans une
architecture MVC traditionnelle, mais rend simplement ces données
disponibles pour la mise en page, qui gère la mise en forme des
données pour la présentation à l'utilisateur. l'avantage de cette
séparation est que le système de template de Joomla! fournit, dans le
template, un mécanisme simple pour la substitution de mises en page.
Ces substitutions de mise en page (généralement nommées "template
override" car faisant partie du template, bien que seule la mise en page
ne soit substituée) sont liées au template et donnent au concepteur de
template le contrôle total sur tout le rendu provenant du Core Joomla!
et de toutes les extensions tierces installées et conformes à
l'architecture MVC.
Joomla!, créer et administrer un site Web
3
0
JOOMLA,
Concepts fondamentaux
Le choix de ce CMS
Pourquoi utiliser Joomla plutôt que WordPress ou Drupal
Joomla est un juste milieu entre puissance et flexibilité
Joomla n’est pas aussi ancien que WordPress ou Drupal - la première
version de Joomla a fait ses débuts en 2005, lorsqu’elle s'est séparée
du projet Mambo.
La communauté Joomla, revendique un juste milieu entre ses deux
concurrents open source : Drupal sophistiqué et complexe, et
WordPress qui mise un peu plus sur l'accessibilité.
En résumé, Joomla offre une facilité d'utilisation proche de celle de
WordPress, tout en offrant une partie de la puissance et la flexibilité
de Drupal.
Joomla à donc un grand avenir devant lui ! il s'est enrichi d'une
communauté grandissante et réactive, c'est ce qui fait notre force.
Joomla!, créer et administrer un site Web
3
1
JOOMLA,
Concepts fondamentaux
Le choix de ce CMS
Joomla!, créer et administrer un site Web
3
2
JOOMLA,
Concepts fondamentaux
Le choix de ce CMS
Joomla!, créer et administrer un site Web
3
3
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
•
Version
Installation et configuration de Joomla!
sur un serveur local.
Paramétrer le site.
Adapter langue et modèle
Joomla!, créer et administrer un site Web
3
4
JOOMLA,
Premiers pas
Version
Les versions
Les versions de Joomla supportées à long terme (LTS) reçoivent le
nom de Majeure.
Elles gardent un support de 2 ans minimum.
Majeure (ex-LTS) : Support de 24 mois assuré sur la dernière version
"Mineure" de la série.
Mineure (ex-STS) : Support jusqu'à la sortie de la version mineure
suivante : 3.3, 3.4, ...4.0, 4.1, 4.x
Patch (3.3.1, 3.3.x, ... 4.1.1)
Exemple avec Joomla! 3.4.1 :
- 3 est le numéro de version majeure : changements majeurs avec la
version précédente, nécessite une migration.
- .4 indique la version mineure : nouvelles fonctionnalités, mise à
jour facile
- .1 est le numéro de patch : mise à jour de sécurité (pas des
fonctionnalités qui demeurent les mêmes), mise à jour facile et très
recommandée.
Joomla!, créer et administrer un site Web
3
5
JOOMLA,
Premiers pas
Version
Les versions
EN 2015
Joomla! 2.5 est une version (LTS/majeure) supportée (c’est à dire mis
à jour et sécurisé en permanence) jusqu'à la sortie de la prochaine
version majeure de Joomla.
Joomla 3.x est une version mineure, supportée jusqu'à la sortie de la
version mineure suivante, chacune apportant son lot d'améliorations.
La dernière version de la série 3.x réunit toutes les améliorations
préalables et est supportée au minimum 2 ans après sa sortie : c'est
pourquoi on l'appelle la version majeure. La dernière évolution de
Joomla 3 devrait paraitre fin 2015 et sera supportée jusque fin 2017.
En clair :
La stabilité est la priorité de votre projet. pour lequel toutes les
fonctionnalités nécessaires sont disponibles sous Joomla! 2.5 ? Ou
vous comptez utiliser une extension compatible avec cette seule
version ? Alors partez sur Joomla 2.5.
Dans les autres cas, préférez Joomla 3.x.
Cela vous apportera le support de l'affichage responsive, du
versionning des contenus et des autres fonctionnalités qu'apporte
Joomla 3, susceptibles de vous faire gagner du temps
Joomla!, créer et administrer un site Web
3
6
JOOMLA,
Premiers pas
Version
Les versions
La version 3.4 introduit de nouvelles fonctionnalités dans le CMS
telles que l'amélioration du hachage des mots de passe,
les microdonnées, optimisation du code, l'amélioration de la
performance du système de routine et la conversion continue du
javascript de MooTools à jQuery.
Joomla!, créer et administrer un site Web
3
7
JOOMLA,
Premiers pas
Version
Les versions
Joomla!, créer et administrer un site Web
3
8
JOOMLA,
Premiers pas
Version
Les versions
Joomla!, créer et administrer un site Web
3
9
JOOMLA,
Premiers pas
Version
Les versions
Joomla!, créer et administrer un site Web
4
0
JOOMLA,
Premiers pas
Version
Les versions
Joomla!, créer et administrer un site Web
4
1
JOOMLA,
Installation et configuration
Serveur
Installation
Télécharger la version de votre choix
Joomla!, créer et administrer un site Web
4
2
JOOMLA,
Installation et configuration
Serveur
Installation
Télécharger la version de votre choix et décompressez la sur
votre ordinateur
Joomla!, créer et administrer un site Web
4
3
JOOMLA,
Installation et configuration
Serveur
Installation locale
Si vous souhaitez une installation en local vous devrez installer un serveur sur
votre PC/Mac
La solution fonctionne en PHP/MySql
Des solutions serveur il en existe plusieurs :
- EasyPhp
- Wamp (PC), MAMP (Mac)
- µamp…
La plus part sont aujourd’hui portables (vous pouvez tester sur une clé USB et
non plus sur le disque dur
Joomla!, créer et administrer un site Web
4
4
JOOMLA,
Installation et configuration
Serveur
Installation locale
Joomla!, créer et administrer un site Web
4
5
JOOMLA,
Installation et configuration
Serveur
Installation locale
Joomla!, créer et administrer un site Web
4
6
JOOMLA,
Installation et configuration
Serveur
Installation locale
Le processus d'installation est simple, car pris en charge par l'auto-installeur de
Joomla. Pour le lancer, lancez votre navigateur web et ouvrez simplement
l'emplacement de Joomla sur votre serveur, le script détectera automatiquement
que le site n'est pas encore installé, et vous amènera à l'adresse de l'installeur. À
partir de là, vous n'avez qu'à cliquer.
Joomla!, créer et administrer un site Web
4
7
JOOMLA,
Installation et configuration
Serveur
Installation
Vous devriez maintenant disposer d'un espace d'hébergement, et d'un dossier
sur votre disque-dur contenant les fichiers décompressés à partir de l'archive
de PrestaShop. Il vous faut maintenant transférer ces fichiers depuis
votre disque dur vers votre espace d'hébergement.
Pour ce faire, vous devez passer par un client FTP.
Connectez-vous à votre hébergement à l'aide de votre client FTP et
des identifiants, fournis par votre hébergeur. Une fois connecté, il est temps
de transférer les fichiers de PrestaShop depuis votre ordinateur
vers votre serveur.
Attention au CHMOD (droits d’écriture sur les fichiers distants) 755
via votre FTP
Ou si vous souhaitez une installation en local déposer le dossier décompressé
sur votre machine
Joomla!, créer et administrer un site Web
4
8
JOOMLA,
Installation et configuration
Serveur
Installation
Le processus d'installation est simple, car pris en charge par l'auto-installeur de
Joomla. Pour le lancer, lancez votre navigateur web et ouvrez simplement
l'emplacement de Joomla sur votre serveur, le script détectera automatiquement
que le site n'est pas encore installé, et vous amènera à l'adresse de l'installeur.
À partir de là, vous n'avez qu'à cliquer.
Joomla!, créer et administrer un site Web
4
9
JOOMLA,
Installation et configuration
Paramétrer le site.
Installation
Joomla!, créer et administrer un site Web
5
0
JOOMLA,
Installation et configuration
Paramétrer le site.
Installation
Joomla!, créer et administrer un site Web
5
1
JOOMLA,
Installation et configuration
Paramétrer le site.
Installation
Joomla!, créer et administrer un site Web
5
2
JOOMLA,
Installation et configuration
Paramétrer le site.
Installation
Joomla!, créer et administrer un site Web
5
3
JOOMLA,
Installation et configuration
Paramétrer le site.
Installation
Joomla!, créer et administrer un site Web
5
4
JOOMLA,
Installation et configuration
Paramétrer le site.
Installation
Joomla!, créer et administrer un site Web
5
5
JOOMLA,
Installation et configuration
Paramétrer les langues
Installation ajout d’une langue
Joomla!, créer et administrer un site Web
5
6
JOOMLA,
Installation et configuration
Paramétrer les langues
Installation ajout d’une langue
Joomla!, créer et administrer un site Web
5
7
JOOMLA,
Installation et configuration
Serveur
Installation
Retourner dans le dossier de votre site pour supprimer le dossier d’installation
Joomla!, créer et administrer un site Web
5
8
JOOMLA,
Installation et configuration
IHM
Installation
Connexion à votre interface d’administration avec les login/mot de passe que
vous avez défini
Joomla!, créer et administrer un site Web
5
9
JOOMLA,
Installation et configuration
IHM
Installation
Joomla!, créer et administrer un site Web
6
0
JOOMLA,
Installation et configuration
IHM
Front Office
Joomla!, créer et administrer un site Web
6
1
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
Prise en main de l'interface d'administration.
Gestion et administration des contenus.
Gestion des extensions : les menus Composants et Extensions.
Joomla!, créer et administrer un site Web
6
2
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Vous pouvez donner aux utilisateurs enregistrés le droit de travailler
dans votre backend.
Ce privilège est généralement limité à quelques employés, qui sont
chargés d'administrer certaines tâches sur le site.
Vous pouvez accéder à la page de connexion de votre administration
via /administrator.
Joomla!, créer et administrer un site Web
6
3
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
En plus des fichiers (graphiques, documents, dossiers système, etc),
Joomla! a également besoin d'une
base de données. Durant la procédure d'installation, l'installeur web
de Joomla! créé 68 tables dans la
base de données que vous avez spécifiée.
L'ensemble du contenu sera géré dans ces tables.
Joomla!, créer et administrer un site Web
6
4
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Joomla!, créer et administrer un site Web
6
5
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Joomla!, créer et administrer un site Web
6
6
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Configuration du site
Joomla!, créer et administrer un site Web
6
7
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Configuration du site
Joomla!, créer et administrer un site Web
68
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Configuration du site
Joomla!, créer et administrer un site Web
69
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Configuration du site
Joomla!, créer et administrer un site Web
70
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Les Utilisateurs
Depuis Joomla 2.5, il est possible de créer soit même ces groupes et
ces niveaux d'accès.
Ce système est composé de deux parties bien distinctes :
Qui peut faire quoi
Qui peut voir quoi
Le contenu
- Ajouter un article : Ouvre la page Gestion des articles :
Articles- Ajouter/Modifier où vous pouvez créer de nouveaux
articles.
- Gestion articles : Ouvre la page Gestion des articles : Articles où
vous pouvez gérer tous vos articles existants.
- Gestion Catégories : Ouvre la page Gestion des articles :
Catégories où vous pouvez créer de nouvelles catégories et
publier/dépublier celles qui existent.
- Gestion Médias : Ouvre la page Gestion des médias qui vous
permet de gérer des fichiers sur votre serveur web. Vous pouvez
supprimer des fichiers existants ou en charger des différents de
votre disque dur. Vous pouvez aussi créer de nouveaux dossiers
dans le système de fichiers de votre serveur web.
Joomla!, créer et administrer un site Web
7
1
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Les menus
Il s’agit principalement de liens qui vont permettre d’aller sur une
page ou un ensemble de pages, un formulaire ou un autre site
internet.
Les extensions
Avec Joomla, une extension, ce peut être un template, un plugin, un
module ou un composant. Une extension, c’est donc tout
composant que vous pouvez ajouter à votre site Joomla.
Joomla!, créer et administrer un site Web
7
2
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Le Système
Sélectionnez Système → Panneau d'administration dans le menu
déroulant de l'administration de Joomla!.
Ou, cliquez sur l'icône à gauche du menu déroulant de
l'administration.
La configuration globale contrôle tous les paramètres globaux
critiques d'un site Joomla!, en incluant ceux du Site, du Système, du
Serveur, des Droits et des Filtres de texte.
Joomla!, créer et administrer un site Web
7
3
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Système
Site : Pour paramétrer le nom du site, l'éditeur par défaut, les
métadonnées, les paramètres SEO , mettre le site hors ligne (utile
pour les interventions de maintenance)...
Système : Pour régler vos dossiers 'logs', activer le débogage
système, gérer le cache ou la durée des sessions...
Serveur : Pour paramétrer tout ce qui est en relation avec votre
serveur, accès FTP, base de données...
Droits : Pour paramétrer la gestion générale des droits, le système
ACL de Joomla!.
Filtres de texte : pour paramétrer les éléments HTML autorisés à
être insérés dans les zones de contenu des éditeurs par les différents
groupes d'utilisateurs.
Joomla!, créer et administrer un site Web
7
4
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Utilisateur
La liste des utilisateurs reprend les informations principales des
utilisateurs inscrits sur le site et des administrateurs.
Il est possible de créer un nouvel utilisateur, il recevra alors un email
l’informant de la création de son compte.
Groupes d’utilisateurs
Les groupes d’utilisateurs permettent de définir les droits
d’administration de chaque composant et type d’élément.
Un groupe est défini par son nom et groupe parent dont il hérite les
droits.
Niveaux d’accès
Les niveaux d’accès permettent de restreindre l’affichage des
contenus sur le site à certain groupes d’utilisateurs.
Pour définir un nouveau niveau d’accès il suffit de lui donner un
nom et de choisir les groupes d’utilisateurs concernés.
Joomla!, créer et administrer un site Web
7
5
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Menu
Joomla!, créer et administrer un site Web
7
6
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Menu
Deux types de menus
Le menu principal
Tous les autres menus (exp: menu de pieds de pages pour les
informations sur le site, ou menu utilisateur dans les espaces persos.)
Les types de lien les plus d’utilisés sont :
Articles – Article
Articles – Blog d’une catégorie
Liens divers – URL externe
Liens divers – Alias de lien de menu (il permet de faire une
redirection vers une page déjà accessible dans le menu)
Joomla!, créer et administrer un site Web
7
7
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Contenu / articles
La liste des articles présente l’ensemble des articles créés sur votre
site.
Joomla!, créer et administrer un site Web
7
8
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Contenu / catégorie
Dans Joomla, les articles sont catégorisés. Ceci permet notamment
de créer des affichages type « Blog » d’une certaine catégorie (par
exemple : Actualités), ou d’ordonner les articles dans
l’administration lorsque leur nombre devient important.
La liste des catégories présente l’ensemble des catégories créées sur
votre site.
L’arborescence des catégories est représentée de façon simple : les
catégories enfants suivent toujours leur parent dans la liste et leur
titre est précédé d’une tabulation symbolisant le fait qu’elle soit d’un
niveau inférieur
Joomla!, créer et administrer un site Web
7
9
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Composants
Les composants sont les extensions les plus importantes et les plus
complexes. Ils peuvent être comparés à des mini-applications. La
majorité des composants possède deux parties distinctes, une partie
site (frontend) et une partie administration (backend)
Joomla!, créer et administrer un site Web
8
0
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Composants
Voyons ces 11 composants :
Bannières - permet de gérer l'affichage de bannières (publicitaires ou
non) sur le site.
Fiches de contact - permet de créer des formulaires de contact
Fils d'actualité - permet de publier sur votre site des informations
venant d'autres sites.
Liens web - permet de publier des listes de liens web (avec
description) vers des sites choisis.
Messagerie privée - permet aux administrateurs du site de pouvoir
communiquer entre eux.
Mise à jour de Joomla! - permet de gérer les mises à jour du CMS.
Recherche - permet aux utilisateurs du site de faire des recherches à
travers le contenu de celui-ci.
Recherche avancée - est un nouveau composant de recherche
destiné à remplacer le composant de recherche.
Redirection - référence les liens morts de votre site web
Tags - permet d'afficher des contenus en provenance de différents
extensions.
Joomla!, créer et administrer un site Web
8
1
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Extensions / Modules
La liste des modules présente l’ensemble des modules configurés sur
votre site web Joomla.
Suivant leur statut, ils peuvent être affichés sur le site. Notez qu’il
faut également assigner aux modules une position et des pages pour
qu’ils apparaissent sur le site.
Types de Modules
Il existe plusieurs types de module suivant les informations que l’on
souhaite afficher. Ceux préconfigurés et utilisés le plus souvent, sont
les suivants :
- Contenu personnalisé. Il utilise l’éditeur de texte JCE pour
permettre de personnaliser totalement l’affichage du contenu et de
créer d’éventuels liens. Exemple d’utilisation : encart « Publications »
en page d’accueil, informations de contact en bas de page…
- Menu. Il permet de positionner et de configurer l’affichage d’un
menu ou d’une branche de son arborescence.
- Fil de navigation
Joomla!, créer et administrer un site Web
8
2
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Extensions / Modules
Éditer un Module
Dans Joomla 3, l’affichage et les options configurables varient
suivant le type de module. Toutefois l’ensemble des modules
reprennent les champs présents dans les cadres Détails et Menu
d’assignement
Les principaux champs à renseigner sont :
- Le titre et sa visibilité sur le site
La position du module : Les positions qui peuvent vous être utiles
sont :
aside1-top, aside1-bot : 2 zones dans la colonne de gauche,
haute (top) et basse (bot, bottom)
content-top, content-bot : 2 zones au dessus (top) et en
dessous (bot, bottom) du contenu principale
footer-col : colonnes du pied de page
- Le niveau d’accès : Permet de limiter la visibilité sur le site aux
utilisateurs enregistrés.
- Les entrées de menu où il apparaît : Les modules sont assignés à
« toutes les pages », à « aucune page » ou à une sélection de pages.
Joomla!, créer et administrer un site Web
8
3
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Extensions / Plug in
Un Plugin est un type d'extension pour Joomla!. Les Plugins
proposent des fonctionnalités associées à des événements
déclencheurs. Joomla! propose nativement un ensemble d'
événements pour plugins, mais toute extension peut créer ou
personnaliser des événements. Lorsqu'un événement particulier
intervient, toutes les fonctions du plugin associées à l'événement
sont exécutées en suivant une séquence. Cette méthode est très
efficace pour étendre les fonctionnalités de la Plate-forme Joomla!.
Elle offre également aux développeurs d'extensions la possibilité de
voir d'autres extensions
interagir avec leurs actions,
ainsi les extensions peuvent
fonctionner de manière étendue.
Joomla!, créer et administrer un site Web
8
4
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Extensions / template
Un Template est le design de votre site. C'est grâce à lui que vous
décidez de la couleur du fond du site, des emplacements et du style
des modules, du style des menus...
Joomla comporte 2 styles de templates : ceux réservés à la partie
Frontend, et ceux réservés à la partie Backend.
Le template par défaut de l'administration de Joomla 3, Isis, est
entièrement responsive design
Chaque template propose des positions différentes (aussi bien au
niveau du nom des positions qu'au niveau de leurs emplacements).
Pour visualiser les positions d'un template, rendez-vous dans les
paramètres, puis activez le paramètre Prévisualisez la position des
modules. Ensuite, rendez-vous sur le Frontend de votre site, puis
ajoutez /?tp=1 à votre URL
http://adressedusite/index.php/fr/?tp=1
Joomla!, créer et administrer un site Web
8
5
JOOMLA,
L'interface d'administration
Prise en main de l'interface d'administration
Extensions / template
Affecter un Style à certaines pages
Pour affecter un Style à certaines pages, il faut que ces pages soient
affichées via un élément de menu. Les pages qui ne sont pas
affichées via un élément de menu seront affichées avec le Style par
défaut.
Pour affecter un style à certaines pages, cliquez sur le Style souhaité,
rendez-vous dans l'onglet Affecter à un menu, puis sélectionnez les
éléments de menu qui vous intéressent. Puis cliquez sur le bouton
Enregistrer & Fermer.
Installation de nouveaux Templates
Vous trouverez sur internet des dizaines de milliers de templates
pour Joomla!, commerciaux, gratuits, responsive design, avec
thème...
Un template s'installe comme n'importe quelle extension Joomla!.
Joomla!, créer et administrer un site Web
8
6
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
•
•
Les catégories et articles.
Définir les paramètres liés aux articles.
Gestion des articles supprimé, des images et du texte.
Créer un article avec une mise en page avancée.
Ajouter une vidéo ou une iframe
Joomla!, créer et administrer un site Web
8
7
JOOMLA,
Créer le contenu des pages
Contenu
La création d'une page de contenu se décompose donc en 3 phases :
- création d'une catégorie d'article si elle n'existe pas déjà
- rédaction de l'article
- création d'un lien de menu pour publier l'article en frontend
Joomla!, créer et administrer un site Web
8
8
JOOMLA,
Créer le contenu des pages
Contenu
Les articles le contenu du votre site
Joomla!, créer et administrer un site Web
8
9
JOOMLA,
Créer le contenu des pages
Contenu
Les articles le contenu du votre site
Les articles sous Joomla!
Pour écrire un article sous Joomla!, et donc une page de contenu, vous
bénéficiez d'un éditeur de texte WYSIWYG (What you see is what
you get), et en l'occurrence il s'agit de TinyMCE.
Ce type d'éditeur dispose d'une barre d'outil vous permettant d'ajouter
des liens, des images, des titres, des listes et tout le nécessaire pour
rédiger un contenu pertinent, complet et optimisable en terme SEO
(Search Engine Optimization).
Pour voir la liste de vos articles, rendez vous via le backend sur le
menu Contenu --> Gestion des articles
Joomla!, créer et administrer un site Web
9
0
JOOMLA,
Créer le contenu des pages
Contenu
Les articles le contenu du votre site
Cet écran fonctionne un peu de la même manière que le gestionnaire
de catégorie.
Vous y trouvez la liste de tous vos articles, et des possibilités de
filtrage sur la partie gauche.
Cliquez sur Nouveau pour rédiger votre article
Joomla!, créer et administrer un site Web
9
1
JOOMLA,
Créer le contenu des pages
Contenu
Les articles le contenu du votre site
Cet écran fonctionne un peu de la même manière que le gestionnaire
de catégorie.
Vous y trouvez la liste de tous vos articles, et des possibilités de
filtrage sur la partie gauche.
Cliquez sur Nouveau pour rédiger votre article
Joomla!, créer et administrer un site Web
9
2
JOOMLA,
Créer le contenu des pages
Contenu
Les articles le contenu du votre site
Joomla!, créer et administrer un site Web
9
3
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site possibilité de mettre en place un
workflow
Joomla!, créer et administrer un site Web
9
4
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
L'éditeur de texte TinyMCE
Il permet de faire directement depuis le site la plupart des mises en
forme, comme :
la mise en gras
la mise en italique
le soulignement
et ainsi de suite (survoler les différents boutons de l'éditeur pour une
indication sur leur fonction affichée dans l'info-bulle)
Lorsqu'on insère du texte qui vient d'un autre logiciel
Faite attention lors du copier coller de ne pas aussi prendre
Les informations de mise en page
Joomla!, créer et administrer un site Web
9
5
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
L'éditeur de texte TinyMCE
Par mesure de sécurité l’éditeur TinyMCE interdit certain nombre de
balises. Cela permet d’éviter la saisie de code non conforme
Il est possible de rajouter des fonctionnalités a cette éditeur
pour paramétrer l'éditeur TinyMCE, il faut se rendre dans
Extensions => Gestion des plugins puis éditer le plugin TinyMCE
Joomla!, créer et administrer un site Web
9
6
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
L'éditeur de texte TinyMCE et les images
Insertion d'une image provenant d'une URL
Nous allons utiliser une image déjà existante sur le web. Par exemple,
celle ci:
http://www.chapoulougne.com/joo/image.jpg
Déplacez le curseur dans le texte à la position à laquelle vous
souhaitez insérer l'image.
Cliquez sur l'icône image de la barre d'outils éditeur et collez l'URL de
l'image dans la fenêtre pop-up.
Configurez l'image avec un alignement à gauche et utilisez des espaces
Joomla!, créer et administrer un site Web
9
7
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
L'éditeur de texte TinyMCE et les lien
Insertion d'un lien dans l’article
Nous allons pointer vers une page déjà existante sur le web. Par
exemple, celle ci:
http://www.chapoulougne.com/joo/page.html
Mais cela peut aussi être vers une page du site
Saisissez le texte « Cliquable »
Cliquez sur l'icône lien de la barre d'outils éditeur et collez l'URL de la
page dans la fenêtre pop-up.
Configurez le titre (SEO) et la cible (dans la même page ou dans une
nouvelle page)
Joomla!, créer et administrer un site Web
9
8
JOOMLA,
Créer le contenu des pages
contenu
Joomla!, créer et administrer un site Web
9
9
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
Publier un article sous Joomla! grâce à un lien de menu
nous allons ajouter un lien de menu de type article à notre menu
principal. Cet élément pointera vers l'article que nous venons de crée
Commençons par accéder au gestionnaire de menus : rubrique
Menus --> Gestions des menus
Joomla!, créer et administrer un site Web
1
0
0
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
Publier un article sous Joomla! grâce à un lien de menu
Choisir le menu et créer un nouveau lien de « type » article
Cible « parent »
Joomla!, créer et administrer un site Web
1
0
1
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
Publier un article sous Joomla! grâce à un lien de menu
Une options que vous ne devez pas manquer : le Titre dans le
navigateur, option située dans le groupe Paramètres d'affichage de
la page
Joomla!, créer et administrer un site Web
1
0
2
JOOMLA,
Créer le contenu des pages
contenu
Les articles le contenu du votre site
Publier un article sous Joomla! grâce à un lien de menu
Concrètement, il s'agit là de la balise <title>, très importante pour
l'optimisation de votre site en terme de référencement.
Le titre de la page s'affiche dans la barre de titre de votre navigateur,
mais ce n'est pas le plus important.
Il s'agit également du titre qui s'affiche dans les résultats de recherche
Google .
Ce titre affecte également grandement votre positionnement dans les
moteurs de recherche et il est donc primordial de le rédiger avec soin.
L'idéal est de le limiter à 15 caractères pour les internautes 70
caractères pour les moteurs.
Joomla!, créer et administrer un site Web
1
0
3
JOOMLA,
Créer le contenu des pages
Ajouter une vidéo ou une iframe
Les articles le contenu du votre site
Publier une video sous Joomla!
Dans le menu configuration > filtre de texte
Le super utilisateur choisir aucun filtre
Joomla!, créer et administrer un site Web
1
0
4
JOOMLA,
Créer le contenu des pages
Ajouter une vidéo ou une iframe
Les articles le contenu du votre site
Publier une video sous Joomla!
Dans le menu configuration > site
Désactivez l’éditeur par défaut (sinon ce dernier supprimera
les balises html
Joomla!, créer et administrer un site Web
1
0
5
JOOMLA,
Créer le contenu des pages
Ajouter une vidéo ou une iframe
Les articles le contenu du votre site
Publier une video sous Joomla!
Ensuite dans l'article (ou le nouveau module) en question insérer les
codes des iframes ou video et sauvegarder
- pensez à réactiver l'éditeur
Joomla!, créer et administrer un site Web
1
0
6
JOOMLA,
Créer le contenu des pages
Ajouter une vidéo ou une iframe
Les articles le contenu du votre site
Publier une video sous Joomla!
Joomla!, créer et administrer un site Web
1
0
7
JOOMLA,
Créer le contenu des pages
Ajouter une vidéo ou une iframe
Les articles le contenu du votre site
Publier une carte google map
Joomla!, créer et administrer un site Web
1
0
8
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
Rôles et permissions.
Créer des comptes utilisateurs.
Gérer les utilisateurs et un site collaboratif.
Joomla!, créer et administrer un site Web
1
0
9
JOOMLA,
Gérer les utilisateurs
Permissions
Dans les versions précédant Joomla 1.6, il y avait un système statique
constitué de groupes d'utilisateurs, les permissions et les niveaux
d'accès ne pouvaient pas être changés.
Avec Joomla 2.5, l'ancien système existe toujours et constitue la
configuration par défaut d'un système très puissant appelé accès
control list (ACL)
Après s'être enregistré sur votre site web Joomla!, l'utilisateur
deviendra automatiquement un membre d'un groupe de permissions.
Le groupe dispose d'autorisations prédéfinies et appartient à un
Niveau d'accès
Joomla!, créer et administrer un site Web
1
1
0
JOOMLA,
Gérer les utilisateurs
Permissions
Lors de l’installation de votre site Web, dans la dernière étape il vous a
été demandé un nom d'utilisateur, une adresse e-mail et un mot de
passe. La personne qui a installé Joomla! est maintenant le Super
Utilisateur, qui a la permission de tout faire sur le site
Joomla!, créer et administrer un site Web
1
1
1
JOOMLA,
Gérer les utilisateurs
Permissions
Groupe d’utilisateurs
L'idée d'un groupe d'utilisateurs ACL est de créer des ensembles
d'autorisations au niveau du contrôle d'accès Joomla!.
Au lieu d'attribuer ces autorisations à chaque utilisateur, elle sont
affectées à un groupe.
L'utilisateur individuel est alors attribué à un ou plusieurs groupes.
Dans Gestion des Utilisateurs -> Groupes utilisateurs, vous pouvez voir
un aperçu de tous les groupes qui sont dans le noyau Joomla!
Joomla!, créer et administrer un site Web
1
1
2
JOOMLA,
Gérer les utilisateurs
Permissions
Groupe d’utilisateurs
Permissions par défaut pour le groupe d'utilisateurs du frontend du site:
• Groupe Enregistré
Un utilisateur enregistré peut se connecter, éditer ses propres
contributions et accéder à certaines
parties du site interdites aux utilisateurs non-enregistrés.
• Groupe Auteur
L'auteur peut faire tout ce que l'utilisateur enregistré peut faire.
Un auteur peut également écrire un article et modifier son propre
contenu.
Généralement, il y a un lien dans le menu utilisateur pour faire ceci.
Groupe Rédacteur
Le rédacteur peut faire tout ce que l'auteur peut faire.
Un rédacteur peut également écrire et éditer tous les articles qui
apparaissent sur le frontend.
• Groupe Editeur
L'éditeur peut faire tout ce que le rédacteur peut faire.
Un éditeur peut également écrire des articles et modifier chaque
élément d'information qui apparaît sur le frontend.
En outre, un éditeur peut décider si les articles sont publiés ou non.
Joomla!, créer et administrer un site Web
1
1
3
JOOMLA,
Gérer les utilisateurs
Groupes
Groupe d’utilisateurs
Permissions par défaut pour le groupe d'utilisateurs du backend du site :
• Groupe Gestionnaire
Un gestionnaire peut créer du contenu et voir diverses informations
sur le système. Il n'est pas autorisé à:
• Gérer les utilisateurs
• Installer des modules et des composants
• Passer le statut d'un utilisateur en super utilisateur ou modifier un
super utilisateur
• Travailler sur l'élément de menu Site | Configuration
• Envoyer des Emails en nombre à tous les utilisateurs
• Changer et/ou désinstaller les templates et les fichiers de langues
• Administrateur
Un administrateur n'est pas autorisé à :
• Passer le statut d'un utilisateur en super utilisateur ou modifier un
super utilisateur
• Travailler sur l'élément de menu Site | Configuration
• Envoyer des Emails en nombre à tous les utilisateurs
• Changer et/ou désinstaller les templates et les fichiers de langues
• Super Administrateur ou Super Utilisateur
Cet utilisateur est autorisé à exécuter toutes les fonctions dans
l’administration Joomla!. Seul un Super Utilisateur peut ajouter un
nouveau Super Utilisateur.
Joomla!, créer et administrer un site Web
1
1
4
JOOMLA,
Gérer les utilisateurs
Niveaux
Niveaux d’accès
Les groupes d'utilisateurs peuvent
être assignés à des niveaux d'accès.
Nous avons donc un utilisateur
connecté à un groupe,
et les groupes reliés à
un niveau d'accès
Joomla!, créer et administrer un site Web
1
1
5
JOOMLA,
Gérer les utilisateurs
Droits
Niveaux d’accès
les niveaux d'accès sont un faisceau de groupes. Avec la combinaison
de permissions de groupe et niveaux d'accès, tous les cas d'utilisation
deviennent possibles.
Dans un article, vous pouvez limiter l’accessibilité à un niveau d'accès
Joomla!, créer et administrer un site Web
1
1
6
JOOMLA,
Gérer les utilisateurs
Permissions
Le système ACL de Joomla! n'est pas seulement disponible pour le
contenu Joomla! ou les fonctions de bases, mais également utilisable
pour les extensions Joomla!.
Joomla!, créer et administrer un site Web
1
1
7
JOOMLA,
Gérer les utilisateurs
Email en nombre
Envoie d’emails en nombre
Vous souhaitez envoyer des messages par mail à tous vos utilisateurs.
Vous voulez, envoyer ces messages seulement à certain(s) groupe(s) de
vos utilisateurs ou seulement à ceux qui ont accès à l'administration
du site
pour envoyer des E-mails dans
Configuration → Serveur → Réglages E-mail. Vous pouvez ensuite
configurer le Préfixe de l'objet et le Suffixe du message dans
Utilisateurs → Envoi d'e-mails en nombre: paramètres.
Joomla!, créer et administrer un site Web
1
1
8
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
•
Les composants
Les modules
Les Plug-ins
Les langues
Joomla!, créer et administrer un site Web
1
1
9
JOOMLA,
Les extensions
Modules et plug-ins
Il y a beaucoup de choses dans le paquet de base de Joomla.
Des mots comme composants, modules, plug-ins, templates et languages .
En plus de ces parties bien connues, Joomla se compose aussi de
parties qui le sont moins comme bibliothèques (libraires) et
packages. Les composants, modules, plugins et languages
supplémentaires sont catalogués dans le JED:
Joomla extension directory.
Joomla n'a aucun dépôt centralisé pour les templates et les
bibliothèques. La raison en est simple.
Les bibliothèques sont mises au point en dehors du projet Joomla et
beaucoup ont également été utilisées par d'autres projets open source.
Joomla!, créer et administrer un site Web
1
2
0
JOOMLA,
Les extensions
Modules et plug-ins
On retrouve quand même sur le site Joomla
Joomla!, créer et administrer un site Web
1
2
1
JOOMLA,
Les extensions
Modules et plug-ins
Il existe 5 différents types d'extensions sous Joomla :
les Composants : sont les extensions les plus importantes et les plus
complexes. Ils peuvent être comparés à des mini-applications
les Modules : sont des extensions plus légères et plus flexibles
utilisées pour le rendu des pages
les Plugins : sont des extensions plus avancées. Dans l’exécution de
n'importe quelle partie de Joomla
les Templates : est le design de votre site
les Langues : ces packs de langue affecteront aussi bien le frontend
que le backend
Chacune de ces extensions gère une fonctionnalité bien spécifique
Joomla!, créer et administrer un site Web
1
2
2
JOOMLA,
Les extensions
Modules et plug-ins
L'ensemble des122 extensions installées dans
Extensions → Gestion des Extensions → Gestion.
Vous pouvez filtrer cette liste selon divers paramètres.
Certaines extensions sont protégées.
Votre installation Joomla risquerait de ne plus fonctionner si vous
avez désinstallé ces extensions protégées
Vous avez un bouton régénérer le cache.
Chaque extension sélectionnée est capable de garder des données en
cache.
Vous pouvez effacer cette mémoire cache distinctement pour chaque
extension.
Joomla!, créer et administrer un site Web
1
2
3
JOOMLA,
Les extensions
Modules et plug-ins
Joomla!, créer et administrer un site Web
1
2
4
JOOMLA,
Les extensions
Modules et plug-ins
Mise a jour des extensions
Dans ce domaine, les extensions tierce et même la version de Joomla !
sont listées. Ici, vous pouvez
vérifier les mises à jour d'extension disponibles en cliquant sur l'icône
Rechercher des mises à jour.
Si Joomla ! trouve une mise à jour d'extension et que vous mettre à
jour automatiquement, sélectionnez l'extension que vous souhaitez
mettre à jour et cliquez sur l'icône Mise à jour.
Le processus est entièrement automatique et vous allez recevoir des
messages et des conseils, en fonction de l'extension, pendant que cela
se met à jour.
Joomla!, créer et administrer un site Web
1
2
5
JOOMLA,
Les extensions
Modules et plug-ins
Installation d’une extension
Vous pouvez installer les extensions de trois façons différentes
Archive à transférer
Si vous avez téléchargé un fichier zip contenant une extension Joomla
sur votre PC local, vous pouvez utiliser cette option pour télécharger
et l'installer.
Installer depuis un dossier
Si vous avez téléchargé dans sur votre serveur un dossier contenant
une extension dézippée, vous pouvez utiliser cette option pour
installer votre extension.
Installer depuis une adresse URL
Si vous connaissez l'URL d'un fichier zip qui contient une extension
Joomla !, vous pouvez utiliser cette
option pour télécharger, extraire et l'installer sur votre site.
Joomla!, créer et administrer un site Web
1
2
6
JOOMLA,
Les extensions
Modules et plug-ins
Installation d’une extension
Vous pouvez installer les extensions de trois façons différentes
Joomla!, créer et administrer un site Web
1
2
7
JOOMLA,
Les extensions
Composants
La majorité des composants possède deux parties distinctes, une
partie site (frontend) et une partie administration (backend).
A chaque fois qu'une page est chargée, un composant est appelé pour
afficher le corps principal de cette page.
Par exemple, Content (com_content) est le composant qui gère
l'affichage du contenu ; les utilisateurs peuvent voir ce contenu sur le
frontend de votre site, et les administrateurs peuvent l'éditer dans
l'administration.
Les composants sont la partie majeure de votre page car un
composant est dirigé par un élément de menu et tous les éléments de
menu exécutent un composant.
Exemples : Bannières, Contacts, Fils d'actualité, Liens Web, Recherche
Avancée...
Joomla!, créer et administrer un site Web
1
2
8
JOOMLA,
Les extensions
Composant
Composant Bannières
Le composant bannières donne la possibilité d'afficher des bannières
publicitaires sur votre site.
Une bannière peut contenir des graphiques ou du code HTML
personnalisé.
Avant de pouvoir créer des bannières individuelles, je dois
premièrement créer une catégorie.
Les catégories permettent de choisir à partir de quel
client et de quelle catégorie une bannière doit être affichée
(Composants -> Bannières -> Catégories).
Vous allez utiliser les formats de bannières standards du web ou
personnalisé.
Joomla!, créer et administrer un site Web
1
2
9
JOOMLA,
Les extensions
Composant
Composant Bannières
Joomla!, créer et administrer un site Web
1
3
0
JOOMLA,
Les extensions
Composant
Composant Contact
Tout site web a besoin d'un formulaire de contact. Selon l'utilisation
du site vous pouvez parfois avoir
besoin d'un seul formulaire, parfois de plusieurs
Afin d'inclure un contact sur votre site, vous devez au moins avoir:
• une catégorie de contact
• un contact
• un lien dans un menu
ouvrez Composants → Contacts dans votre zone d'administration et
cliquez sur l'icône
Nouveau. Remplissez ensuite le formulaire apparaissant
Joomla!, créer et administrer un site Web
1
3
1
JOOMLA,
Les extensions
Modelés
Composant Contact
Faisons un lien vers un formulaire dans le menu pour le contact que
nous venons de créer. Ouvrez
Menus - haut et cliquez sur l'icône Nouveau.
Vous avez besoin de trois choses pour un lien de menu :
1. le Type d'élément de menu (type de lien) pour afficher le site et, selon
votre choix, un contact ou une catégorie
2. un texte affiché comme un lien
3. le menu, dans lequel le lien doit apparaître
Pour le numéro 1, cliquez sur le bouton Sélection à côté du champ Type
de lien de menu. Une fenêtre s'ouvrira et vous verrez un choix de types.
Cliquez sur Contact
Joomla!, créer et administrer un site Web
1
3
2
JOOMLA,
Les extensions
Modèles
Composant Contact
Faisons un lien vers un formulaire dans le menu pour le contact que
nous venons de créer. Ouvrez
Menus - haut et cliquez sur l'icône Nouveau.
Vous avez besoin de trois choses pour un lien de menu :
1. le Type d'élément de menu (type de lien) pour afficher le site et, selon
votre choix, un contact ou une catégorie
2. un texte affiché comme un lien
3. le menu, dans lequel le lien doit apparaître
Pour le numéro 1, cliquez sur le bouton Sélection à côté du champ Type
de lien de menu. Une fenêtre s'ouvrira et vous verrez un choix de types.
Cliquez sur Contact
Joomla!, créer et administrer un site Web
1
3
3
JOOMLA,
Les extensions
Modèles
Composant Messagerie
La messagerie est un composant de base de Joomla! qui intègre un
système de messagerie privée
pour les utilisateurs ayant accès au backend.
Elle vous permet d'envoyer et de recevoir des messages des
autres utilisateurs ayant la permission d'accéder à la zone
d'administration du site.
Vous pouvez configurer le système pour pouvoir
être prévenu par e-mail à chaque nouveau message,
supprimer les messages après un nombre x de jours, et aussi
verrouiller votre boîte de réception
Joomla!, créer et administrer un site Web
1
3
4
JOOMLA,
Les extensions
Modèles
Composant Fil d’actualité RSS
Il est possible de souscrire à différents types d'actualités et
d'informations.
Le composant Fil d'actualité de Joomla! est un agrégateur de flux
Pour commencer, je crée une nouvelle catégorie
ainsi qu'une nouvelle entrée dans Composants → Fil d'actualité → Fil
d'actualité
Joomla!, créer et administrer un site Web
1
3
5
JOOMLA,
Les extensions
Modèles
Composant Fil d’actualité RSS
Enfin, vous devez créer un élément de menu dans le menu de votre
choix. Le composant Fil d'actualité
est fourni avec trois configurations différentes:
• Liste des catégories de fils d'actualité
• Liste des fils d'actualité d'une catégorie
• Fil d'actualité
Joomla!, créer et administrer un site Web
1
3
6
JOOMLA,
Les extensions
Modèles
Composant Liens web
Avec le composant Liens web, vous pouvez créer une liste de liens ou
une section de téléchargement
que vous pouvez intégrer dans votre site web. Pour ce faire, Joomla!
utilise un système de catégories imbriquées et compte les clics
individuels sur chaque lien. Ce composant est utile pour les
catalogues de liens.
Créez autant de catégories et autant de liens dont vous avez besoin,
puis connectez les deux en assignant les catégories. Ajoutez un lien de
menu, choisissez une mise en page et configurez les paramètres.
Joomla!, créer et administrer un site Web
1
3
7
JOOMLA,
Les extensions
Modèles
Composant redirection
Le Gestionnaire de redirection redirige les visiteurs sur une page
valide lorsqu'ils entrent une url qui n’existe pas sur votre site
Si quelqu'un essaie d'accéder à une url qui n'existe pas, Joomla! va
afficher la page 404 - not found et simultanément
créer une nouvelle entrée dans le gestionnaire de redirection
Vous pouvez maintenant éditer les liens pour ajouter une nouvelle url
de redirection. La prochaine fois qu'un visiteur tombera sur une url
inexistante, le composant assurera la redirection vers la nouvelle
adresse.
Vous pouvez créer des redirections vous même si vous avez
conscience de l’existence d'anciennes urls qui ne fonctionnent plus
Joomla!, créer et administrer un site Web
1
3
8
JOOMLA,
Les extensions
Modèles
Composant recherche
Les visiteurs de votre site s'attendent à pouvoir faire des recherches
dans votre contenu.
Joomla! utilise la recherche texte intégral. Texte intégral signifie que
Joomla! recherche tous les mots clés que vous entrez dans le champ
de recherche directement dans la base de données.
Pour obtenir un premier aperçu de ce que les visiteurs recherchent sur
votre site vous devez activer les statistiques des recherches
Joomla!, créer et administrer un site Web
1
3
9
JOOMLA,
Les extensions
Modèles
Composant recherche avancée
La recherche avancée est désactivée par défaut. Pour l'activer, vous
devez activer le plug-in de Contenu
Le contenu doit être indexé d'abord pour que la recherche avancée
fonctionne. Ceci est fait automatiquement lors de l'enregistrement de
contenu. L'indexation initiale peut être faite dans Composant
-> Recherche avancée -> Indexer
Joomla!, créer et administrer un site Web
1
4
0
JOOMLA,
Les extensions
Modèles
Composant sitemap
Le protocole Sitemaps permet à un webmestre d'informer les
moteurs de recherche quelles adresses d'un site web sont disponibles
pour l'indexation automatique.
Proposé initialement par Google, cette technologie a ensuite été
adoptée par Bing, Yahoo, …
Il s'agit d'un plan de site (« sitemap ») compréhensible par les robots
d'indexation, rédigé sous forme d'un fichier XML ou texte qui
répertorie les URL d'un site permettant ainsi d'inclure des
informations complémentaires sur chaque adresse, comme sa date de
dernière modification, la fréquence de mise à jour et son importance
par rapport aux autres adresses du site.
Cela permet donc aux moteurs de recherche d'explorer le site plus
intelligemment.
Joomla!, créer et administrer un site Web
1
4
1
JOOMLA,
Les extensions
Modèles
Composant sitemap
Nous allons installer un nouveau composant
Joomla!, créer et administrer un site Web
1
4
2
JOOMLA,
Les extensions
Modèles
Composant sitemap
Chaque carte est générée en format HTML pour l'affichage en frontal
du site (à l'aide d'un lien de menu), et en format XML pour indexer le
site auprès des moteurs de recherche.
Une carte peut être générée spécifiquement pour Google News.
Note : pour soumettre une carte de site auprès des moteurs de
recherche tel Google, Bing, Yahoo ou Alexa, vous devez créer un
compte auprès de chacun d'eux et valider le site en insérant par
exemple les clés de validation dans les champs du plug-in Webmaster
Verify.
Chaque plug-in pour Xmap permet d'indexer un type de contenu
selon des paramètres propres.
Joomla!, créer et administrer un site Web
1
4
3
JOOMLA,
Les extensions
Modèles
Composant sitemap
Nouveau sitemap
Joomla!, créer et administrer un site Web
1
4
4
JOOMLA,
Les extensions
Modèles
Composant sitemap
L’url a déclarer à Google et autres moteurs de recherche
http://127.0.0.1/jooforge/index.php?option=com_xmap&view=xml
&tmpl=component&id=1
Joomla!, créer et administrer un site Web
1
4
5
JOOMLA,
Les extensions
Modèles
Les modules
Un module est un élément de contenu qui peut être positionné à coté
d'un article. Un menu, par exemple, est un module.
Le petit bloc d'enregistrement situé sur la gauche est également un
module
Les modules sont des éléments de design dans chaque template.
Tous les modules ont
• un titre qui peut être affiché ou non en en-tête,
• une position dans un template,
• un bouton pour publier le module,
• un ordre d'index pour le tri des modules affichés dans la même
position, généralement utilisés dans les barres de coté,
• une fonction de programmation avec une date de début et de fin,
• l'option d'être assigné à une langue, afin de n'apparaitre que lorsque
les utilisateurs sélectionneront cette langue
• l'option d'ajouter une note au module
• le même système d'assignement de menu que dans les templates.
Vous pouvez limiter l'apparence du module.
Joomla!, créer et administrer un site Web
1
4
6
JOOMLA,
Les extensions
Modèles
Les modules
Pour installer une extension avec Joomla 3.x, il existe 3 possibilités :
par l'installeur de Joomla!, depuis un dossier ou depuis une URL
Dans les trois cas, vous devez vous connecter à l'administration de
votre site et vous rendre dans Extensions → Gestion des extensions puis
choisir la méthode d'installation dans les onglets supérieurs.
Joomla!, créer et administrer un site Web
1
4
7
JOOMLA,
Les extensions
Modèles
Les modules intégrés
Joomla!, créer et administrer un site Web
1
4
8
JOOMLA,
Les extensions
Modèles
Les modules intégrés
Joomla contient 31 types différents de modules
On est obligé d'utiliser un module pour afficher les dernières
modifications, articles les plus consultés, le menu gauche et le footer.
On est obligé de créer un module pour l'affichage des menus ou des
composants. Il n'est pas possible d'afficher directement le menu ou le
composant.
La communauté Joomla répertorie des milliers d'extensions dans le
JED (Joomla Extensions Directory) afin d'étendre les fonctionnalités
d'un site Joomla. Mais chercher une extension, l'installer, la tester,
l'adapter ou en choisir une autre, ainsi de suite jusqu'à trouver celle qui
répond le mieux à vos besoins
Vérifier la version de Joomla et regarder les commentaires
La position du module est déterminée par les emplacements prévus
dans le template.
Le nom des emplacements varie en fonction des templates.
Pour afficher tous les emplacements d'un template, il suffit de taper la
ligne suivante :
http://adresse-du-site/?tp=1
Joomla!, créer et administrer un site Web
1
4
9
JOOMLA,
Les extensions
Modèles
Les modules intégrés
Joomla!, créer et administrer un site Web
1
5
0
JOOMLA,
Les extensions
Plug-ins
Les Plug-ins
Un plug-in ajoute des capacités spécifiques à un composant. Le terme
plug-in est également utilisé à
d'autres endroits. Par exemple, les plug-ins sont communément
utilisés dans les navigateurs web pour lire les vidéos.
Un exemple de plug-in bien connu est Adobe's Flash Player
dispose 11 types de plugin:
Authentication, Captcha, Content, Editors, Editors-XTD, Extension,
Finder, Quickicone, Search, System.
Désactiver certains plugins peut tout simplement vous mener à
l'incapacité de vous connecter sur le site, par exemple
Joomla!, créer et administrer un site Web
1
5
1
JOOMLA,
Les extensions
Plug-ins
Les Plug-ins
Authentification
Le 3 plugins d'Authentification vous permettent (à vous et autres
utilisateurs du site) de vous connecter au site, Backend et Frontend.
Captcha
Un Captcha est une fonctionnalité permettant de reconnaître si
l'utilisateur qui remplit un formulaire est un humain ou un robot.
Content
Le plugin Contenu - Indexation de recherche vous permet d'indexer le
contenu de votre site nécessaire à la fonctionnalité Recherche avancée
Ainsi que la détection d’articles liés a un catégorie que vous êtes en
train de supprimer. Il protège aussi les emails de robots en les
cryptant.
Editors
Les plugins Editors vous permettent d'éditer vos contenus (articles,
catégories...) avec des éditeur WYSIWYG ou non
Bouton – Article, image saut de page
Le plugin Bouton - Article affiche un bouton vous permettant de faire
très simplement un lien vers un autre article du site une image dans
votre article ou un saut de page
Joomla!, créer et administrer un site Web
1
5
2
JOOMLA,
Les extensions
Plug-ins
Extensions - Joomla
Le plugin Extensions - Joomla gère les mises à jour des extensions.
Finder
Les 6 plugins de type Finder permettent l'indexation des contenus
nécessaire au composant Recherche avancée.
Quickicon
Icône raccourci - Alerte de mises à jour d'extensions
Le plugin Icône raccourci - Alerte de mises à jour d'extensions permet de vous
notifier lorsqu'une mise à jour
Search catégorie, contact, articles, fils d’actu, lien web
Les 5 plugins de type Search permettent l'indexation des contenus
nécessaire au composant Recherche.
System
Système - Filtre de langue
Le plugin Système - Filtre de langue permet de filtrer l'affichage des
contenus en fonction de la langue sélectionnée sur un site multilingue
User
Utilisateur - Profil
Le plugin Utilisateur - Profil permet la prise en charge des champs du
profil des utilisateurs. Dans les paramètres avancés, vous pouvez
régler l'ensemble de ces champs
Joomla!, créer et administrer un site Web
1
5
3
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
Architecture d'un fichier de modèle. Le fichier
templateDetails.xml.
Choisir et installer un modèle.
Adapter des modèles Responsive avec Bootstap.
Joomla!, créer et administrer un site Web
1
5
4
JOOMLA,
Templates
Modèles
Avec la mise à jour du gestionnaire de templates pour Joomla 3.2, il
est désormais possible d'éditer, de créer des fichiers et des dossiers et
également de créer des surcharges directement à partir de
l'administration de votre site Joomla!.
Connectez-vous à l'administration de votre site, puis rendez-vous dans
Extensions → Gestion des templates, puis cliquez sur Templates
(dans la colonne de gauche).
Une page avec l'ensemble des templates installés sur votre site
s'affiche :
Joomla!, créer et administrer un site Web
1
5
5
JOOMLA,
Templates
Modèles
Une nouvelle page s'affiche, et vous retrouvez un aperçu des fichiers
de votre template dans la colonne de gauche.
Joomla!, créer et administrer un site Web
1
5
6
JOOMLA,
Templates
Modèles
Une nouvelle page s'affiche, et vous retrouvez un aperçu des fichiers
de votre template dans la colonne de gauche.
Joomla!, créer et administrer un site Web
1
5
7
JOOMLA,
Templates
Modèles
En cliquant sur le bouton “Prévisualisation du template” vous affichez
un aperçu du Frontend. Si vous avez activé la fonctionnalité, vous
pouvez même afficher les positions de ce template
Joomla!, créer et administrer un site Web
1
5
8
JOOMLA,
Templates
Modèles
En cliquant sur le bouton “Nouveau fichier”, vous pouvez créer un
nouveau fichier, ou encore en charger un depuis votre bureau.
Joomla!, créer et administrer un site Web
1
5
9
JOOMLA,
Templates
Modèles
Créer des surcharges
Une de mes fonctionnalités favorites de ce nouveau gestionnaire de
templates est la facilité à créer des surcharges.
Auparavant, il était difficile d'obtenir un aperçu clair des possibilités
de surcharges disponibles sur un site Joomla!.
En cliquant sur l'onglet “Créer des substitutions”, le nouveau
gestionnaire de templates affiche une liste ordonnée des différentes
possibilités
Joomla!, créer et administrer un site Web
1
6
0
JOOMLA,
Templates
Modèles
Créer des surcharges
En cliquant sur un composant, vous pouvez obtenir toutes les
possibilités contenues dans le composant.
En retournant sur l'écran d'édition, vous verrez vos fichiers de
surcharge disponibles pour l'édition
Joomla!, créer et administrer un site Web
1
6
1
JOOMLA,
Templates
installer un modèle
Tout se fait à partir du Gestionnaire des extensions. Accédez à
l’administration et allez dans Extensions/Gestionnaires d’extensions.
Dans le Gestionnaire d’extension, cliquez sur Parcourir et choisissez le
fichier Zip qui contient votre template Joomla Vous pouvez aussi
spécifier un chemin de répertoire dans le champ en dessous,
mais le zip est la meilleure solution
Joomla!, créer et administrer un site Web
1
6
2
JOOMLA,
Templates
installer un modèle
Les modèle template sont sur a prendre sur le web
http://extensions.joomla.fr/afficher-les-categories/templates/1788
Joomla!, créer et administrer un site Web
1
6
3
JOOMLA,
Templates
installer un modèle
Les modèle template sont sur a prendre sur le web
http://extensions.joomla.fr/afficher-les-categories/templates/1788
Joomla!, créer et administrer un site Web
1
6
4
JOOMLA,
Templates
installer un modèle
Une fois le modèle installé il faut le paramétrer
Joomla!, créer et administrer un site Web
1
6
5
JOOMLA,
Templates
Modifier un modèle
Personnaliser le thème
1. Trouvez le dossier /themes dans votre installation de Joomla,
et créer une copie du dossier ../themes/themechoisit
2. Renommez cette copie
3. Modifier la feuille CSS ou les images
4. Créer une image de prévisualisation
Une fois que vous avez personnalisé votre thème, vous devez placer
un fichier représentant le thème, appelé preview.jpg,
5. Testez votre thème
Si vous modifiez des images pensez à ne changer ni la taille
ni son nom ni son extension !!
Joomla!, créer et administrer un site Web
1
6
6
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Bootstrap est un framework HTML/CSS/JS développé par les
équipes de Twitter.
L'objectif de l'intégration de Bootstrap dans Joomla est multiple :
obtenir une meilleure ergonomie en Frontend comme en Backend,
permettre aux développeurs de fournir des possibilités de navigation
plus dynamique, plus moderne,
améliorer l'expérience utilisateur (UX User eXperience) afin de rendre
Joomla (encore) plus agréable à utiliser, améliorer la qualité et la
fiabilité de l'interface utilisateur (UI)
apporter des fonctionnalités natives de « Responsive Design » pour
rendre plus facilement adaptable à tous types de terminaux (PC,
tablettes, smartphone),
les sites Joomla (fontend et console d'administration)
Joomla!, créer et administrer un site Web
1
6
7
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Facile d’utilisation.
La librairie est facile à prendre en main. Elle fournit aussi une
documentation pour bien débuter. Bootstrap a conquis le web et on
trouve de nombreux sites de tutoriels français et anglophones
On aime son système de grille
Bootstrap est basé sur un système de grille responsive avec 12
colonnes avec des composants et des layouts. On peut passer d’un
système à largeur fluide à une largeur fixe avec juste quelques
changements.
Beaucoup d’éléments HTML déjà personnalisés.
Il couvre de nombreux modèles de personnalisation. Que vous ayez
besoin de messages popup, de formulaire, de menu déroulant, de
diaporama (slider) ou de pagination, vous trouverez un élément de
bootstrap que vous pouvez adapter pour correspondre à vos besoins.
Plugins JavaScript
C’est la bonne surprise. On trouve par défaut de nombreux plugins
JavaScript ou jquery pour animer un site web. On en trouve aussi dans
la communauté des développeurs et des designers
Joomla!, créer et administrer un site Web
1
6
8
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Après avoir installer Bootstrap depuis le fichier
Joomla!, créer et administrer un site Web
1
6
9
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Après avoir installer Bootstrap depuis le fichier
Vérifier que le plug-in est activé
Vérifier que le template a été choisit
Joomla!, créer et administrer un site Web
1
7
0
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Après avoir installer Bootstrap depuis le fichier
Vérifier que le plug-in est activé
Vérifier que le template a été choisit
Joomla!, créer et administrer un site Web
1
7
1
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Après avoir installer Bootstrap depuis le fichier
Si vous cliquez sue le template il est possible de le personnaliser
Joomla!, créer et administrer un site Web
1
7
2
JOOMLA,
Templates
Adapter des modèles Responsive avec Bootstap
Le web regorge de thèmes Joomla basés sur Bootstrap
Joomla!, créer et administrer un site Web
1
7
3
JOOMLA,
créer et administrer un site Web
Sommaire








Concepts fondamentaux
Premiers pas
L'interface d'administration
Créer le contenu des pages
Gérer les utilisateurs
Les extensions
Les modèles (templates)
Administration du site
•
•
•
Configuration du site.
Déployer un site Joomla! sur un serveur distant.
Suivi du site, statistiques de visites.
Joomla!, créer et administrer un site Web
1
7
4
JOOMLA,
Administration du site
Nom de domaine
Le but d'un nom de domaine est de retenir et communiquer
facilement l'adresse d'un ensemble de serveurs
(site web, courrier électronique, FTP...).
Par exemple, wikipedia.org est plus simple à mémoriser que
91.198.174.2
Les noms de domaines sont gérer en France par l'AFNIC, mais ils sont
a réserver auprès des registrars.
Pour la plus part des extensions
la politique est : premier arrivé premier servi
www.ma-societe.com
Sous domaine
domaine
Joomla!, créer et administrer un site Web
extension
1
7
5
JOOMLA,
Administration du site
Nom de domaine
Le choix du nom de domaine
Choisir un nom de domaine comportant des mots clefs
optimisés (exemple : www.le-cholesterol.net)
Choisir un nom de domaine représentant votre marque
(exemple : www.ma-societe.com)
Je vous conseille d’opter pour les deux méthodes à la fois,
soit : un nom de domaine représentant votre marque et
comportant des mots clés optimisés
Pour séparer les mots clés au sein d’un nom de domaine, utilisez
des tirets « - »
. Cela permettra aux moteurs de recherche d’extraire les mots
clés séparément.
Exemple :
capitalluxe sera interprété « capitalluxe »
capital-luxe sera interprété « capital luxe » soit : « capital » et
« luxe »
Joomla!, créer et administrer un site Web
1
7
6
JOOMLA,
Administration du site
Positionnements
l’URL rewriting ?
C’est une technique qui consiste à transformer vos URL de type :
http://nomdedomaine.com/product.php?id_product=1
en une URL plus lisible et plus conviviale pour l’internaute mais également pour Google :
http://nomdedomaine.com/mot-cle-pour-etre-referencer-sur-google
Il est important de pouvoir réécrire votre url rewriting en faisant figurer l’expression clé
sous laquelle vous voulez apparaître dans Google.
Activer URL simplifiée
Comment Activer URL simplifiée sur Joomla!3 , url rewrite ou en Français réécriture de
liens
- créer un fichier nommé .htaccess à la racine de la boutique
.htaccess
- attribuer les droits d’écriture au fichier
chmod 666 .htaccess
- Connectez vous à votre interface d’administration de votre site Joomla!3
- Allez sur le menu configuration -> paramètre SEO
- Et après avoir renommé le fichier htaccess
Joomla!, créer et administrer un site Web
1
7
7
JOOMLA,
Administration du site
Positionnement
SEO signifie "search engine optimization" (soit "Optimisation pour
les moteurs de recherche"). Il s'agit d'un ensemble de techniques et
de meilleures pratiques créées dans le but d'améliorer le référencement
d'un site web sur les moteurs de recherche
L'optimisation de votre site internet pour le référencement naturel
est très important !
Lors de la mise en ligne de votre site, ces opérations ont été dores et déjà été
effectuées. Mais il est essentiel de les maintenir à jour !
En effet, certaines actions sont à faire lorsque vous ajoutez une nouvelle
page, modifiez le contenu ou l'url d'une page existante ou supprimez
une page.
Pensez-vous à mettre à jour vos balises métadonnées ?
Consultez-vous les "erreurs 404" pour les corriger ou établir
une redirection de page ?
Joomla!, créer et administrer un site Web
1
7
8
JOOMLA,
Administration du site
Positionnement
Pour lancer un site et avertir Google des mises à jour, il est intéressant
d’installer un sitemap pour son site.
Le sitemap est un fichier xml qui se place à la racine du site et indique à
Google quelles sont les URL à indexer en priorité.
Le fichier généré se trouve à l’adresse de votre site :
http://www.maforge.com/jooforge/index.php?option=com_xmap&view=x
ml&tmpl=component&id=1
Après l’avoir généré je vous conseille d’aller le regarder et vérifier que vos
URL sont bien présentes.
L’adresse du sitemap sera normalement trouvée par Google sans intervention
de votre part mais vous pouvez accélérer les choses en ouvrant un compte
dans Google Webmaster Tools et en soumettant l’URL de votre sitemap.
Joomla!, créer et administrer un site Web
1
7
9
JOOMLA,
Administration du site
Positionnement
Google Webmaster Tools
Joomla!, créer et administrer un site Web
1
8
0
JOOMLA,
Administration du site
Législation
Mentions légales
Elles doivent contenir toutes les choses qui vous identifient vous et votre site
Nom, prénom, raisons sociales si vous en avez une
Adresse de l’établissement
N° de téléphone
Adresse courriel pour rentrer en contact avec vous
N° SIREN*
Capital social si vous en avez un*
N° de TVA intra communautaire si vous en avez un*
Nom du directeur de publication
O
p
t
i
o
n
n
e
l
s ê p
i t a
e r
v s t
i
o
u u c
s n u
l
i
e
r
Coordonnée de l’hébergeur pour déclaration de tout contenu illicite dans un
standard ouvert dis la loi !
CGU Conditions Générales d’Utilisation
elles doivent contenir tout ce qu’il à attrait aux contenus , droit d’auteur,
litige,etc, présence de cookies s’il y a, rediffusion de votre contenu,
mise en place de lien hypertexte en dur.
Si vous avez une image de marque, un logo, rediffusion de celui-ci, taille,
couleur, format, lien s’y afférant.
Joomla!, créer et administrer un site Web
1
8
1
JOOMLA,
Administration du site
Législation
Créer une page « Mentions légales »
Commencez par rédiger un article contenant les mentions légales
(N° SIRET, Hébergeur du site, etc.)
nous lui donnerons pour titre "Mentions légales".
Ajoutez cet article au menu principal.
Si vous ne souhaitez pas voir apparaître le lien "Mentions légales"
dans le menu (mais uniquement dans le pied de page) n'oubliez pas
de cocher l'option Publié: Non.
En fait, ce qui nous importe dans cette étape c'est de définir une
URL pour l'article que nous venons de créer.
Notez donc la valeur précisée dans le champ Lien.
Joomla!, créer et administrer un site Web
1
8
2
JOOMLA,
Administration du site
Législation
Créer une page « Mentions légales »
Puis ajoutez un nouveau module de type "Contenu personnalisé "
avec pour paramètres
"Pied de page" (par exemple) comme "Titre".
"syndicate" comme "Position", afin d'avoir vraiment le pied de
page au bas de la page.
Pour le contenu, nous vous laissons faire mais quelque chose
comme "2015, Nom de l'entreprise/association - Mentions légales"
peut constituer une bonne base.
Nous vous invitons à créer un lien vers la page d'accueil du site sur
le bout de texte "Mon site web à moi" et un lien vers la page
des mentions légales (dont vous avez noté précédemment l'URL) sur
le bout de texte "Mentions légales.
Joomla!, créer et administrer un site Web
1
8
3
JOOMLA,
Administration du site
Publication de son site sur un serveur
Joomla doit tourner nécessairement avec un environnement en PHP 5.3
minimum. Or, tous les hébergeurs ne le proposent pas forcément sur leurs
serveurs mutualisés ou dédiés pré-administrés.
SiteGround est le site de référence pour l'hébergement d'un site Joomla. Leur
équipe regroupe que des passionnés qui inventent chaque jour de nouvelles
solutions pour que votre site internet soit toujours plus sécurisé, plus rapide,
plus facile à prendre en main, etc.
Infomaniak est un hébergeur francophone avec une excellente réputation. Il
est d'ailleurs recommandé par de très nombreux comparateurs mettant en
évidence la qualité de son service relation client et leur très grande expérience
puisque Infomaniak existe depuis 20 ans (Crée en 1994). La particularité
d'Infomaniak c'est qu'ils développent eux même tous les outils qu'ils mettent à
la disposition des webmasters tels que des installateurs de CMS (Joomla,
WordPress, Drupal, etc..), une console d'administration très simple
d'utilisation ou encore de nombreux outils pour gérer votre offre.
Joomla!, créer et administrer un site Web
1
8
4
JOOMLA,
Administration du site
Publication de son site sur un serveur
Une fois votre hébergeur choisi, ce dernier vous fera parvenir les
informations
Concernant l’accès FTP et Base de donnée Mysql
Chargez ces fichiers via FTP sur votre serveur que vous louez depuis votre
répertoire
Joomla!, créer et administrer un site Web
1
8
5
JOOMLA,
Administration du site
Publication de son site sur un serveur
Exportez toutes les tables de la base de données depuis phpmysqlAdmin
Pour l’importer sur le phpmysqlAdmin de votre hébergeur
Joomla!, créer et administrer un site Web
1
8
6
JOOMLA,
Administration du site
Publication de son site sur un serveur
Il ne vous restera plus qu’a ouvrir avec un éditeur de texte le fichier
configuration. Php à la racine du site « locale »
Modifier les lignes 14, 15, 16, 17, 57,58 afin de renseigner les informations
fournies par l’hébergeur.
Enregistrer ce fichier (sur le bureau par exemple) pour le renvoyer via FTP
Afin d’écraser configuration. Php distant
Joomla!, créer et administrer un site Web
1
8
7
JOOMLA,
Administration du site
Analyse du trafic
Lorsque les visiteurs commencent à arriver, c'est le moment
d'analyser leur comportement, et de mesurer le trafic global sur le
site Internet.
Il n'est pas inutile de savoir ce qui fait fuir vos visiteurs, sur quelles
pages ils passent le plus de temps, et sur quels liens ils cliquent le
plus.
Avec des outils très pointus, l'hébergeur va vous donner ces
informations
Joomla!, créer et administrer un site Web
1
8
8
JOOMLA,
Administration du site
Analyse du trafic
A chaque click de l'internaute le serveur est capable de
connaitre l'origine de l'internaute (de quel page est il
arrivé sur cette page)
L’origine de sa navigation
Son OS,
son navigateur,
la langue de préférence du navigateur,
la définition de l'écran
l'adresse IP publique de l'internaute
Joomla!, créer et administrer un site Web
1
8
9
JOOMLA,
Administration du site
Analyse du trafic
Chaque click d’internaute est stocké dans un « Log » regroupant
ces informations et l’hébergeur est en mesure de générer des
rapports a partir de ces logs
Joomla!, créer et administrer un site Web
1
9
0
JOOMLA,
Administration du site
La sécurité et Joomla3
Une fois que votre site Joomla! est en ligne, vous n'avez pas fini
votre travail Voici quelques règles a respecter
1 - Sauvegarde, sauvegarde, sauvegarde
La règle numéro 1 est sans aucun doute les sauvegardes.
Même si vous vous faites hacker, si vous faites des sauvegardes
régulières de votre site vous pourrez, dans la grande majorité des
cas, restaurer votre site.
2 - Mises à jour
La règle numéro 2 consiste à toujours faire les mises à jour de
Joomla! et des extensions installées sur le site. Avec Joomla 3,
les mises à jour se font en quelques clics.
3 - Mots de passe
La règle numéro 3 consiste à choisir des mots de passe solides
4 - Droits sur les dossier et fichiers
Vous avez parfois besoin de modifier les fichiers et dossiers de
votre site Joomla!. Avant de toucher à ces droits, soyez certain de
ce que vous faites et/ou demandez conseil à votre hébergeur.
Pour une question simple de sécurité, ces droits ne doivent
JAMAIS être en 777
le risque 0 n'existe pas. Il y a toujours une chance, aussi infime
soit-elle que vous vous fassiez hacker
Joomla!, créer et administrer un site Web
1
9
1
JOOMLA,
Annexes
Joomla!, créer et administrer un site Web
192
JOOMLA,
Joomla!, créer et administrer un site Web
193
JOOMLA,
Merci
Si vous avez la moindre question
s.brunet@leserveur.com
Joomla!, créer et administrer un site Web
194