Bienvenue sur le wiki de Nuit debout, nous sommes le 1055 mars.




Outils/Numerique/Nuitdebout.fr(site officiel)/Documentation Technique

De NuitDebout
Aller à : navigation, rechercher

Le site web nuitdebout.fr est propulsé par Wordpress.

Il est configuré en mode multi-sites afin de fournir de l'infrastructure à ceux qui en ont besoin.

Introduction[modifier | modifier le wikicode]

Le code source du site est hébergé sur Github.

Deux machines virtuelles (Vagrant et Docker) sont fournies avec le projet afin de permettre aux développeurs de travailler sur leur propre machine.

Le thème du site utilise le framework de thème Roots/Sage.


Le site est en cours de construction. Pour le moment, seulement une V0 de la page d'accueil est en ligne. D'autres pages doivent voir le jour (regroupées en 3 rubriques Découvrir / Participer / S'informer)

Page d'accueil[modifier | modifier le wikicode]

Le thème étant partagé entre le site principal et les multi-sites, l'affichage est quelque peu différent selon le contexte (site principal ou multi-site).

Sur le site principal, la page d'accueil est configurée pour afficher une page statique, mais l'affichage est de toutes façons "hardcodé"

Sur un multi-site, le choix est laissé libre à l'administrateur d'afficher une page statique ou les derniers articles ajoutés.

Affichage des actions en page d'accueil[modifier | modifier le wikicode]

La page d'accueil permet d'afficher et de mettre en avant des actions de l'agenda.

Techniquement, les actions tagguées featured events par un modérateur sur Open Agenda s'affichent dans ce bandeau.

Nuitdebout.fr accueil bandeau actions.png

Affichage des articles en page d'accueil[modifier | modifier le wikicode]

La page d'accueil permet d'afficher et de mettre en avant des articles.

Pour plus de détails, voir l'implémentation dans le fichier theme/templates/module-news.php

Nuitdebout.fr accueil a la une.png

Affichage des articles "À la une" et "Important"[modifier | modifier le wikicode]

Les deux premiers articles mis en avant sont gérés via des categories :

  • le dernier article placé dans la catégorie "À la une" apparaîtra en première position
  • le dernier article placé dans la catégorie "Important" apparaîtra en seconde position

Pour un affichage optimal, ils doivent forcément avoir une image à la une.

Afin qu'ils n'apparaissent pas en double sur la page d'accueil, n'ajoutez pas les catégories suivantes : Actions, Nuit debout en France, Analyses.

Affichage des articles mis en avant sur la page d'accueil[modifier | modifier le wikicode]

Tous les autres articles avec l'option "Mettre cet article en avant sur la page d’accueil" activée seront affichés à la suite, par ordre décroissant de publication. (https://codex.wordpress.org/Sticky_Posts)

Les illustrations doivent être au format 4x3.

Afin qu'ils n'apparaissent pas en double sur la page d'accueil, n'ajoutez pas les catégories suivantes : Actions, Nuit debout en France, Analyses.

Nuitdebout.fr mettre a la une.png

Affichage des articles dans 3 catégories[modifier | modifier le wikicode]

Les articles des catégories suivantes (Actions, Nuit debout en France, Analyses) sont mis en avant en étant listés automatiquement en page d'accueil.

Nuitdebout.fr 3 catégories.jpg

Curation de contenus via PressForward[modifier | modifier le wikicode]

Le plugin Wordpress PressForward est installé afin de simplifier la sélection des articles à relayer via les multiples sources d'information en ligne (presse traditionnelle, presse alternative, agenda miliatant, etc...)

Ce plugin permet simplement d'agréger les dernières parutions via les flux RSS, et de les sélectionner de manières collaborative : chaque administrateur/contributeur du site ayant accès au plugin PressForward peut "voter" pour qu'un lien soit nominé pour être relayé.

Ajouter un flux RSS comme source de contenu[modifier | modifier le wikicode]

Documentation sur le Wiki de PressForward

Dans la section PressForward > Subscribed feeds sont listés tous les flux RSS actuellement utilisés, c'est ici que vous pouvez ajouter, supprimer ou modifier un flux RSS.

Lorsque vous ajoutez un flux, n'oubliez pas de l'éditer afin de le ranger dans une catégorie.

Nominer un article à relayer[modifier | modifier le wikicode]

Documentation sur le Wiki de PressForward

Dans la section PressForward > All content apparaissent les derniers articles récupérés depuis les flux RSS.

Si vous jugez qu'un article est intéressant à relayer, il suffit d'appuyer sur le signe "Play", qui va se colorer en vert.

Ci-dessous l'article "Le capitalisme, marqueur géologique ?" du Monde Diplomatique est "nominé".

Nuitdebout.fr PressForward AllContent.png

Attention, à ce stade l'article n'a pas encore été relayé, il passe seulement dans la zone des articles "nominés" : il faut encore aspirer le contenu de l'article et le publier.

Publier un article nominé[modifier | modifier le wikicode]

Documentation sur le Wiki de PressForward

Dans la section PressForward > Nominated apparaissent tous les articles qui ont été nominés par les administrateurs. Le nombre de "votes" apparait à côté du signe "Play" et permet de voir les articles faisant le plus consensus.

Lorsqu'il est décidé qu'un article doit être relayé, il suffit d'appuyer sur le bouton "Avance rapide" : cela a pour effet d'aspirer le contenu de l'article depuis le site original et de créer un article en mode brouillon. L'article n'est pas publié immédiatement, ce qui permet de le mettre en forme (parfois l'aspiration de l'article n'est pas optimale), d'ajuster le titre, l'URL de l'article, d'ajouter une image à la une, etc...

Une fois que l'article est satisfaisant, il est prêt à être publié.


Contact[modifier | modifier le wikicode]

Venez discuter du contenu éditorial de la page d'accueil sur le tchat.




Gestion des villes[modifier | modifier le wikicode]

Un peu d'historique : la version précédente du site étant statique (pas de base de données), il fallait trouver un système pour alimenter le site.

Dans la première version, les pages pour chaque ville ont donc été générées à partir des données du Wiki : un robot aspirait les pages du Wiki de chaque ville et créait des pages HTML avec les informations.

Lors du passage au site dynamique, les pages ville ont été conservées.

Stockage des métadonnées pour chaque ville[modifier | modifier le wikicode]

Chaque ville est stockée dans une page Wordpress ayant un modèle de page dédié, page-ville.php.

Grâce au métadonnées de posts (augmentées via ACF), chaque page ville permet de spécifier les champs suivants :

  • Nom de la ville
  • Lieu et heure de rassemblement
  • Site web officiel
  • Page Facebook officielle
  • Compte Twitter officiel
  • Position géographique

Astuces[modifier | modifier le wikicode]

Centrer un tweet[modifier | modifier le wikicode]

<blockquote class="twitter-tweet tw-align-center">

Centrer une vidéo Youtube[modifier | modifier le wikicode]

<div style="text-align:center">
...
</div>