Site web

Le site web se doit de contenir un historique des événements ayant eu lieu tout au long de l'année académique dont vous êtes responsable. C'est pourquoi la section "News" doit être mise à jour constamment et dans le respect du plan académique de la communication.

Assurez

News

vous

Les denews bienapparaissent avoirsur lesla accèspage auprincipale du site et ici : githubhttps://clic.epfl.ch/news avec votre responsable IT.

Nous allons vous expliquer étape par étape comment procéder pour créer une news sur le site web CLIC:CLIC.

1. Allez sur https://clic.epfl.ch/directus/admin/content/news.

Créez une nouvelle news (bouton + en haut à droite) Renseignez tous les champs obligatoires, et pensez aux traductions EN/FR ! Une fois que ça vous semble bon, sauvegardez la news. Elle n'apparaitra pas tant que le status n'est pas "published" Si tout vous semble correcte, alors il suffit de modifer le champ status en Published et la news est disponible sur le site hehe

OuvrezIl est possible de preview la news en cliquant sur le bouton "Enable Preview" en forme d'œil une fois la news sauvegardée, même si elle n'est pas encore publiée.

Pensez bien à choisir une image dans le dossier avecdirectus un"public" éditeur de texte (Atom, VScode) et vous rendre dans src/components/news/content

Créez un nouveau dossier localement avec le numéro de la nouvelle news NUM_NEWS (veillez à respecter l'ordre de numérotation)en copiantou l'un des dossiers précédents.

Modifiez les attributs du document meta.json

title: le nom de l'événementses date:sous-dossiers. Télécharger une image la date de quand la news a été postérajoute (pasà dechaque 0 inutiles dans les mois, i.e. Février == 2) author: nom de l'auteur de la news image: path vers l'image qui apparaitra sur la news et qui a été ajoutée préalablement dans news/NUM_NEWS shortText: court texte qui apparaitra sous l'image de la news

Modifiez le texte contenufois) dans le documentdossier body.md:public/news.

Pour

Tenezmodifier compteune deimage, l'écriturele dubouton markdown"replace Textefile" quiremplace apparaitrale lorsqu'unfichier visiteursource, clique sur la news

Ajoutezsi l'image banner.pngest quiutilisée illustreraailleurs, votreelle événement.sera Dimensionremplacée 1200x630partout pixels.! Si ce n'est pas souhaité, désélectionné l'image et choisissez-en une autre

Galeries

La page https://clic.epfl.ch/galleries est une sorte de hub vers les différents folders de galeries des événements CLIC.

Pour rajouter une galerie :

Allez sur https://clic.epfl.ch/directus/admin/content/galleries Créez

gitune add,nouvelle commitentrée (bouton + en haut à droite)

Renseignez tous les champs obligatoires Sauvegardez… et pushc'est tout

Rendez-vous sur le github du site et demandez une pull request pour faire valider votre news par le responsable IT

!

PS:Pensez Pourà testervérifier que le visuellien duest sitebien enaccessible localau avant de push, lancez les commandes npx gulp, puis npm start,public, et ouvrezqu'il localhost:8000ne danss'agit pas d'un naviguateurlien d'édition.