Diferència entre revisions de la pàgina «Desenvolupament d'extensions per a WordPress»

De binefa.com
Salta a la navegació Salta a la cerca
(Es crea la pàgina amb «= Teoria = * [https://ioc.xtec.cat/materials/FP/Recursos/fp_asx_m09_/web/fp_asx_m09_htmlindex/WebContent/u2/a5/continguts.html Desenvolupant una extensió a WordPress]...».)
 
 
(Hi ha 5 revisions intermèdies del mateix usuari que no es mostren)
Línia 2: Línia 2:
 
* [https://ioc.xtec.cat/materials/FP/Recursos/fp_asx_m09_/web/fp_asx_m09_htmlindex/WebContent/u2/a5/continguts.html Desenvolupant una extensió a WordPress]
 
* [https://ioc.xtec.cat/materials/FP/Recursos/fp_asx_m09_/web/fp_asx_m09_htmlindex/WebContent/u2/a5/continguts.html Desenvolupant una extensió a WordPress]
 
= Activació del ''docker'' de WordPress =
 
= Activació del ''docker'' de WordPress =
 +
El darrer dia de classe vam crear un contenidor de [[WordPress amb Compose. Curs 2024-2025 | WordPress amb Compose]].
 +
 +
[[Image:00wpDocker.png|center|thumb|Activació del docker per terminal]]
 
= Instal·lació de WordPress =
 
= Instal·lació de WordPress =
 +
* Aneu a [http://localhost:8082 localhost:8082] i '''seleccioneu català''' com a llengua del Wordpress.
 +
* Empleneu la informació necessària per a la instal·lació del WordPress
 +
[[Image:01wpCfg.png|center|thumb|Informació necessària]]
 +
* Premeu el botó ''Instal·la WordPress''
 +
[[Image:02wpCfg.png|center|thumb|Verificació de la informació necessària]]
 +
 +
= Primera entrada a WordPress =
 +
* Accediu al WordPress
 +
[[Image:03wpInici.png|center|thumb|Credencials inicials]]
 +
[[Image:04wpInici.png|center|thumb|Pantalla de benvinguda]]
 +
* Editeu la primera entrada
 +
[[Image:05wpPrimeraEntrada.png|center|thumb|Edició de la primera entrada]]
 +
* Visualitzeu l'entrada a la pàgina principal del blog
 +
[[Image:06wpPrimeraEntrada.png|center|thumb|Visualització de la primera entrada]]
 
= Creació d'una extensió d'exemple =
 
= Creació d'una extensió d'exemple =
 +
* Doneu els permisos necessaris a la carpeta target per a tenir accés com a usari
 +
[[Image:07wpPermisos.png|center|thumb|Permisos de la carpeta ''target'']]
 +
* Accediu a la carpeta ''plugins'' per a instal·lar una nova extensió
 +
[[Image:08wpCarpetaExtensions.png|center|thumb|Carpeta ''plugins'']]
 +
* Feu l'arxiu ''escriureNom.php''
 +
[[Image:09wpCodiExtensio.png|center|thumb|Codi de l'arxiu ''escriureNom.php'']]
 
= Instal·lació de l'extensió a WordPress =
 
= Instal·lació de l'extensió a WordPress =
 +
* Aneu a la icona de l'endoll i localitzeu la nova extensió que heu escrit
 +
[[Image:10wpInstalExt.png|center|thumb|Llista d'extensions al WordPress]]
 +
* Activeu l'extensió ''escriureNom''
 +
[[Image:11wpInstalExt.png|center|thumb|Extensió ''escriureNom'' activa]]
 
= Prova de funcionament de l'extensió =
 
= Prova de funcionament de l'extensió =
 +
* Verificació de funcionament de l'extensió ''escriureNom''
 +
[[Image:12wpVerifiqueuFuncionament.png|center|thumb|Extensió ''escriureNom'' funcionant]]
 
= Més exemples de creació d'extensions =
 
= Més exemples de creació d'extensions =
 
* [https://www.wpbeginner.com/wp-tutorials/how-to-create-a-wordpress-plugin/ How to Create a WordPress Plugin]
 
* [https://www.wpbeginner.com/wp-tutorials/how-to-create-a-wordpress-plugin/ How to Create a WordPress Plugin]

Revisió de 21:55, 8 feb 2025

Teoria

Activació del docker de WordPress

El darrer dia de classe vam crear un contenidor de WordPress amb Compose.

Activació del docker per terminal

Instal·lació de WordPress

  • Aneu a localhost:8082 i seleccioneu català com a llengua del Wordpress.
  • Empleneu la informació necessària per a la instal·lació del WordPress
Informació necessària
  • Premeu el botó Instal·la WordPress
Verificació de la informació necessària

Primera entrada a WordPress

  • Accediu al WordPress
Credencials inicials
Pantalla de benvinguda
  • Editeu la primera entrada
Edició de la primera entrada
  • Visualitzeu l'entrada a la pàgina principal del blog
Visualització de la primera entrada

Creació d'una extensió d'exemple

  • Doneu els permisos necessaris a la carpeta target per a tenir accés com a usari
Permisos de la carpeta target
  • Accediu a la carpeta plugins per a instal·lar una nova extensió
Carpeta plugins
  • Feu l'arxiu escriureNom.php
Codi de l'arxiu escriureNom.php

Instal·lació de l'extensió a WordPress

  • Aneu a la icona de l'endoll i localitzeu la nova extensió que heu escrit
Llista d'extensions al WordPress
  • Activeu l'extensió escriureNom
Extensió escriureNom activa

Prova de funcionament de l'extensió

  • Verificació de funcionament de l'extensió escriureNom
Extensió escriureNom funcionant

Més exemples de creació d'extensions