« Modifier le site web (contenu) » : différence entre les versions
(ajouté contenu du document fait pour l'aemsp et organisé des sections) |
Aucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
[[Category:Web]] | [[Category:Web]] | ||
Documentation concernant le | Documentation concernant le maintien et les mises à jour du site web [https://bqam-e.org bqam-e.org]. | ||
'''Cette page est encore en construction et elle est incomplète !''' | |||
Pour information concernant l'hébergement du site, consultez la page hébergement | Pour information concernant l'hébergement du site, consultez la page [[hébergement]]. | ||
== Se connecter sur le panneau administrateur de WordPress == | |||
== Se connecter | === Se connecter === | ||
| Ligne 23 : | Ligne 16 : | ||
Présentement le panneau est en anglais parce que selon moi c’est plus facile de chercher comment faire quelque chose sur un moteur de recherche en utilisant les mots clé en anglais, mais vous pouvez le mettre en français si vous voulez. | Présentement le panneau est en anglais parce que selon moi c’est plus facile de chercher comment faire quelque chose sur un moteur de recherche en utilisant les mots clé en anglais, mais vous pouvez le mettre en français si vous voulez. | ||
=== Utilisateurs-trices === | |||
Si vous voulez ajouter des utilisateur-ices pour que chaque collaborateur-ice aie son profil : | Si vous voulez ajouter des utilisateur-ices pour que chaque collaborateur-ice aie son profil : | ||
users > add new > *rentrez les information du/de la nouvel-le utilisateur-ice* | users > add new > *rentrez les information du/de la nouvel-le utilisateur-ice* | ||
== | == Articles == | ||
=== Publier un article === | |||
Posts > add new entrer le titre et l'information de votre choix, sélectionner la catégorie (e.g. événements, mobilisation, etc), ajouter les tags pertinents. Il faut aussi ajouter une "featured image" dans la même section (indépendamment de si vous avez placé une image dans le post ou non), pour que l'image s'affiche sur la page d'accueil. Si vous n'ajoutez pas d'image, l'image par défault va être le logo de l'AEMSP. Vous avez le choix d'utiliser Elementor ou l'éditeur WordPress de base pour placer les différents éléments du post. | |||
La page "nouvelles" n'est pas la page WordPress par défault parce que la page par défault n'est pas belle. C'est donc une page statique qui contient un widget qui montre les posts récents. | |||
Les nouvelles nouvelles apparaissent automatiquement une fois que le post est publié. | |||
Les liens de catégories à droite mènent à une liste de tous les posts dans cette catégorie. | |||
Quand vous créez une nouvelle catégorie, il faut aller éditer la page "nouvelles", ajouter le nom de la catégorie dans la liste, et en faire un lien vers la page qui réfère à cette catégorie (par exemple pour "événements" c'est <nowiki>https://www.aemsp-uqam.org/category/evenements/</nowiki> ). Une fois que cela est fait, la catégorie va continuer de se mettre à jour automatiquement. | |||
=== Modifier un article === | |||
=== Différence entre les articles et les pages === | |||
"page" désigne une page statique (comme la page "à propos", "contact", etc) | |||
"post" désigne une publication style blog, pour une actualité, une annonce, etc. | |||
== Éditer le contenu des pages == | |||
=== À propos d'Elementor === | |||
Le site est construit en utilisant le plugin Elementor. Si vous souhaitez faire des modifications plus significatives, je vous invite à consulter la documentation d'Elementor (<nowiki>https://elementor.com/help/</nowiki> ), ou à me consulter. | |||
== Édition des pages (contenu) == | === Édition des pages (contenu) === | ||
Pages > *la page que vous voulez* > edit with Elementor, puis vous pouvez cliquer sur les sections et modifier le texte dedans. | Pages > *la page que vous voulez* > edit with Elementor, puis vous pouvez cliquer sur les sections et modifier le texte dedans. | ||
| Ligne 57 : | Ligne 59 : | ||
=== Édition des pages (layout) === | |||
à propos d'elementor et du thème | |||
== Création d'une nouvelle page == | === Création d'une nouvelle page === | ||
Pages > add new. Donner un titre à la page, l'enregistrer, et ensuite l'ouvrir avec Elementor pour créer le layout de la page. Il pourrait être plus simple de dupliquer l'une des pages existantes, puis de l'utiliser comme template pour la nouvelle page. Ceci est pour créer une nouvelle page statique (et non un post de nouvelles). | Pages > add new. Donner un titre à la page, l'enregistrer, et ensuite l'ouvrir avec Elementor pour créer le layout de la page. Il pourrait être plus simple de dupliquer l'une des pages existantes, puis de l'utiliser comme template pour la nouvelle page. Ceci est pour créer une nouvelle page statique (et non un post de nouvelles). | ||
| Ligne 71 : | Ligne 74 : | ||
Certains réglages sont dans Appearance > customize > additionnal CSS et ne pourront pas être modifiés via Elementor. Demandez à quelqu'un qui connaît le CSS ou à moi. | Certains réglages sont dans Appearance > customize > additionnal CSS et ne pourront pas être modifiés via Elementor. Demandez à quelqu'un qui connaît le CSS ou à moi. | ||
=== Ajouter des documents (pdf) === | |||
Sur la page qui s'appelle Documents : | |||
Pages > documents > edit with elementor puis : créer une boite de texte ("text editor"), surligner le bout de texte qui doit constituer le lien, cliquer sur "add Media" > upload files, et ajouter le fichier de votre choix (en pdf idéalement). | |||
== Structure == | |||
=== Menu === | |||
Les nouvelles pages vont automatiquement être indexées dans le menu, mais vous pourriez vouloir réorganiser l'ordre dans lequel les pages apparaissent dans le menu, ou qu'une nouvelle page ne soit pas indexée dans le menu, ou qu'un post le soit. | |||
Il faut aller dans Appearance > Menus puis vous pouvez drag and drop les pages dans l'ordre de votre choix, supprimer une page du menu, etc. | |||
== Header et footer == | === Header et footer === | ||
appearance > elementor header and footer builder > header > edit with elementor | appearance > elementor header and footer builder > header > edit with elementor | ||
appearance > elementor header and footer builder > footer > edit with elementor | appearance > elementor header and footer builder > footer > edit with elementor | ||
= | === Page d'accueil === | ||
== Page d'accueil == | |||
Présentement la page d'accueil est la page qui montre les articles les plus récents (le lien "nouvelles" dans le menu dirige vers la page d'accueil), si vous voulez que la page d'accueil soit une autre page (par exemple "à propos") il faut aller dans settings > reading > puis choisir quelle page est la "homepage". Il faudrait ensuite mettre "nouvelles" comme "post page". | Présentement la page d'accueil est la page qui montre les articles les plus récents (le lien "nouvelles" dans le menu dirige vers la page d'accueil), si vous voulez que la page d'accueil soit une autre page (par exemple "à propos") il faut aller dans settings > reading > puis choisir quelle page est la "homepage". Il faudrait ensuite mettre "nouvelles" comme "post page". | ||
== | === Sidebar === | ||
== | == Identité du site == | ||
logo, favicon, etc | |||
à propos du thème | |||
== Fonctionnalités == | |||
=== Plugins / extensions === | |||
=== Formulaire de contact === | |||
=== Calendrier === | |||
Version du 27 novembre 2022 à 14:01
Documentation concernant le maintien et les mises à jour du site web bqam-e.org.
Cette page est encore en construction et elle est incomplète !
Pour information concernant l'hébergement du site, consultez la page hébergement.
Se connecter sur le panneau administrateur de WordPress
Se connecter
https://www.bqam-e.org/wp-admin et entrer vos informations de connexion
Présentement le panneau est en anglais parce que selon moi c’est plus facile de chercher comment faire quelque chose sur un moteur de recherche en utilisant les mots clé en anglais, mais vous pouvez le mettre en français si vous voulez.
Utilisateurs-trices
Si vous voulez ajouter des utilisateur-ices pour que chaque collaborateur-ice aie son profil :
users > add new > *rentrez les information du/de la nouvel-le utilisateur-ice*
Articles
Publier un article
Posts > add new entrer le titre et l'information de votre choix, sélectionner la catégorie (e.g. événements, mobilisation, etc), ajouter les tags pertinents. Il faut aussi ajouter une "featured image" dans la même section (indépendamment de si vous avez placé une image dans le post ou non), pour que l'image s'affiche sur la page d'accueil. Si vous n'ajoutez pas d'image, l'image par défault va être le logo de l'AEMSP. Vous avez le choix d'utiliser Elementor ou l'éditeur WordPress de base pour placer les différents éléments du post.
La page "nouvelles" n'est pas la page WordPress par défault parce que la page par défault n'est pas belle. C'est donc une page statique qui contient un widget qui montre les posts récents.
Les nouvelles nouvelles apparaissent automatiquement une fois que le post est publié.
Les liens de catégories à droite mènent à une liste de tous les posts dans cette catégorie.
Quand vous créez une nouvelle catégorie, il faut aller éditer la page "nouvelles", ajouter le nom de la catégorie dans la liste, et en faire un lien vers la page qui réfère à cette catégorie (par exemple pour "événements" c'est https://www.aemsp-uqam.org/category/evenements/ ). Une fois que cela est fait, la catégorie va continuer de se mettre à jour automatiquement.
Modifier un article
Différence entre les articles et les pages
"page" désigne une page statique (comme la page "à propos", "contact", etc)
"post" désigne une publication style blog, pour une actualité, une annonce, etc.
Éditer le contenu des pages
À propos d'Elementor
Le site est construit en utilisant le plugin Elementor. Si vous souhaitez faire des modifications plus significatives, je vous invite à consulter la documentation d'Elementor (https://elementor.com/help/ ), ou à me consulter.
Édition des pages (contenu)
Pages > *la page que vous voulez* > edit with Elementor, puis vous pouvez cliquer sur les sections et modifier le texte dedans.
Vous pouvez aussi remplacer les images en cliquant sur une image puis "choose image > media library" puis importer le fichier de votre ordinateur.
Il faut utiliser Elementor pour éditer les pages, l'option "edit" seule ne permet pas d'y avoir accès.
Pour ajouter un lien à l'intérieur des boîtes de texte, il faut simplement surligner le texte sur lequel vous voulez que le lien soit, cliquer sur l'icone qui représente une chaîne dans la boite de texte, puis entrer le lien (puis "apply" et "update").
Édition des pages (layout)
à propos d'elementor et du thème
Création d'une nouvelle page
Pages > add new. Donner un titre à la page, l'enregistrer, et ensuite l'ouvrir avec Elementor pour créer le layout de la page. Il pourrait être plus simple de dupliquer l'une des pages existantes, puis de l'utiliser comme template pour la nouvelle page. Ceci est pour créer une nouvelle page statique (et non un post de nouvelles).
Si vous voulez que la nouvelle page respecte le style du site, le mieux est de choisir la page qui ressemble le plus à ce que vous voulez, utiliser l'option "EA Duplicator" pour la dupliquer, puis renommer et modifier la nouvelle version.
Pour créer les boites de contour du contenu c'est simplement de cliquer sur chaque section, puis style > border > border type: double et color: accent, puis advanced > padding/margin ("margin" représente l'espace à l'extérieur de la bordure, et "padding" représente l'espace entre la bordure et le contenu) : 1 rem chaque.
Pour changer les couleurs de manière globale, à l'intérieur de l'éditeur Elementor, il y a une option "site settings" qui permet de changer la police d'écriture, les couleurs du thème, etc, qui va s'appliquer à toutes les pages du site. Par exemple si vous voulez changer la couleur "accent" de vert à orange, ou vers une autre teinte de vert ou peu importe, cela va s'appliquer à tous les éléments sur le site qui ont la couleur "accent".
Certains réglages sont dans Appearance > customize > additionnal CSS et ne pourront pas être modifiés via Elementor. Demandez à quelqu'un qui connaît le CSS ou à moi.
Ajouter des documents (pdf)
Sur la page qui s'appelle Documents :
Pages > documents > edit with elementor puis : créer une boite de texte ("text editor"), surligner le bout de texte qui doit constituer le lien, cliquer sur "add Media" > upload files, et ajouter le fichier de votre choix (en pdf idéalement).
Structure
Menu
Les nouvelles pages vont automatiquement être indexées dans le menu, mais vous pourriez vouloir réorganiser l'ordre dans lequel les pages apparaissent dans le menu, ou qu'une nouvelle page ne soit pas indexée dans le menu, ou qu'un post le soit.
Il faut aller dans Appearance > Menus puis vous pouvez drag and drop les pages dans l'ordre de votre choix, supprimer une page du menu, etc.
appearance > elementor header and footer builder > header > edit with elementor
appearance > elementor header and footer builder > footer > edit with elementor
Page d'accueil
Présentement la page d'accueil est la page qui montre les articles les plus récents (le lien "nouvelles" dans le menu dirige vers la page d'accueil), si vous voulez que la page d'accueil soit une autre page (par exemple "à propos") il faut aller dans settings > reading > puis choisir quelle page est la "homepage". Il faudrait ensuite mettre "nouvelles" comme "post page".
Sidebar
Identité du site
logo, favicon, etc
à propos du thème