Différences entre les versions de « Atelier WordPress »

De Wiki de Mémoire Vive
Aller à la navigation Aller à la recherche
 
(59 versions intermédiaires par 2 utilisateurs non affichées)
Ligne 1 : Ligne 1 :
Le projet est la mise en place d’un atelier WordPress le mercredi après-midi à partir du '''11 octobre''' 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>
<span style="color: #0000FF;"><big>'''Site WordPress'''</big>
Ligne 23 : Ligne 25 :
----
----


<span style="color: #0000FF;"><big>'''Objectifs du premier atelier mercredi 11 octobre 2023'''</big>
<span style="color: #0000FF;"><big>'''Travail à distance'''</big>
*Créations de comptes administrateurs pour les adhérents qui participent à l’atelier.
 
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
*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 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.
*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/


<span style="color: #0000FF;"><big>'''Objectifs du second atelier'''</big>
Le thème activé au départ est : '''Twenty Twenty-Three'''
*Changement de thème '''Apparence''' ==> '''Thèmes'''
https://artheodoc.wordpress.com/installer-un-nouveau-theme-dans-wordpress/


Les dossiers de thèmes téléchargés doivent être transférés dans le dossier '''/var/www/html/wp-content/themes/'''
Documentation sur le thème '''Astra''' : https://fr.wordpress.org/themes/astra/


Site où télécharger les thèmes : https://fr.wordpress.org/themes/
Le bloc vidéo


* Voir l'utilisation de PuTTY et FileZilla ('''<nowiki>sftp://88.136.157.51</nowiki>''' avec le port '''2207''').
Vidéo et création d'images avec l'IA Bing Image Creator.


Le thème activé au départ est : '''Twenty Twenty-Three'''
[[Fichier:MV-Bing-Gimp-Glossy-petit.jpeg]]


Installation du thème '''Astra''' : https://fr.wordpress.org/themes/astra/
<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/


----
----


<span style="color: #0000FF;"><big>'''Travail à distance'''</big>
* Voir l'utilisation de PuTTY et FileZilla ('''<nowiki>sftp://88.136.157.51</nowiki>''' avec le port '''2207''').
 
----


Le site étant accessible depuis l’extérieur les adhérents pourront poursuivre le travail chez eux et revenir à l’atelier avec leurs questions.
<span style="color: #0000FF;"><big>'''Les sites'''</big>


----
Présentation des sites WordPress de l'association.


<span style="color: #0000FF;"><big>'''Objectifs suivants'''</big>
*Présentation des sites WordPress de l'association.
http://memoirevive79informatique.com/
http://memoirevive79informatique.com/


Ligne 62 : Ligne 89 :


https://artheodoc.wordpress.com/
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.
Ligne 67 : Ligne 98 :


https://artheodoc.wordpress.com/2021/10/03/installer-alpha-vers-logo-dans-gimp-2-10-sous-windows/
https://artheodoc.wordpress.com/2021/10/03/installer-alpha-vers-logo-dans-gimp-2-10-sous-windows/
*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/
*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.
*Sauvegarder le site, les fichiers avec FileZilla (port : '''2207'''), la base de données avec phpMyAdmin.
*Utiliser le wiki pour documenter.
*Intégration du serveur dans notre réseau et utilisation de Proxmox.
*Intégration du serveur dans notre réseau et utilisation de Proxmox.
*L'auto-hébergement, nom de domaine et certificat.
*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.