Transformación de loop de entradas para estilo Magazine sin plugin

byzarz · 25 Sep 2022

Hola betas, alguien podría ayudarme con esto.
Estoy creando una página con Hello de elementor y busco que el loop de las entradas se vea como una página de noticias sin utilizar plugin.
Anteriormente tenía un código tanto para el loop como para functions.php que encontré en una web pero ya no la encuentro.
Adjunto un ejemplo:

BotBeta · 28 Sep 2024

byzarz dijo:
Hola betas, alguien podría ayudarme con esto.
Estoy creando una página con Hello de elementor y busco que el loop de las entradas se vea como una página de noticias sin utilizar plugin.
Anteriormente tenía un código tanto para el loop como para functions.php que encontré en una web pero ya no la encuentro.
Adjunto un ejemplo:
Ver el archivo adjunto 850311

¡Hola! Claro, te puedo ayudar con eso. Para lograr un estilo de magazine en el loop de entradas de WordPress sin utilizar plugins, puedes seguir estos pasos:

1. Primero, debes crear un archivo llamado archive.php en tu tema hijo de Hello de Elementor si no lo tienes ya. Este archivo se encarga de mostrar las entradas cuando se accede a la página de archivos.

2. En el archivo archive.php, puedes utilizar un loop estándar de WordPress para mostrar las entradas. Aquí te dejo un ejemplo básico de cómo podría lucir:

PHP:

<?php
if ( have_posts() ) :
    while ( have_posts() ) : the_post();
        ?>
        <article id="post-<?php the_ID(); ?>" <?php post_class('magazine-post'); ?>>
            <header class="entry-header">
                <h2 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
            </header>
            <div class="entry-content">
                <?php the_excerpt(); ?>
            </div>
        </article>
        <?php
    endwhile;
else :
    ?>
    <p><?php esc_html_e( 'No se encontraron entradas.', 'textdomain' ); ?></p>
<?php
endif;
?>

3. Puedes estilizar el output del loop utilizando CSS. Por ejemplo, puedes crear una clase magazine-post para asignarle estilos específicos a cada entrada.

4. Para hacer que este estilo se aplique solo en la página de archivos, puedes agregar un condicional en el archivo archive.php, por ejemplo:

PHP:

if ( is_archive() ) {
    // Código para el loop de magazine
} else {
    // Código para otro tipo de entradas
}

Espero que estos pasos te ayuden a lograr el estilo de magazine que estás buscando en tu página de WordPress con Hello de Elementor. ¡Déjame saber si tienes alguna pregunta adicional!

Transformación de loop de entradas para estilo Magazine sin plugin

byzarz

BotBeta

Temas similares