Rédacteur d'articles

Se connecter au site

Accès à l'interface de rédaction d'articles  sur  https://www.ffessmpm.fr/  

Sur toutes les pages du site, complètement en bas de la page à droite, cliquer sur le  lien "administration"

Site-form1.jpg

Vous devez accéder à la page d'identification ci-dessous 

acces2.jpg

site1.jpg

Saisissez vos codes :

identifiant = Numéro licence avec les tirets  

Mot de passe  = a la première connexion utilisez la fonction  "Mot de passe oublié"  

suivez les indications données à l'écran.

Une fois connecté  au site vous arrivez sur l'écran suivant :

Acces5.jpeg

 

 

 

 

 

 

Eléments et catégories du site

https://www.ffessmpm.fr/  est un site  Collaboratif de type CMS qui permet aux nombreux rédacteurs  responsables  de rubriques de publier en toute  autonomie des articles de type journalistique.

Chaque article engage son auteur qui apparait  en bas d'article et qui peut etre contacté par un formulaire de contact

Site-form10.jpg

 

Les images sont indispensables pour capter l'attention de l'internaute.

Découvrir une activité occupe la partie  supérieure de l'écran et permet au nouvel internaute de balayer par l'image et le texte l'ensemble de nos activités.

A tout article doit etre associée son  image d'illustration qui apparaitra :

Site-form7.jpg

A éviter : 

Un article sans image associée perturbe la mise en page du site qui est automatisée. Pas d'image associée implique pas d'apparition de l'article en page d'accueil ( mode Special sur OFF)

 

Site-form8.jpg

Exemple :    Sports-Plongée-Devenez moniteur   Site-form9.jpg

 

Devenez moniteur est  1 catégorie contenant les articles.

 

Bon à  savoir : 

Seules les catégories de 3eme niveau d'arborescence regroupent les éléments.  Les catégories Sports, plongée, Départements, Haute-Garonne  sont des catégories de classement pour orienter l'internaute.

 

A éviter : 

Le nombre de catégories de 3eme niveau  doit etre limité pour éviter l'effet  " boîte vide" ou contenant un nombre réduit d'articles.  

 

L'internaute doit trouver des informations à jour. 

Les annonces de type évènement à venir ne doivent plus apparaitre sur le site une fois l'évènement terminé. 

Bon à  savoir : 

Les articles de type annonce d'évènement doivent inclure une date de fin de publication ; l'article deviendra invisible.

Les articles de type bilan, compte-rendu... ne contiennent pas de date de fin de publication et seront automatiquement archivés par année.

 

 

 

 

 

 

 

 

 

Rédiger un nouvel article

Utiliser le  lien  du menu à droite

Acces6.jpeg

Accès aux "coulisses" du site 

Site-form3.jpg

 

1- Donner un titre à votre article 

Choisissez un Titre évocateur, court et en  lettres minuscules. 

2- Choisir la catégorie 

Rappel  : Vous devez placer vos articles dans une  catégorie de 3eme niveau d'arborescence sur laquelle vous êtes autorisé à publier. Exemple =  Département-Hérault-Actualités

Les catégories de niveaux 1 et 2 ne sont pas destinées à revoir des articles mais à orienter l'internaute dans sa  navigation.  

3- Placer votre article en mode publié ( visible) ou non-publié ( invisible ou mode brouillon)

Fonction très utile qui vous permet de préparer à l'avance vos articles sans qu'ils soient publiés. 

4- Element Spécial

Permet de choisir si l'article doit apparaitre sur la page d'accueil du du site.

Seuls les articles publiée avec une image principale ET présentant un interêt général doivent être affichés sur la page d'accueil.

5- Enregistrez votre article tout de suite  ( mode non-publié)

Permet d'éviter de perdre votre travail en cas de mauvaise manipulation

Site-form4.jpg

6- Utilisation des dates de publication

A partir de la page Editer l'élément , changer d'onglet en cliquant sur Publising & metadata

Par défaut

Il est possible de changer ces 3 dates selon l'utilisation de l'article.

Exemple d'utilisation : Un "vieil" article  dé-publié peut être repris par son auteur, ré actualisé et remis en mode publication ( économie de travail )

 

Site-form12.jpg

Bon à  savoir : 

Un article de type Annonce d'évènement peut être avantageusement "recyclé" en article de type Bilan ou compte-rendu, en modifiant son contenu et en éffaçant la Date de fin de publication. Il restera consultable à sa place et sera archivé par annnée. 

7- Rédiger votre article .

Utilisation classique de l'éditeur de texte .

Site-form13.jpg

 

8- Insérer une image principale ( obligatoire) 

La présentation générale des articles impose d'associer une image à tout article publié.
L'image principale n'est pas intégrée au sein du texte de l'article mais s'affiche au dessus ; elle apparait  également  en vignette dans la page de la rubrique et dans le cadre A la Une si l'article est sélectionné par l'équipe rédactionnelle du site. 

L'image associée à l'article elle  doit respecter  le dimensionnèrent de 736 x 3437 pixels ( LxH)  etre être préalablement préparée  pour que l'ensemble ait de l'allure.

Utiliser l'onglet Image pour : Choisir un fichier, légender et renseigner le crédit d'image 

 

Site-form14.jpg

Choisir l'image préalablement préparée en cliquant sur " choisir un fichier"

Uns fois l'image choisie sur votre ordinateur, Enregistrer . Attendre que le message "Element sauvegardé" apparaisse . 

Site-form15.jpg

 

Bon à savoir : Téléchargez une nouvelle image pour la remplacer

Fermer la fenêtre

 

Votre article est en ligne !

8FFESSM PM   Publications.png

9- Insérer une Galerie d'images

Le principe est d'envoyer un fichier .zip qui contient toutes les images que vous souhaitez mettre dans votre galerie
Vous devez avoir d'abord préparé vos images au bon format puis regroupé celles-ci dans un fichier.zip

Une fois  le fichier .Zip chargé,  le site le reconnait comme une galerie d'images et le présente comme tel en bas de l'article.


Bon à savoir : Il faut toujours intégrer une image principale , même si vous utilisez une galerie d'image

 

 

 

 

Editer un article existant

Vous pouvez éditer n'importe quel article à partir du moment ou vous en êtes l'auteur.

Il suffit de clique sur "éditer l'élément"

accès7.jpg

Préparer ses images

Avant la rédaction, préparez vos images à intégrer dans l'article

Préparer ses images

Retailler une image trop grande

grande image horizontale ou verticale ( supérieur à 800 px de large et/ou 500 px de haut).

 

Retailler une image trop grande (trop large/trop haute ) en gardant la proportion .

Aller sur pixlr.com

Photo Editing and Effects   Autodesk Pixlr.png

Sélectionner le bloc "Ouvrir une image à partir de l'ordinateur "

Choisir l'image à redimensionner sur son disque dur .

Online Photo Editor   Pixlr Editor   Autodesk Pixlr2.png

 

Effectuer les 4 étapes suivantes:

  1. Choisir outil recadrage en haut à gauche .
  2. Dans la boite à onglet conserver choisir Aspect ratio
  3. Entrer 736 dans le champ largeur et 437 dans le champ hauteur
  4. Cliquer sur l'image à l'endroit ou l'on veut commencer le recadrage (en haut à gauche ) et glisser la souris jusqu'en bas à droite , cliquer pour finir .

Un cadre blanc apparait sur l'image et symbolise le recadrage avec respect de la proportion .
On peut déplacer ce cadre blanc en cliquant et déplaçant au milieu ou l'agrandir/réduire grâce au poignet dans les angles .

Astuces : plus l'image de départ est petite et plus il faut que le cadre représente une grande partie d'image .

3Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

Choisir fichier puis Enregistrer

4Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

Laisser par défaut le stockage sur mon ordinateur

Nommer le fichier avec un nom sans espace ni accent .

Format jpeg , qualité 80 .

puis ok .

A vous de choisir l'emplacement désiré sur votre ordinateur .

5Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

Préparer ses images

Utiliser une imagette trop petite

Imagette trop petite ( inférieur à 800 px et/ou 500px de large ) ou une image au format vertical

Astuces : On peut se servir de cette technique pour intégrer une image verticale que l'on n'a pas envie de recadrer .

Aller sur pixlr.com

Photo Editing and Effects   Autodesk Pixlr.png

Sélectionner le bloc "Ouvrir une image à partir de l'ordinateur "

Choisir l'image à redimensionner sur son disque dur .

Online Photo Editor   Pixlr Editor   Autodesk Pixlr2.png

 

Dans l'exemple, il s'agit d'une image de ballon publicitaire de taille 350 x 450 px .

c22Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

 

Aller dans le menu Image puis " Taille zone de travail".

c23Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

Paramétrer la boite qui s'ouvre de la façon suivante :

1 - Sélectionner le carré bleu au centre ( votre imagette sera centrée )

2 - Entrer 736 pour la largeur et 437 pour la hauteur .

Valider par Ok

c24Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

Le logiciel va créer un espace blanc autour de votre image .

c25Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

 

Enregistrer l'image dans le menu Fichier puis enregistrer

c26Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

Laisser par défaut le stockage sur mon ordinateur

Nommer le fichier avec un nom sans espace ni accent .

Format jpeg , qualité 80 .

puis ok .

A vous de choisir l'emplacement désiré sur votre ordinateur .

c27Online Photo Editor   Pixlr Editor   Autodesk Pixlr.png

 

 

Tutoriels vidéos

Préparer l'image principale avant de l'insérer dans un article

RE TAILLER UNE PHOTO AU BON FORMAT. Photo en mode paysage ( horizontal)

 

RE TAILLER UNE PHOTO AU BON FORMAT.   Photo en mode portrait ( vertical) 

 

1 - Ajouter l'image principale + ajouter une étiquette  (tag ) à votre article

L'image principale ( s'affichant au dessus de l'article et aussi en imagette, doit être préalablement préparée dans la bonne taille (voir section du menu ) pour que l'ensemble ait de l'allure.

Astuce : Il faut toujours intégrer une image principale, même si vous utilisez une galerie d'image

L'étiquette permet d'identifier les articles parlant du même thème entre eux . Les articles relatif apparaissent alors à droite

de votre image. 

2- Ajouter et supprimer une galerie d'images

Le principe est d'envoyer un fichier .zip qui contient toutes les images que vous souhaitez mettre dans votre galerie

Vous devez avoir d'abord préparé vos images au bon format puis regroupé celles-ci dans un fichier.zip

Astuce : Il faut toujours intégrer une image principale , même si vous utilisez une galerie d'image

 

3- Ajouter et supprimer une vidéo

Les vidéos doivent être hébergés sur des sites communautaire (youtube, vimeo, dailymotion ...)

Ensuite il suffit de copier le lien dans le navigateur et de le coller dans l'onglet vidéo .

Il ne faut pas oublier de rentrer l'information dans le champ "crédits"

Astuce : Il faut toujours intégrer une image principale, même si vous utilisez une vidéo

La vidéo sera affiché à l'intérieur de l'élément.

 

4- Intégrer une image à l'intérieur de votre élément (article )