Différences entre les versions de « Atelier WordPress »
| (95 versions intermédiaires par 2 utilisateurs non affichées) | |||
| Ligne 1 : | Ligne 1 : | ||
Le projet est la mise en place d’un atelier WordPress pour apprendre à maîtriser la création de sites WEB avant de voir des solutions d’hébergements. | Le projet est la mise en place d’un atelier WordPress le '''mercredi après-midi de 14h00 à 16h00''' à partir du '''11 octobre''' pour apprendre à maîtriser la création de sites WEB avant de voir des solutions d’hébergements. | ||
[[Fichier:Je crée mon site WEB wiki.png]] | |||
<span style="color: #0000FF;"><big>'''Site WordPress'''</big> | |||
Le site créé sur le serveur de Mémoire Vive pour pouvoir travailler sur WordPresss : | Le site créé sur le serveur de Mémoire Vive pour pouvoir travailler sur WordPresss : | ||
http://88.136.157.51:8080/ | http://88.136.157.51:8080/ | ||
WordPress est installé dans le dossier '''/var/www/html''' | |||
[[Fichier:WordPress blue logo.svg.png]] | |||
Dans un premier temps pas de nom de domaine ni de certificat. Pour se connecter en http on utilise l’IP publique de la box et un port. C’est un hôte virtuel basé sur le numéro de port. | Dans un premier temps pas de nom de domaine ni de certificat. Pour se connecter en http on utilise l’IP publique de la box et un port. C’est un hôte virtuel basé sur le numéro de port. | ||
| Ligne 8 : | Ligne 16 : | ||
Si l’IP publique change on mettra en place un nom de domaine... | Si l’IP publique change on mettra en place un nom de domaine... | ||
<span style="color: #0000FF;"><big>''' | <span style="color: #0000FF;"><big>'''phpMyAdmin'''</big> | ||
*Créations de comptes administrateurs pour les adhérents qui participent à l’atelier | |||
*Connexion à | phpMyAdmin est installé : | ||
*Création de la page d’accueil statique et | http://88.136.157.51:9907/ | ||
* | |||
Utilisateur '''root''' mot de passe administrateur MariaDB. | |||
---- | |||
<span style="color: #0000FF;"><big>'''Travail à distance'''</big> | |||
Le site étant accessible depuis l’extérieur les adhérents peuvent poursuivre le travail chez eux et revenir à l’atelier avec leurs questions. | |||
---- | |||
<span style="color: #0000FF;"><big>'''Sujets abordés'''</big> | |||
*Créations de comptes administrateurs pour les adhérents qui participent à l’atelier '''Comptes''' ==> '''[Ajouter]''' | |||
*Connexion à l’interface d’administration du site : http://88.136.157.51:8080/wp-admin | |||
*Création de la page d’accueil statique et mise en place de la partie blog avec les articles '''Réglages''' ==> '''Lecture''' | |||
*Création de pages '''Pages''' ==> '''[Ajouter]''' | |||
*Création d'articles '''Articles''' ==> '''[Ajouter]''' | |||
*Mise en place d’un menu. | *Mise en place d’un menu. | ||
*Changement de thème '''Apparence''' ==> '''Thèmes''' | *Utilisation des blocs https://fr.wordpress.org/support/article/blocks/ | ||
*Création de liens entre les pages. | |||
*Redimensionner les images avec Paint. | |||
*Changement de thème '''Apparence''' ==> '''Thèmes''' ==> '''[Ajouter]''' rechercher le thème '''''Astra''''' ==> '''[Installer]''' | |||
Les dossiers de thèmes téléchargés sont transférés dans le dossier '''/var/www/html/wp-content/themes/''' | |||
Site où voir les thèmes : https://fr.wordpress.org/themes/ | |||
Le thème activé au départ est : '''Twenty Twenty-Three''' | |||
Documentation sur le thème '''Astra''' : https://fr.wordpress.org/themes/astra/ | |||
<span style="color: #0000FF;"><big>''' | Le bloc vidéo | ||
Vidéo et création d'images avec l'IA Bing Image Creator. | |||
[[Fichier:MV-Bing-Gimp-Glossy-petit.jpeg]] | |||
<span style="color: #0000FF;"><big>'''Prochains ateliers'''</big> | |||
*En-tête et logo | |||
'''Astra''' ==> '''Personnaliser''' ==> '''En-tête''' | |||
*Création d’un menu | |||
'''Apparence''' ==> '''Menus''' ou '''Astra''' ==> '''Personnaliser''' ==> '''Menus''' | |||
*Fil d’Ariane | |||
'''Astra''' ==> '''Personnaliser''' ==> '''Fil d'Ariane''' | |||
*Articles,catégories et étiquettes. | |||
*Vidéos | |||
*Installation des extensions '''Extensions''' ==> '''[Ajouter]''' | |||
*Pour augmenter le poid des médias pouvant être utilisés. | |||
http://88.136.157.51:8080/index.php/2023/10/15/pour-augmenter-le-poid-des-medias-pouvant-etre-utilises/ | |||
*Protéger un site WordPress avec un mot de passe. | |||
https://artheodoc.wordpress.com/2022/07/30/proteger-un-site-wordpress-avec-un-mot-de-passe/ | |||
---- | |||
* Voir l'utilisation de PuTTY et FileZilla ('''<nowiki>sftp://88.136.157.51</nowiki>''' avec le port '''2207'''). | |||
---- | |||
<span style="color: #0000FF;"><big>'''Les sites'''</big> | |||
Présentation des sites WordPress de l'association. | |||
http://memoirevive79informatique.com/ | |||
http://docmv.mooo.com:8079/ | |||
''Site Artheodoc et statistiques.'' | |||
https://artheodoc.wordpress.com/ | |||
---- | |||
<span style="color: #0000FF;"><big>'''Gimp'''</big> | |||
*Utiliser Gimp pour créer des titres. | *Utiliser Gimp pour créer des titres. | ||
[[fichier:Les_ateliers.png]] | [[fichier:Les_ateliers.png]] | ||
*Sauvegarder le site, les fichiers avec FileZilla, la base de données avec phpMyAdmin. | |||
https://artheodoc.wordpress.com/2021/10/03/installer-alpha-vers-logo-dans-gimp-2-10-sous-windows/ | |||
*Intégration du serveur dans notre réseau | |||
*L'auto-hébergement | *Nos articles concernant Gimp | ||
http://88.136.157.51:8080/index.php/gimp/ | |||
---- | |||
<span style="color: #0000FF;"><big>'''Créer un blog ou un site WordPress avec OVHcloud'''</big> | |||
https://www.ovhcloud.com/fr/web-hosting/uc-wordpress-website/ | |||
---- | |||
<span style="color: #0000FF;"><big>'''À voir également'''</big> | |||
*Sauvegarder le site, les fichiers avec FileZilla (port : '''2207'''), la base de données avec phpMyAdmin. | |||
*Intégration du serveur dans notre réseau et utilisation de Proxmox. | |||
*L'auto-hébergement, nom de domaine et certificat. | |||
*Utiliser le wiki pour documenter. | |||
Version actuelle datée du 26 avril 2024 à 16:28
Le projet est la mise en place d’un atelier WordPress le mercredi après-midi de 14h00 à 16h00 à partir du 11 octobre pour apprendre à maîtriser la création de sites WEB avant de voir des solutions d’hébergements.
Site WordPress
Le site créé sur le serveur de Mémoire Vive pour pouvoir travailler sur WordPresss : http://88.136.157.51:8080/
WordPress est installé dans le dossier /var/www/html
Dans un premier temps pas de nom de domaine ni de certificat. Pour se connecter en http on utilise l’IP publique de la box et un port. C’est un hôte virtuel basé sur le numéro de port. Pour que cela fonctionne il faut que notre IP publique reste statique (qu’elle ne change pas). Si l’IP publique change on mettra en place un nom de domaine...
phpMyAdmin
phpMyAdmin est installé : http://88.136.157.51:9907/
Utilisateur root mot de passe administrateur MariaDB.
Travail à distance
Le site étant accessible depuis l’extérieur les adhérents peuvent poursuivre le travail chez eux et revenir à l’atelier avec leurs questions.
Sujets abordés
- Créations de comptes administrateurs pour les adhérents qui participent à l’atelier Comptes ==> [Ajouter]
- Connexion à l’interface d’administration du site : http://88.136.157.51:8080/wp-admin
- Création de la page d’accueil statique et mise en place de la partie blog avec les articles Réglages ==> Lecture
- Création de pages Pages ==> [Ajouter]
- Création d'articles Articles ==> [Ajouter]
- Mise en place d’un menu.
- Utilisation des blocs https://fr.wordpress.org/support/article/blocks/
- Création de liens entre les pages.
- Redimensionner les images avec Paint.
- Changement de thème Apparence ==> Thèmes ==> [Ajouter] rechercher le thème Astra ==> [Installer]
Les dossiers de thèmes téléchargés sont transférés dans le dossier /var/www/html/wp-content/themes/
Site où voir les thèmes : https://fr.wordpress.org/themes/
Le thème activé au départ est : Twenty Twenty-Three
Documentation sur le thème Astra : https://fr.wordpress.org/themes/astra/
Le bloc vidéo
Vidéo et création d'images avec l'IA Bing Image Creator.
Prochains ateliers
- En-tête et logo
Astra ==> Personnaliser ==> En-tête
- Création d’un menu
Apparence ==> Menus ou Astra ==> Personnaliser ==> Menus
- Fil d’Ariane
Astra ==> Personnaliser ==> Fil d'Ariane
- Articles,catégories et étiquettes.
- Vidéos
- Installation des extensions Extensions ==> [Ajouter]
- Pour augmenter le poid des médias pouvant être utilisés.
- Protéger un site WordPress avec un mot de passe.
https://artheodoc.wordpress.com/2022/07/30/proteger-un-site-wordpress-avec-un-mot-de-passe/
- Voir l'utilisation de PuTTY et FileZilla (sftp://88.136.157.51 avec le port 2207).
Les sites
Présentation des sites WordPress de l'association.
http://memoirevive79informatique.com/
Site Artheodoc et statistiques.
https://artheodoc.wordpress.com/
Gimp
- Utiliser Gimp pour créer des titres.
https://artheodoc.wordpress.com/2021/10/03/installer-alpha-vers-logo-dans-gimp-2-10-sous-windows/
- Nos articles concernant Gimp
http://88.136.157.51:8080/index.php/gimp/
Créer un blog ou un site WordPress avec OVHcloud
https://www.ovhcloud.com/fr/web-hosting/uc-wordpress-website/
À voir également
- Sauvegarder le site, les fichiers avec FileZilla (port : 2207), la base de données avec phpMyAdmin.
- Intégration du serveur dans notre réseau et utilisation de Proxmox.
- L'auto-hébergement, nom de domaine et certificat.
- Utiliser le wiki pour documenter.