12.- Crear una Plantilla en Wordpress [categorias]


INTRODUCCIÓN

En este tutorial vamos a crear algunos artículos de prueba y esos artículos los vamos a meter dentro de algunas categorías y esas categorías las vamos a colocar en nuestro menú principal y al hacer click en alguna menú de categoría vamos a ver los artículos que están dentro de esa categoría.

PROCEDIMIENTOS

1.- Creamos categorías y artículos de ejemplo (podemos usar este tutorial).

2.- Creamos los menus de las categorias.

3.- Creamos el archivo category.php y pegamos este codigo:

<?php get_header('page'); ?> <!-- header -->

            <!-- Main -->
                <div id="main-wrapper">
                    <div class="container">
                        <div class="row">
                            <div class="12u">

                                <!-- Portfolio -->
                                    <section>
                                        <header class="major">
                                            <h2><?php wp_title(); ?></h2>
                                        </header>
                                        <div class="row">
                                        <?php $id_categoria = get_query_var('cat' ); ?>
                                              <?php
                                                query_posts(array(
                                                    "showposts" => 6,
                                                     "category__in" => $id_categoria
                                                    ));
                                              ?>

                                            <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
                                            <div class="col-4 col-6-medium col-12-small">

                                            <!-- post -->
                                                <section class="box">
                                                    <a href="#" class="image featured">

                                                        <?php
                                                        // check if the post has a Post Thumbnail assigned to it.
                                                            if ( has_post_thumbnail() ) {
                                                                the_post_thumbnail('category-thumb');
                                                            }
                                                       ?>
                                                    </a>
                                                    <header>
                                                        <h3><?php the_title(); ?></h3>
                                                    </header>
                                                    <p><?php the_excerpt(); ?></p>
                                                    <footer>
                                                        <a href="<?php the_permalink(); ?>" class="button alt">Leer Más</a>
                                                    </footer>
                                                </section>
                                            </div>
                                            <?php endwhile; ?>
                                            <!-- post navigation -->
                                            <?php else: ?>
                                            <!-- no posts found -->
                                            <p>Ups!! no existe nada para esta categoria</p>
                                            <?php endif; ?>
                                            <?php wp_reset_query(); ?>
                                        </div>

                                    </section>

                            </div>
                        </div>

                    </div>
                </div>

<?php get_footer(); ?>












Comentarios

Facebook Like

Entri Populer

hackear wifi con kali linux 📡

Instalar Netbeans 10 en Windows 10

Instalar netbeans 10 en ubuntu 18.04