A quoi servent les types de contenu sur le site

p. 2

Table des matières 1) A quoi servent les types de contenu sur le site : ............................................................................. 3

2) Publier un Article sur le site : ........................................................................................................... 4

3) Ajouter un CV sur le site : ................................................................................................................ 8

4) Ajouter ou modifier le PowerPoint. .............................................................................................. 10

5) Ajouter ou créer un projet sur le site : .......................................................................................... 12

6) Modification de la page Contact. .................................................................................................. 15

7) Modification de la liste des clients ou du plan d’accès : .............................................................. 17

p. 3

1) A quoi servent les types de contenu sur le site :

Nom Description Où est-il affiché Type unique

Article C’est dans ce type de contenu que sont placés les news qui sont créé sur le site.

En frontpage1, dans la colonne de droite. Lors de l’affichage d’une news.

Non

Banner Non utilisé.

Basic page Non utilisé.

Contact_hard C’est la partie supérieure de la page contact.

Page de contact avec le formulaire.

Oui

CV On y placera les informations, ainsi que la photo d’un membre de l’équipe. Le dernier ajouté sera placé en dernier de la liste.

Affiché dans la page « Team ».

Non

CV_reseau_experts Même type de contenu que CV. Sauf qu’on y place le réseau d’experts indépendant

Affiché dans la page « Team ». Non

Feature slide C’est dans ce type de contenu qu’on placera une image qui servira au défilement d’image en première page.

Affiché en frontpage.

Non

Liste de clients Un simple type de contenu dans lequel on placera la liste des clients.

Affiché sur le haut de la page projet. Oui

Map Type de contenu dans lequel on place les informations par rapport au plan d’accès.

Page « Plan d’accès ». Oui

Projet C’est dans ce type de contenu qu’on ira décrire un projet réalisé.

Page « Projects » ainsi que lors de la visualisation d’un projet.

Non

Service design Non utilisé.

Webform Permet de créer un formulaire. Affiché dans la page « Contact ».

Oui

Si le type est unique, il est déconseillé de publier un 2ème élément de ce type-là.

Modifiez celui qui existe déjà.

1 La frontpage est la page d’accueil du site.

p. 4

2) Publier un Article sur le site :

Note : Les articles sont affichés en frontpage dans la colonne de droite, ainsi que lors de

la visualisation complète de celui-ci.

Une fois connecté sur le site web, cliquez en haut à gauche sur « Contenu » puis

« Ajouter du contenu ».

Une fenêtre s’ouvre alors en affichant différents types de contenu.

Dans le cadre de la publication d’un article, on sélectionnera « Article ».

Vous avez une nouvelle page qui s’ouvre. Il faut y placer le titre de l’article qui sera

affiché pour tout le monde ainsi qu’une petite introduction et le corps complet de

l’article (tout le contenu de l’introduction sera affiché sous la news). De plus, il sera

affiché dans la vue complète de l’article.

p. 5

Vous pouvez ajouter des images ou vidéos à vos articles grâce au petit bouton, « Add

Media » , situé dans la barre supérieure de la zone de texte. Une fenêtre s’ouvre

alors en avant et vous propose 3 choix :

1. Transfert de fichier : Vous parcourez les fichiers de votre ordinateur et

sélectionnez l’image que vous voulez insérer.

2. Web : Vous copiez/collez l’adresse de l’image ou de la vidéo dans cette barre

3. Library : Vous sélectionnez une image ou une vidéo que vous aurez déjà

référencée au préalable sur le site.

Cliquez ensuite sur « Submit » et une nouvelle fenêtre apparait. Choisissez « Original »

comme taille de fichier et vous la verrez alors apparaitre dans le champ de texte.

Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pas faire plus de

200 pixels de large.

Réduisez sa taille dans les propriétés, clic droit sur le média, de l’image avec le champ

« Width » et « Height ».

Si vous faites un clic gauche avec la souris sur votre image ou vidéo, vous pourrez la

redimensionner à la taille voulue.

p. 6

Avec un clic droit, vous pouvez obtenir les propriétés de votre image et par exemple y

définir le texte alternatif qui remplacera l’image dans le cas où celle-ci ne peut être

affichée ou bien comme aide pour les personnes mal voyante.

Vous pouvez aussi définir l’alignement de l’image (gauche, droite, aucun). Si vous alignez

votre média, allez dans l’onglet « Advanced » des propriétés et dans la barre « Style »

rajoutez si vous faites :

Un alignement à gauche : margin-right: 0.5em; de manière à avoir : float: left; margin-

right: 0.5em;

Un alignement à droite : margin-left: 0.5em; de manière à avoir : flaot: right; margin-

left : 0.5em;

Cette opération a pour but de décoller le texte du média d’1/2 taille de caractère.

p. 7

En bas de page se situe quelques options, mais seulement « Option de publication »

nous intéresse.

Si votre publication n’est pas encore prête à être affichée au grand public, vous pouvez

décocher la case « Publié » afin de ne pas encore la publier.

Une fois terminé, vous pouvez cliquer sur « Aperçu » pour visualiser une première mise

en page de l’article ou bien sur « Enregistrer » pour le publier.

Si vous aviez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre

publication sera prête.

p. 8

3) Ajouter un CV sur le site :

Note : les CV sont affichés dans la page Team. La principale différence entre les 2 types

de contenus cités ci-dessous influencera sur son placement dans la page. Un nouvel

« Associé expert » sera affiché en bas de la liste des « Associés experts » tandis qu’un

contenu de type « CV_reseau_expert » sera placé en bas de la liste « Réseau d’experts

indépendant ».




Dans le cadre de la publication d’un CV, on sélectionnera « CV » ou

« CV_reseau_experts ».

Description des champs à remplir :

Titre : Nom de la personne.

Photo : Photo de la personne au format png, gif, jpg, jpeg.

Description : une petite description de 2-3 lignes sur la personne. Celle-ci est

affiché juste à côté de la photo dans la liste de l’équipe de la page « Team ».

Body : Partie principale. Placez ici le reste de la description sur la personne.

En bas de page se situe quelques options, mais seulement « Options de publications »

nous intéresse.

p. 9




en page du CV ou bien sur « Enregistrer » pour le publier.

Si vous aviez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre


p. 10

4) Ajouter ou modifier le PowerPoint.

Le PowerPoint est toujours affiché sur la frontpage. En fait, on n’affichera pas un fichier

au avec une extension .ppt mais plutôt une succession d’image qui vont défiler tour à

tour. Pour cela, il faudra d’abord sauvegarder le PowerPoint au format image via le

programme Powerpoint ou autre.

Actuellement, il y a 15 slides sur le site, mais seulement 11 sont activées tandis que les 4

autres sont désactivées. Elles sont numérotées de 1 à 15 ou la première est la « slide 1 »

et la dernière est la « slide 15 ». Elles sont affichées de par ordre croissant.

Si vous remplacez la présentation actuelle, cliquez sur « Contenu » puis sur « Find

content »

On obtient alors une page qui nous affiche tous le contenu déjà en place sur le site.

Afin d’y voir plus clair, on va effectuer un filtrage sur le contenu. Pour cela il y existe 2

menus déroulant sous « Montrer seulement les éléments pour lesquels », mais on va

uniquement utiliser « type » où on sélectionnera le type « feature slide » pour ensuite

cliquer sur « Filtre ». On obtient donc la liste de tous les slides déjà créés, publiés ou

non.

p. 11

Si on remplace toute la présentation déjà en place, on va remplacer chaque slide 1 à 1.

Pour cela, cliquez à droite sur l’hyperlien « modifier ».

Une nouvelle page s’affiche avec le contenu actuel. Pour le changer, cliquez sur le

bouton « Supprimer » juste en dessous, ou à côté de la slide. Une fois supprimée, elle

disparait et vous avez à la place une barre d’adresse qui apparait avec à côté un bouton

« Parcourir ».

Dès lors, sélectionnez votre image et envoyez là sur le site grâce à « Transfert de

fichiers » et enregistrez votre modification en cliquant en bas de la page sur

« Enregistrer ».

S’il n’existe pas assez de slide pré-créé, cliquez en haut à gauche sur « Contenu » puis


Une fenêtre s’ouvre alors en affichant différents types de contenu et choisissez

« feature slide » et remplissez les différents nécessaires.

p. 12

5) Ajouter ou créer un projet sur le site :

Note : les projets sont affichés dans la page « Projects ». Le champ « Introduction » sera

affiché dans la colonne de droite de cette page comme introduction au projet. Il sera

réaffiché lors de la visualisation complète de la publication.




Dans le cadre de la publication d’un projet on sélectionnera « Projet »

Vous avez une nouvelle page qui s’ouvre. Il faut y placer le titre du projet qui sera

affiché pour tout le monde ainsi qu’une petite introduction et le corps complet de

l’article (tout le contenu de l’introduction sera affiché sous la news). De plus, il sera

affiché dans la vue complète du projet.

p. 13

Vous pouvez ajouter des images ou vidéos à vos projets grâce au petit bouton, l’icône

« Add Media » , situé dans la barre supérieure de la zone de texte. Une fenêtre

s’ouvre alors en avant et vous propose 3 choix :

1. Transfert de fichiers : Vous parcourez les fichiers de votre ordinateur et

sélectionnez l’image en question que vous voulez insérer.

2. Web : Vous copiez /collez l’adresse de l’image ou de la vidéo dans cette barre

3. Library : Vous sélectionnez une image ou une vidéo que vous aurez déjà

référencée au préalable sur le site.

Cliquez ensuite sur « Submit » et une nouvelle fenêtre apparait. Choisissez « Large »

ou « Original » comme taille de média et vous le verrez alors apparaitre dans le champ

de texte. Attention, Si vous placez une image dans l’introduction, celle-ci ne peut pas

faire plus de 200 pixels de large.

Réduisez sa taille dans les propriétés de l’image avec le champ « Width » et « Height ».

Si vous cliquez avec la souris sur votre image ou vidéo, vous pourrez la redimensionner

comme bon vous semble.

p. 14

Avec un clic droit, vous pouvez obtenir les propriétés de votre image et par exemple y

définir le texte alternatif qui remplacera l’image dans le cas où celle-ci ne peut être

affichée ou bien comme aide pour les personnes mal voyante.

Vous pouvez aussi définir l’alignement de l’image (à gauche, à droite ou aucun). Si vous

alignez votre média, allez dans l’onglet « Advanced » des propriétés et dans la barre

style rajoutez si :

Alignement à gauche : margin-right: 0.5em; de manière à avoir : float: left; margin-right:

0.5em;

Alignement à droite : margin-left: 0.5em; de manière à avoir : flaot: right; margin-left :

0.5em;

Cette opération a pour but de décoller le texte du média d’une demi taille de caractère.

En bas de page se situe quelques options, mais seulement « Options de publications »

nous intéresse.




en page du projet ou bien sur « Enregistrer » pour le publier.

Si vous avez décoché la case « Publié », n’oubliez pas de venir la cocher lorsque votre


p. 15

6) Modification de la page Contact.

La page « Contact » se découpe en 2 parties distinctes :

a. La partie orange qui est une zone de texte.

b. La partie rose qui est le formulaire.

Pour les modifier, cliquez sur « Contenu » puis sur « Find content »


Choisissez « Contact_hard » pour modifier la partie orange ou « Webform » pour

modifier le formulaire de la partie rose et terminez par cliquer sur « Filter ».

En choisissant « Contact_hard », on obtient alors « Contactez-nous », il faut aller cliquer

sur l’hyperlien « modifier » à droite et ensuite, on peut modifier le contenu de la partie

orange.

p. 16

Si on sélectionne « Webform », on obtient alors « Envoyez-nous votre demande » qui

est le formulaire de la partie rose. Pour le modifier, il faut d’abord cliquer sur

« modifier », puis ensuite sur « WEBFORM » en haut à droite de la nouvelle page.

L’administration nous propose alors 3 sous menus :

a) Form components : C’est ici qu’on définit les champs du formulaire

b) E-Mail : C’est ici qu’on définit les adresses mails où le formulaire est envoyé

c) Form-setting : C’est ici qu’on change les propriétés du fomulaire.

Pour ajouter un champ au formulaire, il faut premièrement lui donner un nom et

ensuite choisir son type et le sauvegarder en cliquant sur le bouton « Ajouter ». On a

ensuite la possibilité de configurer le champ.

Un champ dit « Mandatory » est un champ que l’utilisateur devra obligatoirement

remplir pour faire une soumission.

Voici une liste des principaux types de champs :

Nom du champ

Description

E-mail C’est un champ où on placera une adresse e-mail. Une fonction sera utilisée pour s’assurer que l’adresse entrée est bien sous la forme : [email protected].

Fieldset Créer un fieldset permet d’établir une « boite » dans laquelle on va venir placer des autres champs. On peut par exemple définir que cette boite est minimisable pour gagner de la place.

File Permet d’attacher un fichier au formulaire.

Textarea C’est une zone de texte dans laquelle on peut écrire une grande quantité de caractères (e. g Votre demande).

Textfield C’est une petite zone de texte souvent limité à quelques dizaines de caractères (e. g Nom, Prénom).

Si on clique en haut à droite sur « RÉSULTATS » on peut obtenir la liste de toutes les

soumissions ainsi que des statistiques et la possibilité télécharger toutes les données au

format texte ou Excel.

p. 17

7) Modification de la liste des clients ou du plan d’accès :

Pour modifier la liste des clients, il faut cliquer sur « Contenu » puis sur « Find content »


Dans la liste, sélectionnez « Liste de clients » ou « map » puis cliquez sur « Filtre » et

terminez l’hyperlien « modifier ».

Tout comme un Article, il faut modifier le champ body et sauvegarder les modifications

en bas de page.

A quoi servent les types de contenu sur le site

Travel

Transcript of A quoi servent les types de contenu sur le site