page-writings.php

<?php
/**
 * The template for displaying show pages.
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site may use a
 * different template.
 *
 * @link https://codex.wordpress.org/Template_Hierarchy
 *
 * @package winter18redesign
 */

get_header(); ?>

<?php global $wp;
$current_url = home_url(add_query_arg(array(), $wp->request));?>

	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">
			<!-- SPLASH IMAGE  -->
    <div class="about-hero">
        <div class="section-overlay"></div>
        <div class="page-title">
            <h2 style="font-size: 35px;">Writings</h2>
            <div class="small-title-Events">Check out features by our community</div>
    </div>
    </div>
			<div class="container" style = "">
			    <article class = "page writings">
			        <div class = "entry-content">
	<?php

	$regularQuery = [
		'posts_per_page' => 10,
		'post_type' => array(
			'post',
			'weeklypicks',
			'concertreviews',
			'albumreviews'
		)
	];

	$query = new WP_Query( $regularQuery );

	if ( $query->have_posts() ) :
		/* Start the Loop */

		while ( $query->have_posts() ) : $query->the_post();
		?>
		<div class ="row row-index row-eq-height"style="margin-top: 30px">
			
				<!-- ********************* -->

				<article class="index-post" data-url="<?php the_permalink(); ?>">


					<!-- if(get_the_category() && get_the_time() ) -->
					<?php if (get_the_time() ): ?>
						<div class="col-lg-4 col-image">
							<div class="post-image"style="max-width: 300px;max-height: 300px;">
								<?php if(has_post_thumbnail()): ?>
									<img class = "card-img-top image-extended" src = "<?php the_post_thumbnail_url('medium') ?>"style="max-width: 300px;max-height:300px;">
								<?php else: ?>
									<img class = "card-img-top image-extended" src="<?php echo get_template_directory_uri() . '/ksdt.png'; ?>"style="max-width: 300px;max-height: 300px;">
								<?php endif; ?>
							</div>
						</div>
						<div class="col-lg-8 post-text"style="max-height: 300px;height: 100%;">
							<div class="meta">
								<a class="cya-styles index-post-link" href="<?php the_permalink(); ?>">
								<span style="position: relative;font-size: large;font-weight: bold"><?php the_title(); ?> </span></a>
								<br>
								<span class="entry-date"style="color: grey;"><?php echo get_the_date(); ?> in <?php  echo (get_the_category_list(__(', ')));?> | <?php the_author(); ?> </span>

							</div>
							<?php endif; ?>
							<p class="snippet"style="display: flex;">
								<?php the_excerpt(); ?><a href="<?php echo get_permalink(); ?>"> Read More...</a>
							</p>
						</div>

				</article>
			

		</div>

		<?php

	endwhile;
endif;
?>
			</div>
		</main><!-- #main -->
	</div><!-- #primary -->
<?php
get_footer();