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

Empecemos a construir un filtro dinámico para la web

14/29
Recursos

Aportes 13

Preguntas 7

Ordenar por:

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

Otra opcion para escribir el foreach

<select class="form-control"   
             name="categorias-productos" 
             id="categorias-productos">
    <option value="">Todas las categorias</ option>
    <?php $terms = get_terms('categoria-productos', ['hide_empty' => true]) ?>
    <?php foreach ($terms as $term): ?>
        <option value="<?php echo $term->slug  ?>">
            <?php echo $term->name ?>
        </option>
    <?php endforeach; ?>
</select>

Hola!

No sé si a alguno le ocurrió el mensaje jQuery is not defined.

Para solucionarlo, encontré que se debe registrar antes de todos los scripts Jquery con la siguiente línea:

wp_enqueue_script('jquery');

Para los que estamos usando Bootstrap V5:

class="form-select" 

en lugar de

class="form-control"

Estoy anonadado con este curso, impresionante y bien explciado

ajax se usa practicamente igual que con php-nativo, solo que cambias document.ready en el js por (function($){ //code })(jQuery)

Si en vez de utilizar select, utilizaríamos checkbox como variaría la función?

Me encanta este curso

Si no les funciona pueden ingresar al documento que se maneja de funciones (“fuctions.php”) en la funcion de “assets()” en su ultima linea

wp_enqueue_script('custom', get_template_directory_uri().'/assets/js/custom.js', '', '1.0', true);

Cambien la versión y listo:

wp_enqueue_script('custom', get_template_directory_uri().'/assets/js/custom.js', '', '1.1', true);

Todo muy claro. Gracias

Alguien Sabe como Se llama el Theme de VSCODE que usa el Profe?

porque me sale todo esto cuando hago un consol log con ajax en mi archivo js
abort: ƒ (a)
always: ƒ ()
complete: ƒ ()
done: ƒ ()
error: ƒ ()
fail: ƒ ()
getAllResponseHeaders: ƒ ()
getResponseHeader: ƒ (a)
overrideMimeType: ƒ (a)
pipe: ƒ ()
progress: ƒ ()
promise: ƒ (a)
readyState: 4
responseText: "http://mytheme.local/wp-content/uploads/image1.jpghttp://mytheme.local/wp-content/uploads/image2.jpg[{“url”:null},{“url”:null}]"
setRequestHeader: ƒ (a,b)
state: ƒ ()
status: 200
statusCode: ƒ (a)
statusText: "OK"
success: ƒ ()
then: ƒ ()
proto: Object

​en response text me devuelve lo que yo queria obtener con ajax(que son los urls de mis imagenes en un custom post type) en mi funcion de functions.php pero como accedo a esos valores?

Por defecto el buscador de WordPress realiza las búsquedas en el título, extracto, y contenido de todas tus entradas y páginas, y también lo hará en tus Custom Post Types si al definirlos has marcado exclude_from_search = false.

Para cargar el formulario de búsqueda en tus plantillas basta con llamar a la función get_search_form() desde el template que quieras (p.e: sidebar.php). Lo que hace esta función es pintar el código que tengas en el archivo searchform.php de tu tema (si no lo tienes puedes crearlo).

En sidebar.php

<?php

if ( is_post_type_archive( 'product' ) || is_tax( array( 'product_cat', 'product_tag' ) ) ) {

global $woocommerce;

$attribute_taxonomies = $woocommerce->get_attribute_taxonomies();

foreach ( $attribute_taxonomies as $attribute ) {

the_widget(
'WC_Widget_Layered_Nav',
array(
'title' => $attribute->attribute_label,
'attribute' => $attribute->attribute_name,
'query_type' => 'and',
'display_type' => 'list'
)
);

}

} ?>