Mode d'emploi CRH

Administration du contenu

Sommaire
1. Connexion l'espace priv ....................................................................................................................................... 3 1.1. 1.2. 1.3. 2. O est-ce ? ........................................................................................................................................................ 3 Identification ..................................................................................................................................................... 3 Prsentation de l'interface................................................................................................................................ 3 Les Contenu CMS ...................................................................................................................................................... 3 2.1. 2.2. Grer Le contenue CMS .................................................................................................................................... 3 Mettre en forme le contenu CMS ..................................................................................................................... 4 Rdaction d'un contenue CMS .................................................................................................................. 4 Insrer des images .................................................................................................................................... 6 2.2.1. 2.2.2. 3.

Les Collections........................................................................................................................................................... 7 3.1. 3.2. Grer Le collections .......................................................................................................................................... 7 Edition et ajout des collections ......................................................................................................................... 8 Ajout .......................................................................................................................................................... 8 Edition ....................................................................................................................................................... 9

3.2.1. 3.2.2.

1. Connexion l'espace priv 1.1. O est-ce ?

Version de teste : www.crh.tn/democrh/admin Version prod : www.crh.tn/admin Il suffit de rajouter admin la suite de l'adresse de votre site.

1.2. Identification

Saisissez vos identifiants (admin/admin pour la version de teste) puis cliquer sur le bouton Connexion .

1.3. Prsentation de l'interface

Voici le tableau de bord dEspace admin CRH Equipement. Votre rle tant de grer le contenu, vous utiliserez le menu suprieur de gauche.

2. Les Contenu CMS 2.1. Grer Le contenue CMS

Le contenue CMS est destine prsenter un contenu statique, lexemple de texte du page Prsentation . Pour accder la gestion des contenue CMS, cliquez sur le bouton Contenu CMS .

Pour crer une nouveau contenue il suffit de cliquer sur Ajouter . Pour modifier une page il suffit de cliquer sur le bouton diter, pour accder l'diteur visuel. Pour supprimer il suffit de cliquer sur le bouton supprimer

2.2. Mettre en forme le contenu CMS

2.2.1. Rdaction d'un contenue CMS

Voici l'diteur visuel des contenus CMS. L'diteur de texte ressemble un diteur de texte comme Word ou OpenOffice .
Couper: Vous permet de surligner du texte la souris puis de le supprimer en cliquant sur cette icone. Copier: Vous permet de surligner du texte la souris puis de le copier dans votre presse papier en cliquant sur cette icone. Coller: Vous permet de coller un texte contenu dans votre presse papier en cliquant sur cette icone. Coller en texte plein: Vous ouvre une boite de dialogue dans la quelle vous coller votre texte, puis vaildez. Cela collera le texte saisis en texte plein. Coller depuis Word: Vous ouvre une boite de dialogue dans la quelle vous coller votre texte, puis vaildez. Cela collera le texte saisis en liminant toutes les mises en formes propre Microsoft Word. Annuler: Vous permet d'annuler la dernire actions ralise. Remettre: Vous permet de remettre en place le dernire action annule. Cette icone n'est active que s'il est possible de le faire. Permet la mise en gras du texte.

Permet la mise en italique du texte. Permet de souligner du texte. Permet de barrer du texte. Aligner le texte gauche. Centrer le texte. Aligner le texte droite. Justifier la portion de texte. Cela prend l'espace disponible et calcul l'espacement entre les mots pour obtenir u bloc de texte homogne. Cre une liste non ordonne. Surligner vos lignes Cliquer sur cette icone.

Cre une liste ordonne. 1. 2. Surlignez vos lignes. Cliquez sur l'icone.

Indenter le texte. Le texte est dcal vers la droite. Dans le cas d'une liste, cela augmante le texte indent d'un nivau. D-indeter le texte. Actif que si le texte est dj indent. Ceci le redacale vers la gauche. Citation, passe le texte surligner entre les balises blockquote. Cration de liens. Utilis principalement pour les liens externes, pour les liens internes prfrez l'utilisation du bouton insr un lien de la barre d'outils concrete5 en haut de l'diteur.. Cela ouvre un boite de dialogue avance vous permettant bon nombre de rglages. Supression de lien. Enlve le lien de celui slectionn. Utilis pour insrer des images externes, ou bien modifier les images dj insres via le bouton Ajouter une image de la barre d'outils Concrete5 de l'diteur. Ouvre une bote de dialogue permettant bon nombre de rglages. Nettoyage du code. Cet outils nettoie le code des balises redondantes, ferme les balises laisses ouvetes, etc ... HTML, ouvre une fentre modale permettant l'dition directe du code HTML de l'dition en cours. Table, permet d'ajouter ou diter une table dans votre contenu. Proprits de lignes, permet d'diter le proprits de la ligne slectionne. Proprits de colonnes, permet d'diter le proprits de la colonne slectionne. Ajoute une ligne avant la ligne slectionne. Ajoute une ligne aprs la ligne slectionne. Supprime la ligne slectionne Ajoute une colonne avant la colonne slectionne. Ajoute une colonne aprs la colonne slectionne. Supprime la colonne slectionne. Divise les cellules fusionnes. Fusionne les cellules. Ajoute une ligne de sparation. C'est une simple balise hr. Supprime le formatage du texte slectionn. Affiche ou masque les guides des lments invisibles lors de l'dition. Comme par

exemple les lignes des tables HTML. Affiche le texte slectionn en indice, comme ceci par exemple. Affiche le texte slectionn en exposant, comme cela par exemple. Insre la date du jour de l'dition. Insre l'heure de l'dition. Indique le sens de lecture du texte de gauche droite. Indique le sens de lecture du texte de droite gauche. Ouvre une fentre permettant de choisir un caractre spcial et insrer son code HTML. Permet l'insertion de smilies. Insrer un mdia flash ou vido externe dans votre contenu. Ligne de sparation paramtrable. Ajoute une balise hr stylisable. Prvisualisation, permet de prvisualis votre contenu. Cependant il ne fonctionne pas super avec Concrete5, il se peut que la fantre ouvrete n'est pas d'option pour la referm, donc attention ! dition CSS, permet d'diter le style CSS du texte slectionn.

2.2.2. Insrer des images Pour insrer une image slectionnez l'icne de l'image pour ouvrir l'diteur

Sur l'diteur d'image slectionnez l'icne Gestionnaire de fichiers fichiers illustr ci-dessous.

Cela va ouvrir le Gestionnaire de

Vous pouvez choisir une image(ou uploader une nouvelle image laide du bouton upload ). Il suffit maintenant de slectionner une image pour retourner a la page prcdente, sous longlet apparence on peut changer la taille dimage la position

Pour terminer cliquer sur le bouton Insert ou Sur Cancel pour Annuler

3. Les Collections 3.1. Grer Le collections

La gestion des collections est la mme pour les trois type Porcelaine, verrerie et Couvert. Pour accder la gestion des Collections, cliquez sur le bouton Collection Un sous menu apparat choisissez le type de collection grer

Pour crer une nouveau contenue il suffit de cliquer sur Ajouter . Pour modifier une page il suffit de cliquer sur le bouton diter, pour accder l'diteur visuel. Pour supprimer il suffit de cliquer sur le bouton supprimer

3.2. Edition et ajout des collections

3.2.1. Ajout

Active : la collection est affiche dans le site ou non Titre : le titre de la collection Texte : le texte descriptif de la collection Image Slider : limage afficher dans le Slider des collections, la taille de limage doit tre (largeur : 320px ; hauteur : 240px)

Image Large : limage afficher dans larrire plan de site, la taille de limage doit tre (largeur : 1282px ; hauteur : 664px)

Image Fiche: limage afficher dans la fiche de collection, la taille de limage doit tre (largeur : 740px ; hauteur : 240px)

Remarque : les sous collections ne seront prsenter que en mode dition et non ajout
3.2.2. Edition Les mmes donnes que lajout sauf lajout de dtails de collection ou vous pouvez ajouter des sous collections.

Pour ajouter un sous collection cliquer sur le bouton ajouter

Le formulaire suivant souvre

Vous pouvez saisir le nom et uploader limage correspond a la sous collection puis on clique sur Ajouter Pour ajouter les tailles et leur code cliquer sur le bouton PLUS