Différences

Ci-dessous, les différences entre deux révisions de la page.

--- guides:maj_site_web [02/15/2021 20:23:33] – mise à jour 2021 thomas
+++ guides:maj_site_web [09/15/2025 07:55:59] (Version actuelle) – acnh38
@@ Ligne 1: / Ligne 1: @@
 ====== Site web Hadoly ======
-Mise à jour 2021: le site est sur tavernier, dans /var/www/git_html j'ai créé un dépôt local
+Le site web de Hadoly est accessible via https://www.hadoly.fr. C'est un site Wordpress 6.1.1 réalisé à partir du thème OceanWP (3.4.1)
+===== Extensions installées =====
+    • Active Directory Integration for Intranet Sites par miniOrange
+        ◦ non utilisé à date
+    • iframe par webvitaly
+        ◦ non utilisé à date
+    • Akismet Anti-spam: Spam Protection par Automattic - Anti-spam Team
+        ◦ Efficacité à vérifier
+        ◦ Utilise un compte gratuit avec l'API Key 96b9be8eeb7c
+    • Matomo Analytics - Statistiques éthiques. Observations puissantes. par Matomo
+        ◦ Très utile pour avoir la vision de la fréquentation du site. Totalement intégré au back office Wordpress.
+    • Ocean Extra par OceanWP
+        ◦ A priori, non utilisé à date. Conseillé par OceanWP
+    • Recent Posts Widget Extended par Ga Satrya
+        ◦ Affichage des derniers articles ans la frame droite de toutes les pages
+    • WPForms Lite par WPForms
+        ◦ Formulaire de contact (Page d’accueil et page Mentions légales)
+        ◦ Formulaire d’adhésion (Page Adhérer)
+Les fichiers se trouvent dans le dossier : home/alain/www/SiteHadoly.
+La BDD se nomme SiteHadoly.
-Le site web de Hadoly accessible via https://www.hadoly.fr consiste en une page web ainsi que les images, les styles CSS et le Javascript (//Foundation//, //Modernizr//, //JQuery//). Ce contenu est stocké sur le dépôt Git spécifique de [[documentation_technique:machines:tavernier]], nommé ''%%hadoly_web%%''.
+===== Spécificités techniques =====
+Les codes ci-dessous ont été nécessaires. Ils sont accessibles via Apparence>Personnaliser>JS/CSS personnalisé.
+/ Taille des images dans la page entrées du blog (Apparence>Personnaliser>Blog>Entrées du blog) :
+.blog-entry.post .thumbnail a {
+     display: inline-block;
+     position: relative;
+     width: 40%;
+}
+/ Suppression de l’affichage de la catégorie dans la page entrées du blog (Apparence>Personnaliser>Blog>Entrées du blog) :
+.archive.category .blog-entry-content .blog-entry-category
+{
+	display : none;
+}
-Son contenu et sa mise à jour sont gérés par [[guides::guide_git|Git]].
+===== Fonctionnel =====
+==== Titre des pages ====
+Le titre de chaque page est construit sur la base d’un « slogan ». Correspondance entre le menu et la page :
+    • Hadoly (Page d’accueil) : Hadoly (Hébergeur Associatif Décentralisé Ouvert Lyonnais) vous accompagne vers un monde numérique plus éthique…
+    • Equipe : Uniquement des bénévoles convaincus et investis…
+    • Adhérents : Un réseau de collectifs et d’associations de l’économie sociale et solidaire qui nous font confiance…
+    • Infrastructure : Des services qui reposent sur une infrastructure professionnelle et pérenne
+    • Services : Les services issus de logiciels open source
+    • Vie de l’association : La transparence constitue une de nos valeurs essentielle
+    • News : Des sujets que nous souhaitons partager
+    • Adhérer : Les adhésions permettent principalement de financer les serveurs
+==== Gestion des articles ====
+Les articles alimentent 3 pages : Equipe, Adhérents et News. Pour qu’un article s’affiche sur la bonne page, il faut renseigner sa catégorie correctement :
+    • Uniquement des bénévoles convaincus et investis… → Equipe
+    • Un réseau de collectifs et d’associations de l’économie sociale et solidaire qui nous font confiance… → Adhérents
+    • Des sujets que nous souhaitons partager →News
+==== Gestion des images des articles ====
+Sur la page Entrées du blog, l’image qui s’affiche est celle qui est « mise en avant ».
+Sur la page « Article unique », il n’y a pas d’image par défaut. Il est donc possible de remettre la même image que celle « mise en avant » ou d’en mettre une autre. Il est aussi possible de la disposer à n’importe quel endroit.
-Un //hook// Git copie le contenu poussé sur le dépôt (via ''%%git push...%%'') directement dans le dossier servi par nginx.
+===== Maintenance =====
+Une maintenance est réalisée régulièrement sur le site Hadoly et le site alainsaintemarie
+  * Mise à jour du thème et des extensions
+  * Mise en indésirables des commentaires spam
-Le contenu du site est donc une copie du dossier ''%%www/%%'' du dépôt Git.
+===== Création d'un nouveau site web =====
+  * Demander à l'adhérent de créer 2 enregistrements DNS de type A et AAAA (copie d'écran d'exemple pour Gandi)
+  * {{:guides:dns-a.png?400|}}
+  * {{:guides:dns-aaaa.png?400|}}
+  * ATTENTION : Il faut bien saisir le @ dans la zone nom et remplacer nomdomaine par votre propre nom de domaine
+  * [[documentation_technique:hebergementweb|Créer un nouvel hébergement web]].
+  * Reprendre tous les paramètres à l'identique de celui du site Hadoly via le menu réglages du back office Wordpress.
+  * Installer le thème OceanWP et supprimer les thèmes qui ne servent à rien. Attention, il faut en garder au moins 2.
+  * Installer les extensions.
+  * Communiquer le compte admin du site au demandeur
-===== Modification du contenu HTML =====
+===== Reste à faire =====
+  * Mise en place de la sauvegarde et test de la restauration
-La page //index.html// du site web Hadoly contenue dans le dossier Git ''%%www/%%'' est générée à partir des fichiers ''%%content/index_desc.md%%'' et ''%%content/index_panels.md%%'' ainsi que des fichiers //templates// ''%%content/template/base.html%%'', ''%%content/template/header.html%%'' et ''%%content/template/index.html%%''.
-Par conséquent afin de modifier le contenu de la page web, il faut éditer les fichiers ''%%content/index_desc.md%%'' et ''%%content/index_panels.md%%'' puis regénérer la page ''%%www/index.html%%'' (et moins probablement les fichiers //templates//, voire même dans ''%%www/%%'' hormis ''%%www/index.html%%'').
-La regénération du contenu de ''%%www/%%'' peut se faire automatiquement avec la commande ''%%make clean all%%'' à la racine du dépôt. Il lancera le //content/Makefile// qui à son tour exécutera le script `content/generate_page.py*.
-Il faudra bien penser à commiter les fichiers modifiés dans //www/// et //content/// avant de pousser vers le dépôt. Une fois poussé, le site web sera mis à jour.
-===== Étapes complètes pour modifier le site web =====
-Les étapes de mise à jour du site oueb sont les suivantes :
-  * récupérer le dépôt
-Nous considérerons que vous avez votre clé ssh sur le serveur wiki et que votre fichier de configuration ssh contient le host ''%%tavernier%%''.
-<code bash>
-$ git clone tavernier:hadoly_web
-$ cd hadoly_web
-</code>
-ou si déjà présent le mettre à jour :
-<code bash>
-$ cd hadoly_web
-$ git pull origin master
-</code>
-  * modifier le contenu
-Modifiez les fichiers ''%%content/index_desc.md%%'' et ''%%content/index_panels.md%%'' (éventuellement les fichiers de ''%%content/template/%%'', voire ceux du dossier ''%%www/%%'' hormis ''%%www/index.html%%'').
-<code bash>
-$ vim content/index_desc.md content/index_panels.md
-</code>
-  * générer la page web et remplacer l'ancienne
-La commande ''%%make%%'' va générer la nouvelle version de ''%%index.html%%'' et écraser l'ancienne version se trouvant dans le dossier ''%%www/%%''.
-<code bash>
-$ make
-make -C content
-make[1] : on entre dans le répertoire « /home/user/hadoly_web/content »
-mkdir -p build
-./generate_page.py index.html > build/index.html
-make[1] : on quitte le répertoire « /home/user/hadoly_web/content »
-cp -f content/build/index.html www/
-</code>
-  * commiter les changements
-<code bash>
-$ git add www/index.html content/index_desc.md content/index_panels.md
-$ git commit -m "message décrivant la mise à jour"
-</code>
-  * mise à jour du site web
-Le site web sera mis à jour automatiquement sur le serveur avec le contenu du dossier ''%%www/%%'' (et donc entre-autres le fichier ''%%index.html%%'') après la synchronisation du dépôt distant.
-<code bash>
-$ git push origin master
-</code>
-Voilà le contenu du site oueb à jour !