page-the-word-landing.php

<?php get_header(); ?>	
<?php if(get_field('archive_page_background_image')){
			$attachment_id = get_field('archive_page_background_image');
			$size = "homeslide";
			$image = wp_get_attachment_image_src( $attachment_id, $size );
		?>
    		<header class="pb_index-header" style="background:url(<?php echo $image[0]; ?>) no-repeat center center;background-size:cover;position: relative;<?php if(get_field('archive_page_text_colour') == 'light') { ?>color:#fff;<?php };?>">
      			<div class="pb_header-overlay"></div>
       	<?php } else { ?>
       		<header class="pb_index-header">
       	<?php }; ?>
			<div class="pb_header-wrap">
				<h1 class="pb_single-page-title">The Word</h1>
				<div class="pb_article-list-intro rte">
					<?php the_field('archive_page_introduction_text'); ?>
				</div>
			</div>
        </header>
	<div class="pb_default-wrap clearfix pb_article-list">
   		<div class="pb_index-options">
            <nav>
                <span>Filter Categories: </span>
				<?php wp_dropdown_categories( 'show_option_none=Select category&hide_empty=1' ); ?>
				<script type="text/javascript">
					<!--
						var dropdown = document.getElementById("cat");
						function onCatChange() {
							if ( dropdown.options[dropdown.selectedIndex].value > 0 ) {
								location.href = "<?php echo esc_url( home_url( '/' ) ); ?>?cat="+dropdown.options[dropdown.selectedIndex].value;
							}
						}
						dropdown.onchange = onCatChange;
					-->
				</script>
            </nav>
        </div>
    	<main class="pb_main">
        	<?php $wordloop = new WP_Query( array( 'post_type' => 'news' ) ); ?>
        	<?php if ( $wordloop->have_posts() ) {?>
            	<ul class="pb_index-list clearfix">
					<?php while ( $wordloop->have_posts() ) : $wordloop->the_post(); ?>
                        <li id="pb_post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?>>
                        	<div class="pb_index-img">
                            	<a href="<?php the_permalink(); ?>">
                                <div class="pb_img-overflow">
								<?php the_post_thumbnail( 'featured-thumb' ); ?>
                                </div>
                                </a>
                            </div>
                            <div class="pb_index-excerpt">
                        		<h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
                                <div class="pb_index-post-meta">
                                	<span class="pb_index-author"><?php the_author_posts_link(); ?></span>
                                  	<span class="pb_index-comments">
                                  		<a href="<?php the_permalink(); ?>#comments">
                                  			<?php comments_number( '0 Comments', '1 Comment', '% Comments' ); ?>
                                  		</a>
                                   	</span>
                                    <div class="pb_index-category"><?php the_category( ' ' ); ?></div>
                                </div>
                            	<div class="pb_index-excerpt-cont">
									<?php if ( has_excerpt( $post->ID ) ) {
										the_excerpt();
									} else {
										echo wp_trim_words( get_the_content(), 60 );
									}; ?>
                            	</div>
                            </div>
                        </li>
                    <?php endwhile; ?>
                </ul>
            <?php } else { ?>
            	<?php get_template_part('includes/module','nocontent'); ?>
            <?php }; wp_reset_query(); ?>
        </main>
    </div>
<?php get_footer(); ?>