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 todo un fin de semana sin pagar una suscripci√≥n ūüĒ•

Aprende todo un fin de semana sin pagar una suscripci√≥n ūüĒ•

Regístrate

Comienza en:

1D
4H
57M
4S

Creemos la UI de un archivo en la web

5/29
Recursos

Aportes 12

Preguntas 20

Ordenar por:

¬ŅQuieres ver m√°s aportes, preguntas y respuestas de la comunidad?

o inicia sesión.

Una forma de evitar errores al cerrar etiquetas con el if y el while mezclado con HTML es la siguiente.

<?php if(have_posts()): ?>
    <?php while (have_posts()): ?>
        <?php the_post(); ?>
        <div class="col-4 text-center-single-archive">
            <a href="<?php the_permalink(); ?>">
                <?php the_post_thumbnail('large'); ?>
                <h4>
                    <?php the_title() ?>
                </h4>
            </a>
        </div>
    <?php endwhile ?>
<?php endif; ?>
	

Con la función:

the_excerpt();

Podemos llamar un extracto del texto que contiene el post, son las primeras 55 palabras.

¬ŅAlguien sabe c√≥mo personalizarlo? es decir, que en lugar de 55 palabras, mandar llamar un extracto de 20 palabras.

De antemano gracias, saludos!!!

me perdi

Yo nunca había usado bootstrap y ni siquiera sabía que existía. Con una simple googleada y un vistazo a su página, pude entender cómo funcionan las clase de los containers.

Aquí tienen el Grid System de Bootstrap

Les comparto otra manera de hacer el ciclo para mostrar los posts

        <?php if(have_posts()) : while(have_posts()) : the_post();?>
            <div class="col-lg-9">

            <?php if(has_post_thumbnail()):?>
                <img src="<?php the_post_thumbnail_url( 'post_image' ); ?>" alt="<?php the_title(); ?>" class="img-fluid">
            <?php endif;?>

            <a href="<?php the_permalink(); ?>"> <h1><?php the_title(); ?></h1></a>

        <?php the_excerpt(); ?>

        <?php endwhile; else: endif;?>
Saben como se entra para crear archive.php? quiero a√Īadir como en el video pero no me resulta

Cuando creas un sitio web estático básico, normalmente solo usarás HTML y CSS para renderizarlo y personalizar su apariencia. WordPress, por otro lado, es mucho más poderoso. La plataforma se basa en el lenguaje PHP y utiliza varios archivos .php para determinar cómo aparece cada aspecto de tus páginas.

por si no quieren usar bootstrap y les gusta el css personalizado, esta pagina da buena info: https://www.gestionatuweb.net/como-anadir-un-archivo-css-a-tu-tema-de-wordpress/

El conocimiento en CSS y HTML no es suficiente, debería haber un curso previo en bootstrap.

Te gusta el css personalizado y no quieres usar bootstrap? este post les puede servir: https://www.gestionatuweb.net/como-anadir-un-archivo-css-a-tu-tema-de-wordpress/

Me podrían facilitar el enlace del curso de fundamentos de wordpress, que no logro encontrarlo. Gracias

Excelente!!