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

No tienes acceso a esta clase

¬°Contin√ļa aprendiendo! √önete y comienza a potenciar tu carrera

Hagamos el primer llamado a la API

18/29
Recursos

Aportes 19

Preguntas 6

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Regístrate o inicia sesión para participar.

Sería muy bueno que Lucio o Cristian Ramanzin hicieran un curso de Wordpress especializado en el consumo de APIS externas y tal vez integrarlo en una tienda online. Es un poco el deseo que me quedó después de hacer el curso de Woocommerce.

Saludos

quiero lograr algo asi para un sistema externo queq uiero comercializar, pero no tiene sentido decirle a la gente que instale ese plugin y tenga que hacer todo eso de configuraciones, he estudiado otros plugins como Application passwords y no logro entender su funcionamiento interno para crear mi propio plugin de autenticacion mas directo como "Application passwords ", me pueden dar una guia de donde leer o que aprender? entiendo los conceptos basicos de API REST pero me ve perdido al querer aplicar esto en un plugin de wordpress

Se puede agregar autenticaci√≥n, tokens o algo para usar el API desde una aplicaci√≥n externa? quiero dar permiso a estas URLS solo a determinado ‚Äúusuarios‚ÄĚ

Sería bueno hacer una validación para saber si está en el home o si el div donde se cargarán los datos AJAX existe, de esa manera no se hace el llamado en todas las páginas del sitio. Algo como:

if ( $( body ).hasClass( ‚Äėhome‚Äô ) ) { o if ( $( ‚Äė#resultado-novedades‚Äô ).length ) {

Hagamos el primer llamado a la API


Ahora vamos a hacer un llamado a la API que creamos así:

add_action( 'rest_api_init', 'novedadesAPI' );
function novedadesAPI() {
    register_rest_route( 
        'pg/v1',
        '/novedades/(?<cantidad>\d+)',
        [ 
            'methods' => 'GET',
            'callback' => 'pedidoNovedades'
        ]
    );
}

function pedidoNovedades($data) {
    $args = array(
        'post_type' => 'producto',
        'posts_per_page' => $data['cantidad'],
        'order'     => 'ASC',
        'orderby' => 'title',
    );

    $novedades = new WP_Query($args);

    if ($novedades->have_posts( )) {
        while ($novedades->have_posts()) {
            $novedades->the_post();

            $return[] = array(
                'imagen' => get_the_post_thumbnail( get_the_id( ), 'large' ),
                'link'   => get_the_permalink( ),
                'titulo' => get_the_title( )
            );
        }
        return $return;
    }
}

Y en el archivo de functions.php colocamos dentro de la función que envía los scripts, la función de wp_localize_script

function template_styles(){
    wp_localize_script( 'custom', 'pg', array(
        // 'ajaxurl' => admin_url( 'admin-ajax.php' ),
        'apiurl'  => home_url('wp-json/pg/v1/')
    ) );
}

No entiendo lo de method POST, GET etc. Qué curso de Platzi me recomiendan para entender eso bien? Gracias!

Para el que quiera profundizar un poco más aquí está la documentación oficial de WordPress:

https://developer.wordpress.org/rest-api/reference/posts/

Aqu√≠ en esta secesi√≥n podr√°s encontrar como interactuar con los ‚ÄúPosts‚ÄĚ pudiendo hacer filtros avanzados, crear, actualizar y eliminar un Post. Todo esto con la API.

Quería compartir esto porque cundo necesite trabajar con esto me di cuenta que los articulos que hablan del tema están desactualizados y solo sirven con versiones anteriores al WP 4.7.

Aquí también comparto un filtro avanzado por fechas, para que te ballas familiarizando.

https://tu_web.com/wp-json/wp/v2/posts?orderby=date&order=desc&after=2021-01-13T17:00:00

Lucio, nos podrías compartir tus archivos custom.js front.page.php y functions php pára hacer un rastreo de mis errores, de otra manera es sumamente complejo identificarlos mediante el video en especial porque las lineas por lo general no se ven completas.
Te lo agradecería mil veces y me ahorrarías una gran cantidad de tiempo que he estado dedicando en este curso a buscar errores.

Si cambio 3 por 1 o por cualquier numero no hay ningun cambio, me muestra siempre todas las novedades ūüėē

Utilizando WordPress seguramente has escuchado que es un software muy flexible ya que podemos extender funcionalidades a nivel de plugins, themes, etc.
Sin embargo hay otra característica que hace de WordPress un software muy flexible y es precisamente que viene integrado con una funcionalidad de API REST.
El uso de este CMS no está limitado a consultar un sitio web en un navegador, sino que a través de la REST API de WordPress es posible consultar los datos de tu sitio, por ejemplo: desde una aplicación de escritorio, una aplicación móvil u otro servicio web externo.

no me ha resultado, se queda en pending y luego falla. investigare por otro lado

Desde de los correos, deje de entender, jeje siento que me falta aprender un buen de cosas para entender de que me estan hablando.

Para un llamado POST ¬ŅQu√© se debe hacer?

Todo clarísimo. Gracias

¬°A por Gutenberg!

Aquí está el repo del profe. Específicamente la implementación de la API.
Hasta ahora todos mis fallos han sido por un punto, una coma, o un numeral mal puesto… todo me ha funcionado re bien.

La funcionalidad REST API de WordPress consiste básicamente en que podemos hacer uso de nuestro contenido sin necesidad de consultarlo solo a través de un sitio web.

Recuerda que la direcci√≥n que escribes en la barra del navegador web es una URL, es una direcci√≥n √ļnica para cada recurso disponible en un servidor web, adem√°s los enlaces que creas como parte de tu contenido tambi√©n son URLS.