Aide CMS pour l'éditeur standard

La plupart des fonctionnalités ressemble à celle d'un traitement de texte.

Le gestionnaire d'images

Il permet d'insérer des images (png, jpg) ou des fichiers pdf dans les pages, actualités, évènements ou offres d'emploi.

Le gestionnaire d'image permet de classer les documents dans des répertoires et sous-répertoires.

Danger !  Si vous renommez un répertoire/sous-répertoire ou si vous déplacez votre image dans un autre répertoire/sous-répertoire, le chemin vers l'image sera perdu ==> l'image ne sera plus affichée sur le site.

Vue des fichiers - icônes au centre de la barre d'outils

  • vue par icônes
  • vue par liste
  • vue par liste de colonne

Importer un fichier

  • se positionner dans le répertoire désiré
  • cliquer sur la flèche "envoyer un fichier"
  • cliquer sur "ajouter des fichiers" et sélectionner les fichiers sur votre ordinateur
  • cliquer sur "ouvrir" pour choisir le fichier à importer
  • cliquer sur "envoyer les fichiers" pour envoyer le fichier sur le serveur
  • cliquer sur "revenir à la liste des fichiers"

Galerie / Slider

Créer une galerie dans le menu "Slider" (Galerie)

Puis insérer la galerie dans la page gràce au bouton "Slider"

[galerie:ma-galerie]

Le tableau

Pour insérer un tableau, utilisez l'icône  

1
2
1 2 3

Les liens

Pour faire un lien, copier le lien dans la gestion des pages cms, puis coller le code page dans l'endroit ou vous souhaitez crer un lien.

Lien vers la page d'aide (ici le code est cms : aide).

Copier un lien dans le gestionnaire de page CMS

vous pouvez coller les code page dans :

  1. Les Sliders
  2. Les Pages CMS
  3. Les Menus


Pour les pages produits vous devez coller l'url de la page
exemple : mon-produit.cpxx.html

Coller un lien dans la page CMS

Les titres

Généralement 1 seul titre principal (Heading 1) par page.

Aide Titre

Titre h1

Sous titre h2

Sous titre h3

Sous titre h4

Paragraphe

Comportement par défaut, vous n'avez rien à faire.

lien, vers page Test

Lien Bouton

Bouton

Selectionner le lien et cliquer sur "Bouton" dans les menu CMS.

Remplir les informations : Texte du bouton, Lien (https://www.accorderie.fr/accorderie-pays-diois/page/Ma_page), Couleur.

Lien bouton (button-default)

Lien bouton (button-vert-pomme)

Lien bouton (button-gris)

Lien bouton (button-bleu-ciel)

Lien bouton (button-vert-pale)

Lien bouton (button-blanc)

Liste

  • liste
  • liste
  • liste
  • liste
  • liste
  1. liste
  2. liste
  3. liste
  4. liste
  5. liste

Taille des images

Pour les images suivantes uploader l'image grand format aux bonnes proportions dans l'administration de votre site.

Les formats plus petits seront générés automatiquement.

Slider :

960px X 286px

Fiche produit :

image principale : 1600px X 685px (vignette 628px X 269px, zoom 1600px X 685px)
images secondaires : 1600px X 1045px (vignette 297px X 194px, zoom 1600px X 1045px)

Réalisation :

Listing des réalisation : 266px X 237px

Fiche réalisation :

image vertical : 1058px X 1600px (vignette 172px X 260px , zoom 1058px X 1600px)
image horizontal : 1600px X 1127px (vignette 369px X 260px, zoom 1600px X 1127px)

Actualités :

Liste actus : 288px X 288px
Fiche actu : 1600px X 1600px (vignette 530px X 530px, zoom 1600px X 1600px)

Mise en page des images

ATTENTION aux dimensions et aux poids des images, il faut qu'elles soient adaptées à l'affichage.

Interdiction de placer une image brute de l'appareil photo qui va énormément dégrader les performances et l'affichage du site.

Par exemple interdiction de mettre une image de 5184px X 3456 px de 6 Mo alors que l'emplacement sur le site ne nécessite que 400px de large.

Toujours redimensionner les images au plus juste.

Aide Spécifique

Image a gauche

Description image

In interdum at libero at pharetra. Integer luctus nisi ac dolor mollis, nec consectetur leo malesuada. Quisque egestas et magna et vulputate. Integer id sapien euismod, finibus turpis sed, sagittis lacus. Sed pulvinar lacinia scelerisque. Fusce malesuada felis ut nisi consectetur, dignissim bibendum est feugiat. Sed at nunc fermentum, iaculis dolor vel, dignissim nisi. Cras euismod ligula quis orci facilisis, at viverra magna congue. Nulla quis euismod neque. Donec dapibus tincidunt libero nec consequat. Vivamus sed dui nisi. Aliquam congue tempor ipsum, et luctus orci laoreet malesuada.

Séparation (force le saut de ligne)

Séparation avec filet (force le saut de ligne)

Image a droite

Description image

Donec sit amet velit ut quam volutpat aliquam nec eu diam. Cras efficitur a ante sed malesuada. Curabitur ex erat, scelerisque ut tempus at, auctor vel sem. Nam et sagittis risus. Aliquam erat volutpat. Aliquam condimentum nunc eu purus ullamcorper faucibus. Aliquam hendrerit felis sagittis neque hendrerit, et ullamcorper nisl ultricies.Donec sit amet velit ut quam volutpat aliquam nec eu diam. Cras efficitur a ante sed malesuada. Curabitur ex erat, scelerisque ut tempus at, auctor vel sem. Nam et sagittis risus. Aliquam erat volutpat. Aliquam condimentum nunc eu purus ullamcorper faucibus. Aliquam hendrerit felis sagittis neque hendrerit, et ullamcorper nisl ultriciesDonec sit amet velit ut quam volutpat aliquam nec eu diam. Cras efficitur a ante sed malesuada. Curabitur ex erat, scelerisque ut tempus at, auctor vel sem. Nam et sagittis risus. Aliquam erat volutpat. Aliquam condimentum nunc eu purus ullamcorper faucibus. Aliquam hendrerit felis sagittis neque hendrerit, et ullamcorper nisl ultriciesDonec sit amet velit ut quam volutpat aliquam nec eu diam. Cras efficitur a ante sed malesuada. Curabitur ex erat, scelerisque ut tempus at, auctor vel sem. Nam et sagittis risus. Aliquam erat volutpat. Aliquam condimentum nunc eu purus ullamcorper faucibus. Aliquam hendrerit felis sagittis neque hendrerit, et ullamcorper nisl ultriciesDonec sit amet velit ut quam volutpat aliquam nec eu diam. Cras efficitur a ante sed malesuada. Curabitur ex erat, scelerisque ut tempus at, auctor vel sem. Nam et sagittis risus. Aliquam erat volutpat. Aliquam condimentum nunc eu purus ullamcorper faucibus. Aliquam hendrerit felis sagittis neque hendrerit, et ullamcorper nisl ultriciesDonec sit amet velit ut quam volutpat aliquam nec eu diam. Cras efficitur a ante sed malesuada. Curabitur ex erat, scelerisque ut tempus at, auctor vel sem. Nam et sagittis risus. Aliquam erat volutpat. Aliquam condimentum nunc eu purus ullamcorper faucibus. Aliquam hendrerit felis sagittis neque hendrerit, et ullamcorper nisl ultricies

Séparations

Le but de la séparation est de créer un espace entre les bloc du CMS.

Les séparations permettent également de forcer le retour a la ligne entre 2 bloc pour éviter qu'il soit côte à côte.

Aide Spécifique

Séparation (force le saut de ligne)

Séparation avec filet (force le saut de ligne)


Affichage sans séparation

Description

n interdum at libero at pharetra. Integer luctus nisi ac dolor mollis, nec consectetur leo malesuada. Quisque egestas et magna et vulputate. Integer id sapien euismod, finibus turpis sed, sagittis lacus.

Description

Sed pulvinar lacinia scelerisque. Fusce malesuada felis ut nisi consectetur, dignissim bibendum est feugiat. Sed at nunc fermentum, iaculis dolor vel, dignissim nisi.


Site by webdesign > creation web > developpement > SEOKyxar