HELP

Administration

Conception et Adaptation: Philippe Devos (February 2008) © 2007-2008

CMSimple version 3.0.1 - February 8. 2008 - © 1999-2008 Peter Andreas Harteg

Download provided by Dotcomwebdesign.com - Over 500 templates for CMSimple.

Tous droits réservés sur le contenu et les programmes.


Aide

CMSsimple possède une interface intégrée d'administration qui apparaît après s'être connecté avec son mot de passe.
Dans le panneau principal vous verrez une ligne de boutons de fonction au dessus d'une fenêtre d'édition en mode "wysiwyg".

Les boutons :
Mode normal : permet de basculer du mode "édition", au mode "normal" permettant de vérifier le rendu de votre page
Vérifier les liens : permet de tester automatiquement la validité de vos liens internes et externes de vos pages
Images : permet de voir les images téléchargées dans le dossier "images", d'en rajouter ou d'en supprimer
Téléchargements : permet de lister les documents téléchargés dans le dossier "downloads", d'en rajouter ou d'en suprimer
Paramètres : Donne la possibilité d'accéder au système CMSimple ...
-Modifier la configuration (paramètres généraux de fonctionnement)
-Modifier la langue (ajustement de certaines traductions)
-Modifier la feuille de style (ajustement du style "CSS" sélectionné par défaut)
-Modifier le squelette (adaptation de la présentation des pages HTML)
-Modifier le livre d'or (permet d'administrer le livre d'or quand il est intégré)
-Voir le journal : permet de lister toutes les connexions à l'interface d'administration
-Contenu , Voir Modifier Télécharger : permet de travailler sur l'ensemble du contenu (l'éditeur intégré ne traitant qu'une section à la fois)
Aide : lien vers les pages d'aide (en anglais)
Déconnecter : sortie du mode administration, sauvegarde automatique du contenu et retour au site.



Editeur intégré
L'éditeur intégré par défaut vous permet de créer vos pages très facilement avec le minimum requis pour une mise en forme du texte.

La première chose à faire est d'écrire le titre qui permettra la construction du menu.
Pour celà il suffira d'appliquer le style "titre niveau 1" ou H1 à la portion de texte sélectionné dans la fenêtre de l'éditeur. Sauvegardez avec l'icône à gauche de la barre d'outils de l'éditeur.

Le menu se met à jour, vous n'avez plus qu'à compléter la page ...

Une pression sur "entrée" crée un nouveau paragraphe, "maj" + "entrée" crée un simple retour ligne.
Les autres icônes permettent des fonctions de base comparables à celle d'un traitement de texte classique, mise en gras, italique, souligné, centrage, liste à puces, décalage, insertion de lien, etc...

Une barre déroulante permet également l'insertion d'un lien vers une page de votre site.
Vous pouvez également créer un lien vers un document à télécharger (document que vous aurez précédemment placé dans le dossier "downloads" de votre serveur avec le menu "Téléchargements", ou par FTP): Sélectionnez le mot ou l'image qui servira de lien et cliquez sur l'icône "créer ou modifier un lien", entrez l'adresse (URL) du document à lier (ex: ./downloads/mondocument.ext ) et validez.

Une deuxième barre permet d'insérer une image depuis votre dossier "images", toujours sur votre serveur.

Un bouton "HTML" permet d'accéder au code html de votre page afin d'y faire de plus subtiles modifications ou corrections.

Veillez toujours à sauvegarder avant de quitter cette fenêtre pour le mode normal ou avant de quitter l'administration.

Création de page

Rappel : Tout le contenu du site est intégré dans une seule page HTML, "content.htm" .

Ce sont les balises H1, H2 et H3 qui sont prises en compte par le moteur de CMSimple pour créer des pages virtuelles hiérarchisées en rubriques, sous-rubriques, sous-sous-rubriques.

Trois niveaux de navigation sont donc seulement possibles (mais c'est très suffisant) dans le menu principal automatiquement généré.

Il est donc très important de créer une rubrique ou sous-rubrique au bon endroit en sélectionnant dans le menu la section qui la précèdera dans l'ordre du menu, et non dans la hiérarchie :
Une nouvelle rubrique H1 "Page2" sera placée à la fin d'une section H1 "Page1" si elle ne contient pas de sous-rubrique, ou alors à la fin d'une section H2 "Sous-page1" si la section H1 existante peut être développée depuis le menu ...
A l'enregistrement, la page se scinde virtuellement en deux, et une nouvelle entrée de menu est créée.

Le style H4 peut-être réservé à un titre à l'intérieur d'une rubrique sans influence sur le menu.
Attention, son style par défaut (tel que défini dans le CSS du template) est repris pour l'affichage des sous-menus en bas de page.

Par contre, il reste les balises H5 et H6, normalisées en (X)HTML, qui permettent encore de définir des titres internes aux pages. L'éditeur par défaut ne les reconnaît pas mais ils peuvrent être ajoutés en édition HTML. Leur apparence peut être adaptée librement dans le style de votre page (à modifier le cas échéant).

Pour supprimer définitivement une page entière et l'entrée dans le menu, il suffira de l'éditer, sélectionner l'intégralité de la page (avec le titre) et de supprimer le tout.
Un couper-coller pemet aussi son déplacement à un autre endroit du site.

 


pour insérer un bloc de NEWS en haut de toutes les pages de gauche, sur fond jaune

coller le code ci dessous à la fin de la partie "vin du mois", dans le mode HTML
ne pas changer le titre "News" ni la ligne "#CMSimple hide"

<h1>News</h1>
<p>#CMSimple hide# </p>
<!-- **/** effacer cette ligne et la dernière pour afficher le tableau "News" **/** <table style="font-weight: bold;" align="center" border="2" bordercolor="#996633" cellpadding="2" cellspacing="2" width="75%">
<tbody><tr>
<td bordercolor="#663300" bgcolor="#ffff00">
<p align="center"></p></td>
</tr>
</tbody></table>

--- EXEMPLE ---

News

#CMSimple hide#

Exemple


pour insérer un bloc de NEWS sous les photos dans la colonne de droite, sur fond blanc

coller le code ci dessous à la fin de la partie "vin du mois", dans le mode HTML
ne pas changer le titre "News2" ni la ligne "#CMSimple hide"

<h1>News2</h1>
<p>#CMSimple hide# </p>
<table align="center" border="2" bordercolor="#eaeaea" cellpadding="2" cellspacing="2" width="75%">
<tbody><tr>
<td bordercolor="#EDEDED" bgcolor="#ffffff">
<p align="center">Bloc d'information supplémentaire <br>(optionnel)&nbsp;</p></td>
</tr>
</tbody></table>

--- EXEMPLE ---

News2

#CMSimple hide#

Bloc d'information supplémentaire
(optionnel) 

---