Comprender las bases y el punto de partida

1

Bienvenida y recomendaciones

2

¿Cómo es un entorno de desarrollo profesional en WordPress?

3

Presentación del proyecto y repaso del curso de fundamentos

Crear Post Types y Archivos

4

¿Cómo se crea y se personaliza una categoría en WordPress?

5

Creemos la UI de un archivo en la web

6

¿Por qué es importante la navegabilidad de la web y cómo se mejora?

7

¿Qué es un Post Type y cómo se pueden personalizar los diferentes tipos?

8

¿Cómo creamos la UI de un Post Type personalizado?

9

Construyamos un loop personalizado

10

¿Qué es una taxonomía y cómo se registra una nueva?

11

¿Qué es un page template y cómo se utiliza?

Utilizar AJAX

12

¿Cómo funcionan los emails en WordPress?

13

¿Cómo utilizar AJAX dentro de WordPress?

14

Empecemos a construir un filtro dinámico para la web

15

Completemos la función AJAX para darle vida a nuestro filtro

La REST-API de WordPress

16

¿Cómo se utiliza la REST-API de WordPress?

17

¿Qué son y cómo funcionan los endpoints?

18

Hagamos el primer llamado a la API

Utilizar Bloques

19

¿Qué es un bloque de Gutenberg?

20

Creando un bloque nativo con React

21

Optimicemos el bloque con componentes de WordPress

22

Creemos el primer bloque dinámico

23

Mejorando la experiencia del usuario en Gutenberg con SSR (Server Side Render)

24

Creando bloques con ACF Pro

25

Crea un bloque igual al de ACF pero de forma nativa

Deployment

26

¿Cómo se lleva un sitio a producción?

27

¿Cómo podemos optimizar la indexación y el SEO de nuestro sitio?

28

¿Cómo defiendo a mi sitio de ataques externos y lo hago más seguro?

Finalizar el Curso

29

Conclusiones

¿Cómo es un entorno de desarrollo profesional en WordPress?

2/29
Recursos
Transcripción

Aportes 44

Preguntas 13

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

¿Qué es y cómo usar Local by Flywheel?

¿Alguna vez has escuchado hablar sobre MAMP, XAMPP y WAMP? Éstos son entornos de desarrollo para trabajar con Apache, MySQL y PHP; si ya eres desarrollador, tal vez ya conoces y usas cualquiera de los anteriores, si no, este es un buen comienzo para empezar a investigar sobre qué son los entornos de desarrollos.

En pocas palabras, lo anterior hace que tu computadora sea un servidor local, donde podrás desarrollar y ejecutar tus aplicaciones antes de lanzarlas a producción.

Local by Flywheel
Este es un entorno de desarrollo enfocado específicamente para desarrolladores WordPress, ¿por qué? La respuesta es simple, si ya has desarrollado temas o plugins para WP, probablemente has perdido tiempo en estar copiando y pegando una instalación WP dentro de tu carpeta htdocs, poner usuario y contraseñas de la base de datos, etc. La típica configuración WordPress.

Bien, el anterior problema, lo soluciona Local, ya que con unos simples clicks tienes listo una instalación limpia de WordPress, además de tener las siguientes funciones:

Seleccionar la versión de PHP que tu WordPress ejecutará.
Seleccionar el tipo de servidor web: Apache o nginx.
Activar un certificado SSL de pruebas para tu sitio.
Ejecutar un servidor de correo de pruebas.
Crear un “Live Link”.
Crear varias instalaciones WordPress.

Como sugerencia es bueno cuando se explica el proceso de instalación e iniciación del proyecto paso a paso. Normalmente es la parte más confusa en todos los cursos.
Por ejemplo me da la impresión que no es llegar y clonar un proyecto de wordpress. Al clonar mi proyecto del curso práctico no puedo acceder con la misma contraseña, y me imagino que algo similar pueda pasar con las bases de datos.

Para los compañ[email protected] que usen distribuciones linux debían

  1. Descarguen el archivo .deb en localwp

  2. Desde la carpeta donde se encuentre el arcivo .deb abran una terminal y pongan.

sudo apt-get install ./nombre_archivo.deb 

  1. Si les sale un error de dependencias se puede solucionar con
apt --fix-broken install

Espero que les sirva =)

para los que quieran pasar el proyecto en el que veniamos trabajando en XAMPP a LOCAL … les dejo un video que me ayudo bastante.

Pasar a LOCAL

Un Blueprint es una forma de guardar una configuración base de WordPress. Esta configuración la podemos replicar en todas las web que queramos. Nos ahorran mucho tiempo a la hora de crear un sitio con WP.

A los dos años del curso yo utilizo localwp, lo empecé a usar desde que xamp me empezó a dar error con wordpress

muy buena herramienta colega!

Hola Profe, soy de Córdoba tambien, un orgullo ver un profe tan bueno como vos y que seas de mi misma ciudad! Una pregunta que todavia no logro resolver es como hacer para desarrollar plantillas de worpress de manera colaborativa, es decir conectados a la misma base de datos, y no tener conflictos de url en la base. Yo supongo que deberia ser teniendo exactamente mismo puerto y url de sitio en todos los desarrolladores y una base de datos remota en un servidor. Pero nunca logre conectarme desde este programa a una base remota. Si tienes algun instructivo o enlace donde se explique esto lo agradeceria, como para saber como montar un entorno de desarrollo colaborativo en wordpress donde cada desarrollador pueda hacer sus commits y que todos puedan bajar lo que otro hace sin problemas con la base de datos. Muchas gracias!
Se ve muy interesante la herramienta, yo uso MAMP PRO aunque es de pago me va genial y tiene versión gratuita para quien quiera probarla.

Que tal, espero que se encuentren muy bien!
Antes de instalar el software en Winbugs verifiquen que su nombre de usuario no tenga caracteres especiales (en mi caso tiene una e con acento) si fuera el caso les mandará un error al querer descargar los elementos para el nuevo site.

La solución que encontré en foros es crear otra cuenta de usuario sin caracteres especiales y ahí pueden instalar el software y no les mandará error .

Hola que tal veo que no es lo mismo mac a windows ya que no me sale esa versión, espero y me puedan ayudar gracias.

local.flywheel es muy bueno si te dedicas a solo wordpress, sino como es mi caso pase a docker donde levanto el stack que necesite rapidamente.

descargan el paquete y ejecutan el comando
sudo dpkg -i nombrearchivo
en mi caso fue sudo dpkg -i local-6.3.0-linux.deb
(ubuntu, linux mint)

No veo área de menajes en mi perfil, donde identufique o pueda identicar, las preguntas realuzadas en mis diferentes cursos que voy tomando, si fueron contestadas o no. ojala puedan hacer esta mejora o bien ayudarme a activarla en caso que no lo haya visto de mi parte.

Solo quiero comentar una solución al tratar de utilizar el Fltywheel cuando queremos correr el sitio y sale lo siguiente:

Mi solución me fue cerrar el XAMPP 😅

me gusta esta herramienta para webs de Wordpress para montar una página de un cliente localmente, antes de montarla en un dominio

Yo descubrí LocalWP por un youtuber de España y desde que lo hice no dejé de usarlo, es excelente. El Profesor tiene la versión paga por si alguno ve que el tiene funciones que en su instalación no aparecen.

Desde Filezilla que podemos hacer?

Considero que si hz lidiado con los problemas de apache o nginx para PHP para levantar un servidor local, no es necesario esto. Ya que puedes perfectamente instalar un Xampp, Wampp, AppServ y ejecutar wodpress desde acá.
.
Hay que tener en consideración, que con esto, desbes configurar algunas cosas como:
.

  • En tu archivo de configuración de Apache debes habilitar el módulo de mod_rewrite dejaré un link acá
  • En la confguración de PHP, habilitar a 60 o 120 la ejecución máxima de scripts, esto debido a que wordpress a veces toma tiempo en la instalación. De nuevo les dejaré un link por acá
    .
    Exitos 👋

No logro hacer que localwp instale un site.
Cuando pongo a crear un site se queda “procesando”.
Intenté cargar un sitio y también queda en “Adding”.
Es como que tiene problemas creando la base de datos.
Tengo un macbook pro 2012 con Mac OS Sierra
Puede ser por tema de compatibilidad con la versión del sistema operativo?
Además tengo instalado MAMP (versión gratuita) y XAMPP.

Genial aporte, no conocía esta herramienta. Me encantó !
Consulta. ¿Qué nos podemos encontrar al usar la versión FREE?, puede ser que estemos desarrollando y en algún mommento nos diga CUIDADO, para esta funcionalidad debes tener la versión de pago ? o algo por el estilo.
¿Todo lo que vimos en este video es con la versión FREE?¿Hay algo a tener en cuenta que no funciona al usar esta versión?

Que buena herramienta, lastima que no tenga una version free. Es una herramienta completamente profesional.

no es igual a usar xamp ? o wamp ?

Cuando quiero crear un sitio nuevo me encuentro con este error. Una manito para resolverlo!

Electron js simplificando la vida

Nunca habia usado Flñywheel pero que interesante

Todo muy claro. Gracias

Es muy buena lo mas que me gusta es lo de Blueprint y que si tú ordenador está prendido puedes enviar una url, para que tu cliente se conecte y va a ver como esta quedando la pagina…

muy interesante este entorno, aunque prefiero laragon

MUCHISIMAS GRACIAS! por compartir esta maravillosa herramienta! mil gracias! 😄

super

Yo utilizo Laravel valet, también funciona con Wordpress

https://laravel.com/docs/6.x/valet

justamente lo que estaba buscando muchisimas gracias

esta muy interesante esta herramienta como entorno de desarrollo

Genial el entorno de desarrollo.
pero puedo seguir usando laravel para este curso correcto?

No más XAMPP ni WAMP, este cumple sus funciones ?

Mi pregunta es, sino puedo en mi equipo actualizar la versión de PHP de 2.6 a 7.2 no puedo continuar me imagino ?, ya me pasó con otro curso de wordpress, el equipo no acepta PHP 7.0

Otro entorno que pueden usar sobre todo si usan windows es laragon .
Con laragon pueden instalar de forma automática:

  • wordpress
    -laravel
    -lumen
    entre otros
    ademas de escoger la bd que usaran y la versión de php
    ademas es muy fácil de configurar
    denle una oportunidad

Blueprint: es una imagen que guardamos de una máquina virtual anterior, que tiene un determinado estado
Su uso más común: crear una instalación básica de WP con todas las opciones pre-seteadas y lo guardemos… Aí, cada que nosotros utilicemos Blueprint podamos tener una máquina con todas esas opciones cargadas.

Hola!
A mi no me deja elegir entre ngnix y apache: https://snipboard.io/uNhH90.jpg
alguna idea? Estoy en Mac OS Catalina

Esta es la URL de LOCAL by Flywheel https://localwp.com/

No puedo acceder a la base de datos teniendo mi entro no configurado con localwp. Está espectacluar pero no puedo acceder a la base de datos. No encuentro solución a este tema. ¿Alguien tiene idea o pasó por lo mismo?