Différences entre les versions de « Atelier WordPress »

De Wiki de Mémoire Vive
Aller à la navigation Aller à la recherche
 
(105 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...


Objectifs du premier atelier
<span style="color: #0000FF;"><big>'''phpMyAdmin'''</big>
*Créations de comptes administrateurs pour les adhérents qui participent à l’atelier.
 
*Connexion à l’inteface d’administration du site : http://88.136.157.51:8080/wp-admin
phpMyAdmin est installé :
*Création de la page d’accueil statique et configuration '''Régalges''' ==> '''Lecture'''
http://88.136.157.51:9907/
*Mise en place de la partie blog avec les articles.
 
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/
 
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.
[[fichier:Les_ateliers.png]]
 
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/
 
----
 
<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>


Travail à distance
*Sauvegarder le site, les fichiers avec FileZilla (port : '''2207'''), la base de données avec phpMyAdmin.
Le site étant accessible depuis l’extérieur les adhérents pourront poursuivre le travail chez eux et revenir à l’atelier avec leurs questions.
*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.

Je crée mon site WEB wiki.png

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

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. 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.

MV-Bing-Gimp-Glossy-petit.jpeg

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.

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 (sftp://88.136.157.51 avec le port 2207).

Les sites

Présentation des sites WordPress de l'association.

http://memoirevive79informatique.com/

http://docmv.mooo.com:8079/

Site Artheodoc et statistiques.

https://artheodoc.wordpress.com/


Gimp

  • Utiliser Gimp pour créer des titres.

Les ateliers.png

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.