Creemos la UI de un archivo en la web

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!!!

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;?>

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

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

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/

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!!

no sirve el codigo