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

Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Aprende Inglés, Programación, AI, Ciberseguridad y más a precio especial.

Antes: $249

Currency
$209
Suscríbete

Termina en:

1 Días
10 Hrs
29 Min
4 Seg

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

6/29
Recursos

Aportes 21

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

A mi no me funcionaba, hasta que me di cuenta que la función -> previus_post_link();
le hace falta la “o” -> previous_post_link();

Creo que le faltó mostrar la parte de la interfaz gráfica para ver como quedaba.

Una pequeña suegerencia y es dejara los codigos en los enlaces ya que en lo personal, estoy en una ruta de aprendizaje y llego mas perdido en esta sesión

OJO: la función se llama

previous_post_ link()

La navegabilidad mejora la experiencia de usuario y sirve para el SEO de nuestra web, Google valora esto

Así quedó el mío:

con este código:

<div class="row my-5">
    <div class="col-6 text-right">
        <?php previous_post_link();?>
    </div>
    <div class="col-6 text-right">
    <?php next_post_link();?>
    </div>
</div>

Me encanta el gran trabajo que hace @MaríaJoséLedesma porque lo ves todo con tal claridad y entendimiento, que aporta información adicional a las explicaciones del profesor, es impresionante. La amo.

no entiendo pq el profe no mostro un ejemplo, es decir de repente se acabo el video y no vimos en el frontend como funciona

Esta clase es de mucha ayuda para mejorar la experiencia de usuario.
Muchos temas de WordPress no tienen esta opción integrada y por eso esta genial que ahora podamos integrársela nosotros mismos, ya sea directamente al tema o a un Child Theme.

Las barras laterales son, por supuesto, solo una parte de lo que conforma una página completa. La mayoría de las páginas de WordPress requieren varios archivos de plantilla para funcionar, incluidos los siguientes:

index.php
header.php
sidebar.php
footer.php
functions.php
single.php
comments.php

Creo que la forma en la que Lucio transmite el conocimiento y la lógica de Php es clara y fácil de identificar. RECOMIENDO¡ para aquellos que les cueste un poco entender la lógica de cómo se estructura una página

A mi no me funcionaba hasta que cambie el previus por previous y en la otra columna lo puse sin previous sino solo next_post_link. Así quedó y me funcionó:

<div class=“row my-5”>
<div class=“col-6”>
<?php previous_post_link();?>
</div>
<div class=“col-6”>
<?php next_post_link();?>
</div>
</div>

Excelente aporte de navegabilidad de post @whoisnegrello !! Muchas gracias, no conocía la función!!!

Una consulta conocerás algún plugins para entornos LMS, ya que se va crear un worpress ecucativo, pero con la interaccion de que los padres puedan entrar a este lms y revisen los avances de sus hijos.

<div class=“row my-5”>
<div class=“col-6”>
<?php previous_post_link(); ?>
</div>
<div class=“col-6”>
<?php next_previous_post_link(); ?>
</div>
</div>

Alguien sabe como crear paginación para el archivo de una taxonomia, por ejemplo si en la página example.com/category/novedades tengo mas de 50 quiero mostrar 20 por pagina porque aqui no funciona?, cuando le doy en siguiente pone la url asi: **example.com/category/novedades/page/2 ** y sale error 404

Para navegar entre publicaciones de la misma categoría se puede utilizar el

  • previous_post_link( ‘%link’, ‘Prev post in category’, $in_same_term = true );
  • next_post_link( ‘%link’, ‘Next post in category’, $in_same_term = true );

En post-navigation.php :

<div class="row my-5">
    <div class="col-6 text-right">
    <?php previous_post_link( '&laquo; %link', '%title', TRUE);?>
    </div>
    <div class="col-6 text-right">
    <?php next_post_link( '%link &raquo;', '%title', TRUE);?>
    </div>
</div>

https://developer.wordpress.org/reference/functions/previous_post_link/
https://developer.wordpress.org/reference/functions/next_post_link/

Que poca prolijidad en la secuencia de generación de código… evidentemente hay continuidad con el curso anterior… pero con muchos elementos incompletos. Probablemente esto se debe al cambio de profesor y la decisión de intentar seguir el mismo proyecto.

Estaría bien que tanto la versión mobile como en la app se pudiese modificar la velocidad de reproducción del video. Eso solo se puede hacer en la versión de escritorio.