11_08

mor10 · Dec 15, 2016 · a11b6c0 · a11b6c0
1 parent 66d696f
commit a11b6c0
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 2 deletions.
diff --git a/functions.php b/functions.php
@@ -42,6 +42,7 @@ function humescores_setup() {
 	 */
 	add_theme_support( 'post-thumbnails' );
 	add_image_size( 'humescores-full-bleed', 2000, 1200, true );
+	add_image_size( 'humescores-index-img', 800, 450, true );
 
 	// This theme uses wp_nav_menu() in one location.
 	register_nav_menus( array(

diff --git a/sass/maps/style.css.map b/sass/maps/style.css.map
diff --git a/sass/site/archive/_archive.scss b/sass/site/archive/_archive.scss
@@ -30,6 +30,19 @@
 	}
 }
 
+.index-image {
+	img {
+		display: block;
+		margin: 0 auto;
+	}
+
+	a {
+		&:focus > img,
+		&:hover > img {
+			opacity: .8;
+		}
+	}
+}
 
 .continue-reading {
 	position: absolute;

diff --git a/style.css b/style.css
diff --git a/template-parts/content.php b/template-parts/content.php
@@ -10,7 +10,19 @@
 ?>
 
 <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
-		<div class="post__content">
+
+	<?php
+	if ( has_post_thumbnail() ) { ?>
+	<figure class="featured-image index-image">
+		<a href="<?php echo esc_url( get_permalink() ) ?>" rel="bookmark">
+			<?php
+			the_post_thumbnail('humescores-index-img');
+			?>
+		</a>
+	</figure><!-- .featured-image full-bleed -->
+	<?php } ?>
+
+	<div class="post__content">
 		<header class="entry-header">
 			<?php humescores_the_category_list(); ?>
 			<?php