wp-theme-guide/front-page.php at master · LearnWebCode/wp-theme-guide · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<?php

get_header(); ?>

	<!-- site-content -->
	<div class="site-content clearfix">

			<?php if (have_posts()) :
				while (have_posts()) : the_post();

				the_content();

				endwhile;

				else :
					echo '<p>No content found</p>';

				endif; ?>

				<!-- home-columns -->
				<div class="home-columns clearfix">

					<!-- one-half -->
					<div class="one-half">

						<h2>Latest Opinion</h2>

						<?php // opinion posts loop begins here
						$ourPosts = new WP_Query('cat=3&posts_per_page=2');

						if ($ourPosts->have_posts()) :

							while ($ourPosts->have_posts()) : $ourPosts->the_post(); ?>
								<!-- post-item -->
								<div class="post-item clearfix">

									<!-- post-thumbnail -->
									<div class="square-thumbnail">
										<a href="<?php the_permalink(); ?>"><?php
										if (has_post_thumbnail()) {
											the_post_thumbnail('square-thumbnail');
										} else { ?>

											<img src="<?php echo get_template_directory_uri(); ?>/images/leaf.jpg">

										<?php } ?></a>
									</div><!-- /post-thumbnail -->

									<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <span class="subtle-date"><?php the_time('n/j/Y'); ?></span></h4>

									<?php the_excerpt(); ?>

									</div><!-- /post-item -->
							<?php endwhile;

							else :
								// fallback no content message here
						endif;
						wp_reset_postdata(); ?>

						<span class="horiz-center"><a href="<?php echo get_category_link(3); ?>" class="btn-a">View all Opinion Posts</a></span>

					</div><!-- /one-half -->

					<!-- one-half -->
					<div class="one-half last">

						<h2>Latest News</h2>

						<?php // news posts loop begins here
						$ourPosts = new WP_Query('cat=4&posts_per_page=2');

						if ($ourPosts->have_posts()) :

							while ($ourPosts->have_posts()) : $ourPosts->the_post(); ?>
								<!-- post-item -->
								<div class="post-item clearfix">

									<!-- post-thumbnail -->
									<div class="square-thumbnail">
										<a href="<?php the_permalink(); ?>"><?php
										if (has_post_thumbnail()) {
											the_post_thumbnail('square-thumbnail');
										} else { ?>

											<img src="<?php echo get_template_directory_uri(); ?>/images/leaf.jpg">

										<?php } ?></a>
									</div><!-- /post-thumbnail -->

									<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a> <span class="subtle-date"><?php the_time('n/j/Y'); ?></span></h4>

									<?php the_excerpt(); ?>

									</div><!-- /post-item -->
							<?php endwhile;

							else :
								// fallback no content message here
						endif;
						wp_reset_postdata();

						?>

						<span class="horiz-center"><a href="<?php echo get_category_link(4); ?>" class="btn-a">View all News Posts</a></span>

					</div><!-- /one-half -->

				</div><!-- /home-columns -->

	</div><!-- /site-content -->

	<?php get_footer();

?>