CMS Made Simple Version 1.4 Jamaica Système de gestion de contenu CMS Made Simple est entièrement gratuit sous licence GPL. Tutoriel utilisateur Récapitulatif Administration Le système de gestion de contenu Les systèmes de gestion de contenu, ou SGC (de l'anglais Content Management Systems ou CMS), sont une famille de logiciels de conception et de mise à jour dynamique de site Web ou d'application multimédia partageant les fonctionnalités suivantes : - Ils permettent à plusieurs individus de travailler sur un même document ; - Ils fournissent une chaîne de publication offrant par exemple la possibilité de publier (mettre en ligne le contenu) des documents ; - Ils permettent de séparer les opérations de gestion de la forme et du contenu ; ils sont accessibles quel que soit le type de système d'exploitation au moyen d'un simple navigateur. Les conditions à remplir un système d exploitation : GNU-Linux ou Windows ( GNU-Linux recommandé) un serveur : Apache 1.3 ou plus un système de langage de scripts : version PHP mini 4.3 (PHP 5 recommandé) une base de données : MySQL 4 ou plus Le système employé CMS Made Simple est entièrement gratuit sous licence GPL. Le site Web CMS Made Simple est consultable en anglais, en français La gestion de contenu Made Simple lui-même est disponible dans plus de vingt langues différentes. L'installation sur votre espace Web Il suffit de suivre les instructions consigné sur le site CMS Made Simple Lire éventuellement le tutoriel install_cmsms,pdf (version CMSMS 1,4) Le principe de fonctionnement Le site Web est réalisé de façon fonctionnelle par des gabarits (ossature des pages) et des feuilles de style (couleurs, taille de caractères,...) La gestion de contenu (votre texte, images, liens,...) est réalisée par un éditeur Le résultat donne une page Web consultable par tous. CMS Made Simple est fourni complet avec des modèles de pages, gabarits et feuilles de style, Information sur les forums : http://forum.cmsmadesimple.org/index.php/board,10.0.html Forum officiel http://forum.cmsmadesimple.fr/index.php Forum du site Fr Licence Creative Commons Paternité-Pas d'utilisation Commerciale-Partage des Conditions Initiales à l'identique 2.0 France http://creativecommons.org/licenses/by-nc-sa/2.0/fr/legalcode Jean-Claude Etiemble http://jc.etiemble.free.fr/ Page 1/ 20
Administration du Site Le panneau d'administration est le cœur du système de gestion de contenu. Vous pourrez ajouter, modifier des pages de contenu, des articles (news), Choisir la disposition et le modèle de vos pages (gabarits, styles), Modifier les permissions utilisateurs et utiliser les nombreuses possibilités de ce système. Connexion au panneau d'administration Vous ouvrez une session en vous connectant à : http://www.monsite.fr/ /admin - Entrez un nom d'utilisateur et un mot de passe pour accéder au panneau d'administration. Le panneau d'administration comprend un menu horizontal qui vous permet de sélectionner les différentes rubriques Premier menus - la page Accueil - Voir directement le site, (ouvre le site dans une autre fenêtre) - Quitter le panneau d administration. Contenu C est ici que vous pouvez : - Ajouter et éditer les pages, - Télécharger, éditer et effacer des images pour vos pages, - Construire des blocs qui sont des morceaux de contenu à placer dans vos pages ou gabarits. (bas de page, titre,..), - Ajouter, éditer et enlever des articles (Articles -News), - Télécharger et gérer des fichiers pour vos pages, - Insérer un lien pour afficher une page imprimable ou PDF Disposition C est ici que vous pouvez : - Ajouter et éditer des gabarits. Les gabarits définissent le thème visuel de votre site, - Ajouter et éditer des feuilles de style (moyen avancé de gérer les feuilles de style en cascade CSS), - Gérer des gabarits de menus pour les afficher de toutes les manières imaginables, - Permettre l'importation et l'exportation de thèmes (gabarits et feuilles de style). Utilisateurs/Groupes C est ici que vous pouvez : - Ajouter les utilisateurs qui devraient avoir accès au secteur d administration, - Gérer ou créer des groupes, - Mettre des utilisateurs dans les groupes, - Choisir quelles permissions les groupes auront. Page 2/ 20
Extensions C est ici que vous pouvez : - Ajouter supprimer des modules additionnels réalisés qui donnent des fonctionnalités supplémentaires, - Utiliser des balises (Tag ou Pluging), - Gérer des événements en fonction de l'utilisation - Construire des balises utilisateurs qui donnent des fonctionnalités supplémentaires, - Gérer l'envoi de mails, - Configurer l'éditeur de texte, - Télécharger des modules, - Gérer le module recherche Administration du site C est ici que vous pouvez : - Modifier les préférences globales : effacer le cache disque, modifier le nom du site, ajouter des «méta données globales», - Définir un modèle de page par défaut, - Consulter les informations système CMS - Vérifier l'intégrité des fichiers de CMS Made Simple par comparaison avec le contrôle (checksums) - Consulter le journal de l'administration pour savoir quels changements ont été faits, quand et par qui. Mes préférences C est ici que vous pouvez : - Modifier votre compte : nom, mot de passe et adresse email, - Modifier les préférences de l'utilisateur : éditeur de texte, langue, - Créer des raccourcis (favoris) aux pages que vous employez les la plupart dans le secteur d'administration. Nous allons voir maintenant quelques détails des menus qui vont vous permette de modifier et améliorer vos page de contenus. Page 3/ 20
Contenu / Pages Permet de voir toutes les pages existantes de les éditer, d'en ajouter, rendre des pages non visibles (ou les écrire pour les publier ensuite), déplacer les pages dans la hiérarchie et supprimer les pages. 1 Gestion des pages 2 Noms des pages 3 Noms des gabarits utilisés 4 Type de contenu 5 Nom du propriétaire 6 Possibilité de varier la position des menus par déplacement sur les flèches 7 Accès direct à l'édition de la page en cliquant sur le nom de la page 8 Possibilité de supprimer une page 9 Ajout d'une nouvelle page 10 Affiche ou non toutes les sous pages 12 Possibilité de varier la position des menus graphiquement 13 Possibilité de désactiver l'affichage d'une page Les pages peuvent être classées en différents niveaux, comme un arbre généalogique. Le niveau le plus haut sont les pages 'parents'. Chaque page parent peut avoir des pages 'enfants' (sousniveaux), qui peuvent eux-mêmes être parents d'autres enfants. Page 4/ 20
Création ou modification de pages de contenu Vue de la page coté site Web Détail de l'onglet Options Page 5/ 20
Contenu / Gestionnaire d'images Permet depuis votre ordinateur de sélectionner des images et de les «Envoyer» vers votre site. Il est possible de créer des dossiers et de supprimer ou de modifier des images. Le gestionnaire d'image génère et affiche une miniature de l'image importée. En agissant sur l'icône une fenêtre s'ouvre pour dimensionner, retailler et sauver les modifications Par défaut les fichiers se trouvent dans le sous dossier /uploads/images En modification d'image Il est possible de : Page 6/ 20
Contenu / Blocs de contenus globaux Permet de créer des blocs qui peuvent être réutiliser dans vos gabarit, Exemple le bloc «Footer» comprend des données qui seront affichées en bas de page en insérant dans le gabarit {global_content name='footer'} Page 7/ 20
Contenu / Articles Permet de créer des pages articles ou news suivant des catégories, de pouvoir les préparer puis les publier à une date donnée. (éventuellement avec une date d'expiration) Détail de la création de l'article Le statut est : «Ébauche» pour en cours de rédaction, «Publié» pour être affiché sur le site Indiquer la date du début d'affichage (visible sur le site) Il est possible aussi de déterminer une date de fin d'affichage (expiration) qui n'affiche plus l'article sur le site Page 8/ 20
Affichage simplifié sur le site Affichage détaillé sur le site Contenu / Gestionnaire de fichiers Permet depuis votre ordinateur de sélectionner des fichiers ou des images et de les «Envoyer» vers votre site. Il est possible de créer des dossiers et de supprimer des fichiers ou des images. Suivant la configuration il est possible d'uploader plusieurs fichier en même temps de plus en fonction de votre hébergement il est possible de modifier les permissions des fichiers et dossiers, Par défaut les fichiers se trouvent dans le sous dossier /uploads Contenu / Impression personnalisable des pages Ce module permet de personnaliser l'affichage de pages pour impression pour CMSMS. Alternativement, des fichiers PDF du contenu principal peuvent être créés à la volée Page 9/ 20
Disposition / Gabarits Permet de créer ou modifier des gabarits qui détermineront la disposition de vos pages Disposition / Feuilles de style Permet de créer ou modifier des effets de style qui détermineront le «design» de vos pages Page 10/ 20
Utilisateurs/Groupes / Utilisateurs Gestion des utilisateurs : Permet d'ajouter des nouveaux utilisateurs Utilisateurs/Groupes / Groupes Gestion des groupes : Permet d'ajouter des nouveaux groupes Par défaut il existe 3 groupes : Admin, Editor, Designer Utilisateurs/Groupes / Appartenance aux groupes Appartenance des utilisateurs aux groupes : Permet la gestion des utilisateur en fonction du groupe Utilisateurs/Groupes / Permissions des groupes Définition des permissions et des niveaux d'accès des groupes Extensions / Modules Les modules étendent CMS Made Simple pour vous procurer toutes sortes de fonctionnalités personnalisées. De nombreux module sont disponibles sur «The CMSMS Forge» Extensions / Balises Pour utiliser une balises, il suffit de la placer dans le modèle ou dans la page, comme ceci : {nom_de-la_balise}. Quelques balises peuvent également prendre des paramètres, qui sont décrits dans l'aide qui est accessible pour chaque balise dans l'onglet extensions puis balises dans la partie administration de CMS Made Simple exemple : {contact_form} Syntaxe utilisée : {contact_form email="votre_nom@votre_domaine.com"} Affichage : Un simple formulaire de contact. {site_mapper} Syntaxe utilisée : {site_mapper} Affichage Montre un plan du site. Page 11/ 20
{mailto} crée un lien mailto: automatiquement encodé (optionnel). Exemple : {mailto address="monadress@dom.comr" encode="javascript"} {mailto address="monadress@dom.comr" encode="javascript" text="mon mail" subject="sujet_demande"} Mon mail sera le lien cliquable et le sujet du mail sera Sujet_demande Extensions» Gestion des événements Associer les balises utilisateur avec les évènements Extensions / Balises Utilisateurs Les balises (tags) utilisateurs vous permettent d'écrire du code PHP depuis l'interface d'administration de CMS Made Simple Exemple : {user_agent} Syntaxe utilisée : echo $_SERVER["HTTP_USER_AGENT"]; affiche les informations de votre propre navigateur internet Page 12/ 20
Extensions / Editeur TinyMCE WYSIWYG Il faut noter que, malgré la puissance de cet éditeur, il a des limitations. Cela s explique par le fait que les ordinateurs ne sont pas configurés de la même manière. Trois différences importantes de configuration à prendre en compte : La taille de l'écran, et donc la largeur maximale de contenu que l on peut afficher. Son navigateur. Il y a des différences entre la même page web affichée par Mozilla Firefox et Internet Exploreur. Ou d'autre navigateurs Les polices de texte. Quand vous attribuez une police à un morceau de texte, il faut que cette police soit disponible sur l ordinateur du visiteur pour que le texte soit affiché correctement. Dans le cas où la police manque, une autre sera mise à la place, mais ce ne sera pas affiché comme vous le vouliez. Pour les web designers qui veulent que leur site web soit aussi beau sur tous les écrans, ces différences sont la cause de beaucoup de frustration. Si vous aimez écrire avec des police de texte fantastiques, classiques, délirantes ou inédites, vous allez être déçu. Sur le web, on peut utiliser un peu près 17 polices avec certitude. La barre d'outils est configurable dans l'onglet Barre d'outils et nous donne donc 1 2 3 4 5 6 7 8 9 10 11 Tableaux (toutes les fonctions) Gras Italique Souligné - Barré Liste à puces - Liste numérotée Diminuer le retrait - Augmenter le retrait Annuler - Restaurer Dropdown personnalisé Insérer/Modifier un lien interne à CMSMS Insérer/Modifier un lien - Supprimer le lien Insérer/Modifier une Ancre Insérer/Modifier une image Insérer un caractère spécial 12 13 14 15 16 17 18 19 20 21 Nettoyer le code Couleur de texte Couleur d'arrière plan Voir le Code HTML Aide Taille du texte Police du texte Bloc de texte (Paragraphe Titre...) Style Aligner à gauche Centrer - Aligner à droite -Justifier' Couper Coller Coller comme du texte - Copier Page 13/ 20
Vous pouvez configurez dans l'onglet Ajustements la possibilité de voir ou non les Vignettes des fichiers la possibilité d'uploader directement des fichiers sans passer par le Gestionnaire de fichiers (mais dans ce cas la vignette de l'image n'est PAS générée) Vous pouvez modifier les barres d'outils dans Barre d'outils (en relation avec l'onglet Plugins) Vous pouvez ajouter des Plugin dans l'onglet Plugins (Conseil décocher la case contextmenu pour utiliser le dictionnaire MySpell sur Firefox) Par exemple en cochant searchreplace Puis en ajoutant dans l'onglet Barre d'outils search,replace,separator, avant justifyleft La possibilité de faire des recherches /remplacements Vous obtenez : Page 14/ 20
Vous pouvez configurez dans l'onglet Styles CSS - des styles définis pour l'utilisateur (à inclure dans une feuille de style générale), qui apparaitront dans la barre d'outils Vous pouvez configurez dans l'onglet Avancé - La touche retour à la ligne avec avec le Style P ou BR (Conseil utiliser BR ) - la possibilité de Forcer le nettoyage en collant (Conseil décocher la case ) - Générer ou non le gestionnaire de liens interne (cmslinker) (Conseil cocher la case ) utiliser de préférence le style {cms_selflink} - Inclure seulement les feuilles CSS écran Détail de quelques Fonctions possibles de TinyMCE Dropdown personnalisé (6) Permet d'insérer une balise prédéfinie Insérer/Modifier un lien interne à CMSMS (7) 1- Sélectionner d'abord le texte ou l'image qui servira de base du lien 2- Cliquez sur l'icône et sélectionner le lien interne Page 15/ 20
Insérer/Modifier un lien - Supprimer le lien (8) 1- Sélectionner d'abord le texte ou l'image qui servira de base du lien 2- Cliquez sur l'icône ou la boite de dialogue s'ouvre URL du lien : Vous pouvez aussi ajouter un lien vers votre adresse email en saisissant «mailto: monadress@domaine.com» Mais il est conseillé d'utiliser la balise {mailto address="monadress@domaine.com" encode="javascript" text="mon mail" subject="sujet_demande"} Mon mail sera le lien cliquable Pour modifier un lien sélectionnez-le texte ou l'image de lien, puis Cliquez sur l'icône Pour supprimer un lien sélectionnez-le texte ou l'image de lien, puis Cliquez sur l'icône Page 16/ 20
Insérer/Modifier une image (10) Dans cet exemple, vous allez insérer une image à partir d un fichier de votre ordinateur. Alors, il va falloir suivre deux étapes : charger l image sur le serveur puis l insérer Étape 1 - Charger l image sur le serveur. Contenu / Gestionnaire d'images et choisissez l image à charger (C'est la méthode conseillée car la vignette de l'image est générée automatiquement) Étape 2 - dans la page. 1- Sur la page sélectionner l'emplacement où vous souhaitez insérer l image 2- Cliquez sur l'icône la boite de dialogue s'ouvre Sélectionner votre image Pour modifier une image, sélectionnez-la en cliquant dessus, puis Cliquez sur l'icône Page 17/ 20
Administration du site / Paramètres globaux Vider le cache : Efface des fichiers temporaires afin de vérifier l'actualisation du site Activation du message 404 personnalisé : permet d'afficher un message personnalisé si la pages demandée n'existe pas Activation du message de maintenance : permet d'afficher un message personnalisé si le site est encours de maintenance ou grosses modification Thème de l'administration (pour la page de connexion) Format de la date : %d/%m/%y affiche la date au format 01/01/2008 (jj/mm/aaaa) Administration du site / Page par défaut Valeur par défaut pour les nouvelles pages Administration du site / Informations du système Consulter les informations système CMS et faire un copier coller pour dépannage éventuel, Administration du site / Vérification du système Permet de faire le contrôle (checksums) des fichiers sur le serveur par rapport à un fichier généré (et stocké en lieu sur) lors de l'installation ou de la modification, Administration du site /Journal de l'administration Affiches les interventions des utilisateurs de l'administration Mes préférences / Mon compte Nom, mot de passe, adresse mail Mes préférences / Préférences de l'utilisateur La sélection du WYSIWYG à utiliser, la langue, le thème de l'administration... du CMS Mes préférences / Gestion des favoris Gestions des raccourcis pour accéder aux menu de l'administration Page 18/ 20
Différentes possibilités d'affichage des menus : Menu gauche Menu gauche déroulant (CSS) Menu Haut et sous menu à gauche Page 19/ 20
Menu haut déroulant (CSS) Conseils : lisez les aides de CMS made simple Pour information structures des fichiers du système CMSMS : Page 20/ 20