Blog de Seng
Seng blog
Utile sur Plone
1 - Changer le pied de la page : Configuration -> Thème -> Modifier le thème SunRain -> modifier rules.xml -> Redémarer Plone dans Maintenance (il faut loger en user=admin (mdp=***) : #portal-footer et #portal-colophon
2 - Changer le banner du thème rain_sprite :
a - Préparer l'image au format 1000x400
b - Configuration -> Thème -> Modifier le thème SunRain -> Upload le fichier "rain_sprite_1000x400_jasmin.png" dans le répertoire theme_rain
c - Supprimer le fichier rain_sprite.png, renommer rain_sprite_1000x400_jasmin.png en rain_sprite.png car je ne sais pas où faut-il modifier ce nom par défaut "rain_sprite.png"
3 - Changer le logo du banner du thème rain_sprite :
a - Aller dans Site Setup -> Zope Management Interface -> portal_skins -> plone_images -> logo.png
ou
http://ugvr.org/ugvr/portal_skins/custom/logo.png/manage_main
b - Customize pour charger le logo
4 - Mettre un texte sur le banner du thème : Configuration -> Thème -> Paramètres avancés -> slogan = string:Phrase sans accent (trop resteint comme l'utilisation)
If you need your slogan to be displayed in non-ASCII characters, go to Site Setup -> Theming, open Advanced settings tab. In Parameter expressions change the following field
slogan = string:Type your slogan here
to
slogan = python:path('context/slogan|string:').decode('utf-8', 'ignore')
and in Site Setup -> Zope Management Interface settings -> Properties tab add a new property slogan, type string, value your slogan and save
5 - Mettre un article Actualités avec un ou des PDF :
a - Télécharger le(s) fichier(s) PDF dans Fichiers/Docs :
- Positionner sur Accueil / Contenus / Fichiers / Docs
- Ajout d'un élément / Fichier : Donner un Titre, Choisir un fichier en parcourir sur le PC
Exemple :
Fichier PDF = test Thu_moi_QK_2022.pdf
Titre = i
Link = test123-abc_xyz-essai (Blanc en - et Majuscule en Minuscule)
b - Actualités->Ajout d'un élément->Actualités
c - Corps du texte : éditer en HTML pour insérer cet iframe :
<p><iframe frameborder="0" height="600" src="../fichiers/docs/test123-abc_xyz-essai" width="100%"></iframe></p>
test123-abc_xyz-essai = c'est le Titre du fichier PDF (Blanc en - et Majuscule en Minuscule)
6 - Mettre un article Actualités avec une image
- Ajouter un élément-> Actualités
- Titre à mettre : Tin vui...
- Corps du texte avec Insérer l'image en téléverser le JPG du PC vers le répertoire ImageSite : insérer l'image, positionner sur Accueil/Contenus pour atteindre ImageSite ( , téléverser à gauche, parcourir sur le PC pour chercher l'image, mettre un titre, téléverser à droite, cliquer sur OK
Publier un album photos sur le site UGVR
A - Créer un album photos dans Google Photos et préparer un script par www.publicalbum.org
1 - Aller dans Google Photos (https://photos.google.com/) pour créer un Album de photos (Album Test Google Photos)
et copier le lien de cet album :
Get album public link for sharing (https://photos.app.goo.gl/9RL2ESYzsxTBW4jH6).
On va utiliser ce lien dans www.publicalbum.org pour générer un script de codes pour Plone
2 - Aller sur le site : https://www.publicalbum.org/blog/embedding-google-photos-albums
pour générer un script correspondant au lien de l'Album Test Google Photos (https://photos.app.goo.gl/9RL2ESYzsxTBW4jH6)
3 - Cliquer sur CREATE EMBED CODE, puis copier les codes générés pour mettre plus tard dans Plone
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
data-link="https://photos.app.goo.gl/9RL2ESYzsxTBW4jH6"
data-title="Album A"
data-description="6 new items added to shared album">
<object data="https://lh3.googleusercontent.com/c6PnYGhjib3U343YcQdNbNlPZdiluriBBOsErWO3JlZApQ_GG92S8qhDmYwuwCRPoPEzvMBZ0OwibU9z_xeNvWY-shA2j71KKA86M2lRWOwMvMIPA48AIpxKaBIvMOFewIShLqSF1w=w1920-h1080"></object>
<object data="https://lh3.googleusercontent.com/JkpNWJo02ldZ5c4_U-aO9cRyBHjL9Hr0ryS_Wt2pv9AuS194SU-Dp-boWigXN913W9H53L1HCWYL4TWu1-uqkOUEso8PYz2BpVbK_5foFiT1u77HSHlnrcFGlOKeDVFkON-E4d7jFA=w1920-h1080"></object>
...etc...
</div>
Ce script sera utilisé dans Plone
B - Ce qu'il y a à faire dans Plone
1 - Aller dans galerie (Galerie) de Plone :
Configuration du site -> Interface d'administration de Zope (ZMI) -> galerie (Galerie) ou http://ugvr.org/ugvr/manage_main
pour Créer un nouveau album "galerie Album A" à partir d'un modèle de la galerie, par exemple "Model album" de Phong en utilisant copier/coller/renommer.
Puis Edit le nouveau "galerie Album A" pour changer le contenu avec le script généré par www.publicalbum.org :
return \
"""
(copier le script généré par www.publicalbum.org ici)
<script src="https://cdn.jsdelivr.net/npm/publicalbum@latest/embed-ui.min.js" async></script>
<div class="pa-gallery-player-widget" style="width:100%; height:480px; display:none;"
... etc ...
</div>
"""
2 - Save Changes et lancer le test pour vérifier la galerie (onglet test)
3 - Créer un Dossier dans l'onglet Photos ou Video : Dossier Album A -> puis Enregistrer
6 - Aller à "Dossier Album A", créer le dossier "Album A"
7 - Dans le dossier "Album A", créer le document "Document Album A" et modifier le code HTML de ce Document
<p><iframe frameborder="0" height="500" name="CurentMonth" src="galerie/galerie Album A" width="700"></iframe></p>
8 - Dans le dossier "Album A", créer l'image "Image Album A" et parcourir sur le PC pour prendre une image pour l'icône
9 - Je suis dans "Album A" : Affichage -> Choisir un élément comme vue par défaut -> Choisir le "Document Album A", Enregistrer
10 - Je suis dans "Dossier Album A" : Affichage -> Vue en vignette
11 - Accueil -> Photos -> Dossier Album A -> Album A qui contient "Document Album A" et "Image Album A"
Note :
- dans "Dossier Album A" on peut avoir "Album A", "Album B",...
- dans le dossier "Album A", on a 2 éléments :
a - Document qui visualise les photos de Google et
b - Image pour faire l'icône de l'Album A
- on modifie "Affichage" pour afficher correctement les éléments et
"Exclure de la navigation