Merge pull request #767 from Automattic/adds/category

Add classes for the category and tags to the primary `<section>`
Automattic · Feb 11, 2020 · 263cd02 · 263cd02
2 parents fb521f0 + dc4f5d8
commit 263cd02
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/newspack-theme/inc/template-functions.php b/newspack-theme/inc/template-functions.php
@@ -166,6 +166,20 @@ function newspack_post_classes( $classes, $class, $post_id ) {
 }
 add_filter( 'post_class', 'newspack_post_classes', 10, 3 );
 
+/**
+ * Gets the category and tag classes from the post.
+ */
+function newspack_get_category_tag_classes( $post_id ) {
+	$post_classes    = get_post_class( '', $post_id );
+	$cat_tag_classes = array();
+	foreach ( $post_classes as $post_class ) {
+		if ( 0 === strpos( $post_class, 'category-' ) || 0 === strpos( $post_class, 'tag-' ) ) {
+			$cat_tag_classes[] = $post_class;
+		}
+	}
+	return implode( ' ', $cat_tag_classes );
+}
+
 /**
  * Add a pingback url auto-discovery header for single posts, pages, or attachments.
  */

diff --git a/newspack-theme/single-feature.php b/newspack-theme/single-feature.php
@@ -13,7 +13,7 @@
 get_header();
 ?>
 
-	<section id="primary" class="content-area">
+	<section id="primary" class="content-area <?php echo esc_attr( newspack_get_category_tag_classes( get_the_ID() ) ); ?>">
 		<main id="main" class="site-main">
 
 			<?php

diff --git a/newspack-theme/single-wide.php b/newspack-theme/single-wide.php
@@ -13,7 +13,7 @@
 get_header();
 ?>
 
-	<section id="primary" class="content-area">
+	<section id="primary" class="content-area <?php echo esc_attr( newspack_get_category_tag_classes( get_the_ID() ) ); ?>">
 		<main id="main" class="site-main">
 
 			<?php

diff --git a/newspack-theme/single.php b/newspack-theme/single.php
@@ -10,7 +10,7 @@
 get_header();
 ?>
 
-	<section id="primary" class="content-area">
+	<section id="primary" class="content-area <?php echo esc_attr( newspack_get_category_tag_classes( get_the_ID() ) ); ?>">
 		<main id="main" class="site-main">
 
 			<?php