Passer au contenu principal

Mises à jour sur Liferay

Les mises à jour du site se font dans un backoffice, d'abord dans la version "modif" du site (attention, ici on est déjà en production, même si on va devoir valider chaque mise en ligne pour qu'elle apparaisse sur le site public) :

https://modif.persee.fr => connexion au serveur de modification :

image.png

Aller dans https://modif.persee.fr/web/femenrev-staging

Utiliser le menu supérieur pour accéder aux différentes zones de contenus de Liferay > Administration du portail :

image.png

image.png

> Pages : Créer ou supprimer une page du site, cad modifier l'arborescence du site
> Contenu : Créer les différents contenus d'une page

Gestion des Pages : 

image.png

> Ajouter une page : 

image.png

> Renseigner le titre : 

image.png

> commencer par choisir le visuel en 2 colonnes 30/70 pour réussir à introduire les boites, et modifier plus tard avec le persee-femenrev-layout.

image.png

à modifier par :

image.png

> Valider la création 

image.png

Cela permet l'ajout d'une page vide à l'arborescence générale. Par exemple une nouvelle page enfant de "Nanas Beurs" > "Interview de Souad Benani" :

image.png

> Contenus

Ensuite, créer les contenus de la page : 

Mises-en-ligne_Contenus copie.png

Pour chaque zone, on créé un contenu web ou contenu statique dans Contenu : 

image.png

image.png

  • Interview : contenu statique
  • Boite-lien vers Nana Beur (boite de navigation) : contenu web de base (aucun modèle attaché)
  • Fil d'ariane : contenu web de base (aucun modèle attaché)

Code pour les boites image (boite-lien) de navigation : 

<div id="project-content" width="320px;">
  <div class="project-rub" style="background-image: url('/documents/1657005/1785680/Couv+du+corpus+Nanas+Beurs/e53902ae-4db7-4d03-ac48-0a4748d96bb6?t=1688739452780'); background-size: 320px auto;">
  <h2 style="text-align: center;"><a href="/les-nanas-beurs">Découvrir Nanas Beurs</a></h2>
  </div>
</div>

Pour chaque image à intégrer au boite de contenu ou au texte, on devra importer une image dans Documents and Media : 

image.png

Pour ajouter les contenus dans la page "Interview avec Souad Benani" (ou les créer directement depuis cette page) :

> Aller dans la page créée dans Pages (arborescence du site) : 

https://modif.persee.fr/web/femenrev-staging/interview-de-souad-benani

NB : Penser à utiliser l'url du site de modif complète cad : https://modif.persee.fr/web/femenrev-staging/ + l'url de la page indiquée dans Page :

image.png

> Cliquer sur Modifier les zones de contrôle pour les visualiser : 

image.png

=====> Pour les visualiser ainsi (possibilité de modifier un contenu directement via ces petits menus contextuels) : 

image.png

> Cliquer sur Ajouter

image.png

> Cela ouvre cette boite de dialogue : 

image.png

> Sélectionner les éléments et ajouter dans les zones souhaitées sur le layout.

Une fois le contenu éditorialisé, le mettre en ligne :

> Cliquer sur Indiquer "Prêt pour la publication" +bouton en gris ci-dessous :

image.png

> Et quand "Prêt pour publication" s'affiche en vert, cliquer sur "Publier sur le site....site" attendre !:

image.pngimage.png

> Cliquer sur publier 

 

OK

image.png

 

> Attendre pendant que la mise en ligne est "Encours" : 

image.png

> Quand le processus de mise en ligne est terminé, le statut "Réussi" s'affiche en vert :

image.png