all categories shown as small squares

This commit is contained in:
jorge 2022-03-16 13:52:05 +01:00
parent a9183e91ac
commit 8c30813e67
5 changed files with 70 additions and 131 deletions

View File

@ -20,59 +20,58 @@ get_header(); ?>
<article>
<main>
<?php// get_template_part( 'template-parts/section', 'news' ); ?>
<section class="category-posts">
<header>
<h2><?php single_term_title( );?></h2>
</header>
<main class="">
<?php $the_query = new WP_Query( array( 'posts_per_page' => 6 ) ); ?>
<?php if ( $the_query->have_posts() ) : ?>
<?php //the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?>
<article class="">
<?php if ( has_post_thumbnail() ) :?>
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
</figure>
</a>
<?php else :?>
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<figure style="background-image: url(<?php echo catch_post_first_image();?>);">
</figure>
</a>
<?php endif;?>
<h5 class="date">
<?php //the_date('d.m.Y');?>
</h5>
<h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
<section class="excerpt post-excerpt">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_excerpt() ?>
</a>
<section class="category-posts">
<header>
<h2><?php single_term_title( );?></h2>
</header>
<main class="">
<?php $thiscategoryid = get_queried_object_id();?>
<?php $the_query = new WP_Query( array( 'cat' => $thiscategoryid, 'posts_per_page' => 6 ) ); ?>
<?php if ( $the_query->have_posts() ) : ?>
<?php //the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?>
<article class="">
<?php if ( has_post_thumbnail() ) :?>
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
</figure>
</a>
<?php else :?>
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<figure style="background-image: url(<?php echo catch_post_first_image();?>);">
</figure>
</a>
<?php endif;?>
<h5 class="date">
<?php //the_date('d.m.Y');?>
</h5>
<h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
<section class="excerpt post-excerpt">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_excerpt() ?>
</a>
</section>
</article>
<?php endwhile; ?>
<?php // end of the loop ?>
<?php //pagination here ?>
<?php wp_reset_postdata(); ?>
<?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>
</main>
<aside>
<nav>
<!--a href="" class="button hollow">see more content</a-->
</nav>
</aside>
</section>
</article>
<?php endwhile; ?>
<?php // end of the loop ?>
<?php //pagination here ?>
<?php wp_reset_postdata(); ?>
<?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>
</main>
<aside>
<nav>
<!--a href="" class="button hollow">see more content</a-->
</nav>
</aside>
</section>
</main>
</article>

File diff suppressed because one or more lines are too long

View File

@ -71,10 +71,10 @@
//
// category view
// category view and news
//--------------
.category-posts{
.category-posts,.news,.news-category {
@include xy-grid;
header,main,aside {
@include breakpoint(small){

View File

@ -8,9 +8,9 @@
?>
<section class="news">
<section class="category-posts news">
<header>
<h2> News</h2>
<h2> <?php single_term_title( );?></h2>
</header>
<main class="">
<?php $the_query = new WP_Query( array( 'category_name' => 'news', 'posts_per_page' => 6 ) ); ?>

View File

@ -1,60 +0,0 @@
<?php
/**
* The section containing preview of resources category posts
*
* @package arcHIVE-theme
* @since arcHIVE-theme 1.0.0
*/
?>
<section class="resources">
<header>
<h2>Resources</h2>
</header>
<main class="">
<?php $the_query = new WP_Query( array( 'category_name' => 'resources', 'posts_per_page' => 6 ) ); ?>
<?php if ( $the_query->have_posts() ) : ?>
<?php //the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?>
<article class="">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php if ( has_post_thumbnail() ) :?>
<figure style="background-image: url('<?php echo get_the_post_thumbnail_url();?>');">
</figure>
<?php else :?>
<figure style="background-image: url('<?php echo catch_post_first_image();?>');">
</figure>
</a>
<?php endif;?>
<h5 class="date">
<?php //the_date('d.m.Y');?>
</h5>
<h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
<section class="excerpt post-excerpt">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_excerpt() ?>
</a>
</section>
</article>
<?php endwhile; ?>
<?php // end of the loop ?>
<?php //pagination here ?>
<?php wp_reset_postdata(); ?>
<?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>
</main>
<aside>
<nav>
<!--a href="" class="button hollow">see more resources</a-->
</nav>
</aside>
</section>