From 73d06e9dda73ec25363e54082731ae9f38f22af9 Mon Sep 17 00:00:00 2001 From: tellyworth Date: Thu, 18 Nov 2021 17:38:00 +1100 Subject: [PATCH 1/6] Rough starting templates This is a starting point for the month-in-wordpress templates. There's no CSS changes yet, just the markup. Some notes: * The wp:query block has some limitations and oddities. I've set columns to 4 because otherwise it was only showing 2. Could be an off-by-one bug or just some quirky layout stuff. * I used perPage:10000. 0/-1 don't work like WP_Query. I'd prefer to set the limit to something like 60 (5 years per page), but it seems that the pagination block doesn't pay attention to the query block's page parameters and that would mean putting a magic number in two places. Probably there's a sensible way to handle that, but for now I've just removed the pagination altogether. --- .../content-category-month-in-wordpress.html | 11 +++++++++++ .../category-month-in-wordpress.html | 16 ++++++++++++++++ 2 files changed, 27 insertions(+) create mode 100644 source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html create mode 100644 source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html diff --git a/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html b/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html new file mode 100644 index 00000000..d7e0e2c4 --- /dev/null +++ b/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html @@ -0,0 +1,11 @@ + +
+

+ + +
+ +
+ +
+ diff --git a/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html b/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html new file mode 100644 index 00000000..80d7fce0 --- /dev/null +++ b/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html @@ -0,0 +1,16 @@ + + + + + +
+ + + + +
+ + + + + From ad25ed4d90fec4c2b30c967f36b01bdb9eb92b49 Mon Sep 17 00:00:00 2001 From: tellyworth Date: Mon, 29 Nov 2021 18:51:10 +1100 Subject: [PATCH 2/6] Limit the query to the right category This uses the `category` pseudo-attribute from #88. --- .../block-templates/category-month-in-wordpress.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html b/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html index 80d7fce0..4ff7a6f6 100644 --- a/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html +++ b/source/wp-content/themes/wporg-news-2021/block-templates/category-month-in-wordpress.html @@ -2,7 +2,7 @@ - +
From 83d3f96ae73b24eec3bf200335c3d35db5c771ab Mon Sep 17 00:00:00 2001 From: tellyworth Date: Thu, 9 Dec 2021 18:28:45 +1100 Subject: [PATCH 3/6] Make headings links --- .../content-category-month-in-wordpress.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html b/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html index d7e0e2c4..fb089c6f 100644 --- a/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html +++ b/source/wp-content/themes/wporg-news-2021/block-template-parts/content-category-month-in-wordpress.html @@ -1,6 +1,6 @@
-

+

From b5cc172a087d932aba6e1956a5ff14042daf8347 Mon Sep 17 00:00:00 2001 From: tellyworth Date: Thu, 9 Dec 2021 18:29:03 +1100 Subject: [PATCH 4/6] Fix link colour, align text --- .../themes/wporg-news-2021/sass/components/_categories.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss b/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss index 13ac7fde..cc40d7d0 100644 --- a/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss +++ b/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss @@ -37,11 +37,17 @@ body.category-releases { body.category-month-in-wordpress { @extend %local-header-dark; + text-align: center; .site-content-container { color: var( --wp--preset--color--off-white-2 ); } + .wp-block-post-date a { + color: var( --wp--preset--color--off-white-2 ); + text-transform: uppercase; + } + @extend %footer-archive-dark; } From 1c5609f5bdba1eb533b65efb997cf93a2a52a37b Mon Sep 17 00:00:00 2001 From: tellyworth Date: Thu, 9 Dec 2021 18:56:18 +1100 Subject: [PATCH 5/6] Workaround for an issue in query handling There's a weird bug or unexpected behaviour around setting the query vars in this context. This isn't right but it'll look better for the demo. --- source/wp-content/themes/wporg-news-2021/functions.php | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/source/wp-content/themes/wporg-news-2021/functions.php b/source/wp-content/themes/wporg-news-2021/functions.php index a60a2ed7..f62bcf5f 100644 --- a/source/wp-content/themes/wporg-news-2021/functions.php +++ b/source/wp-content/themes/wporg-news-2021/functions.php @@ -260,10 +260,10 @@ function specify_post_classes( $classes, $extra_classes, $post_id ) { if ( !is_null( $current_post ) ) { if ( $current_post == 0 ) { // First in the query - $classes[] = 'first-in-year'; - } elseif ( $current_post >= $wp_query->post_count - 1 ) { + #$classes[] = 'first-in-year first-in-query'; + } elseif ( $current_post >= count( $wp_query->posts ) - 1 ) { // Last in the query - $classes[] = 'last-in-year'; + #$classes[] = 'last-in-year last-in-query'; } else { if ( get_the_date( 'Y' ) !== get_the_date( 'Y', $wp_query->posts[ $current_post - 1 ] ) ) { $classes[] = 'first-in-year'; From 10519365dad00fe5ac22c19c865f46b0e9480105 Mon Sep 17 00:00:00 2001 From: tellyworth Date: Thu, 9 Dec 2021 18:56:37 +1100 Subject: [PATCH 6/6] Rough version of the in-between-years divider --- .../wporg-news-2021/sass/components/_categories.scss | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss b/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss index cc40d7d0..31b1fd3e 100644 --- a/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss +++ b/source/wp-content/themes/wporg-news-2021/sass/components/_categories.scss @@ -48,6 +48,18 @@ body.category-month-in-wordpress { text-transform: uppercase; } + .last-in-year::after { + content: "-"; + display: inline-block; + line-height: 7em; + width: 100%; + background-image: url("images/brush-stroke-short-blue-4.svg"); + background-position: center; + background-repeat: no-repeat; + //background-size: fill; + color: var(--wp--preset--color--blue-1); + + } @extend %footer-archive-dark; }