category news and news section modified

This commit is contained in:
jorge 2021-04-30 01:55:57 +02:00
parent 2b5b719bf5
commit a9d031160d
3 changed files with 55 additions and 33 deletions

View File

@ -17,45 +17,64 @@
get_header(); ?> get_header(); ?>
<?php $the_query = new WP_Query( array( 'category_name' => 'news', 'posts_per_page' => 6 ) ); ?>
<?php if ( $the_query->have_posts() ) : ?> <section class="news">
<?php// the loop ?> <header>
<section class="news"> <h2> News</h2>
<header> </header>
<h2> News</h2> <main class="">
</header> <?php $the_query = new WP_Query( array( 'category_name' => 'news', 'posts_per_page' => 12 ) ); ?>
<main class=""> <?php if ( $the_query->have_posts() ) : ?>
<?php// the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?> <?php //content here ?>
<article class=""> <article class="">
<figure> <?php if ( has_post_thumbnail() ) :?>
<?php if ( has_post_thumbnail() ) :?> <a href="<?php the_permalink(); ?>" rel="bookmark">
<img src="<?php echo get_the_post_thumbnail_url();?>" /> <figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
<?php else :?> </figure>
<img src="<?php echo catch_post_first_image();?>" /> </a>
<?php endif;?> <?php else :?>
</figure> <a href="<?php the_permalink(); ?>" rel="bookmark">
<figure style="background-image: url(<?php echo catch_post_first_image();?>);">
</figure>
</a>
<?php endif;?>
<h3 class="entry-title"> <h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"> <a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?> <?php the_title(); ?>
</a> </a>
</h3> </h3>
<p class="excerpt post-excerpt"> <p class="excerpt post-excerpt">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"></a> <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php echo wp_strip_all_tags( get_the_excerpt(), true ); ?> <?php the_excerpt() ; ?>
</a>
</div> </div>
</article> </article>
<?php endwhile; ?> <?php endwhile; ?>
<?php // end of the loop ?> <?php // end of the loop ?>
<?php //pagination here ?> <?php //pagination here ?>
<?php //pagination
if ( function_exists( 'foundationpress_pagination' ) ) :
foundationpress_pagination();
elseif ( is_paged() ) :
?>
<nav id="post-nav">
<div class="post-previous"><?php next_posts_link( __( '&larr; Older posts', 'foundationpress' ) ); ?></div>
<div class="post-next"><?php previous_posts_link( __( 'Newer posts &rarr;', 'foundationpress' ) ); ?></div>
</nav>
<?php endif; //pagination end ?>
<?php wp_reset_postdata(); ?> <?php wp_reset_postdata(); ?>
<?php else : ?> <?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p> <p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?> <?php endif; ?>
</main> </main>
<aside> <aside>
<nav> <nav>
<!--a href="" class="button hollow">see more news</a-->
</nav> </nav>
</aside> </aside>
</section> </section>

View File

@ -179,8 +179,8 @@ $paragraph-lineheight: 1.6;
$paragraph-margin-bottom: 1rem; $paragraph-margin-bottom: 1rem;
$paragraph-text-rendering: optimizeLegibility; $paragraph-text-rendering: optimizeLegibility;
$enable-code-inline: true; $enable-code-inline: true;
$anchor-color: $primary-color; $anchor-color: $body-font-color;
$anchor-color-hover: scale-color($anchor-color, $lightness: -14%); $anchor-color-hover: $primary-color;//scale-color($anchor-color, $lightness: -14%);
$anchor-text-decoration: none; $anchor-text-decoration: none;
$anchor-text-decoration-hover: none; $anchor-text-decoration-hover: none;
$hr-width: $global-width; $hr-width: $global-width;

View File

@ -19,23 +19,26 @@
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?> <?php //content here ?>
<article class=""> <article class="">
<?php if ( has_post_thumbnail() ) :?> <?php if ( has_post_thumbnail() ) :?>
<figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);"> <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<!--img src="<?php //echo get_the_post_thumbnail_url();?>" /--> <figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
</figure> </figure>
<?php else :?> </a>
<figure style="background-image: url(<?php echo catch_post_first_image();?>);"> <?php else :?>
<!--img src="<?php //echo catch_post_first_image();?>" /--> <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
</figure> <figure style="background-image: url(<?php echo catch_post_first_image();?>);">
<?php endif;?> </figure>
</a>
<?php endif;?>
<h3 class="entry-title"> <h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"> <a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?> <?php the_title(); ?>
</a> </a>
</h3> </h3>
<p class="excerpt post-excerpt"> <p class="excerpt post-excerpt">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"></a> <a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_excerpt() //echo wp_strip_all_tags( get_the_excerpt(), true ); ?> <?php the_excerpt() ?>
</a>
</div> </div>
</article> </article>
<?php endwhile; ?> <?php endwhile; ?>