From f6de37359721b90877bfd234b96b185fe0e3137f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20M=C3=A9ndez?= Date: Tue, 17 Nov 2020 18:08:51 +0000 Subject: [PATCH 01/23] Initial commit. --- sk8prk/assets/alignments-front.css | 79 +++++++++++++++++++++++ sk8prk/block-template-parts/header.html | 41 ++++++++++++ sk8prk/block-templates/home.html | 1 + sk8prk/block-templates/index.html | 3 + sk8prk/experimental-theme.json | 57 ++++++++++++++++ sk8prk/functions.php | 86 +++++++++++++++++++++++++ sk8prk/index.php | 0 sk8prk/style.css | 15 +++++ 8 files changed, 282 insertions(+) create mode 100644 sk8prk/assets/alignments-front.css create mode 100644 sk8prk/block-template-parts/header.html create mode 100644 sk8prk/block-templates/home.html create mode 100644 sk8prk/block-templates/index.html create mode 100644 sk8prk/experimental-theme.json create mode 100644 sk8prk/functions.php create mode 100644 sk8prk/index.php create mode 100644 sk8prk/style.css diff --git a/sk8prk/assets/alignments-front.css b/sk8prk/assets/alignments-front.css new file mode 100644 index 0000000000..7ce1aedc9b --- /dev/null +++ b/sk8prk/assets/alignments-front.css @@ -0,0 +1,79 @@ +/* + * Alignments, loaded in the front-end only. + */ + +body { + margin: 0; +} + +* { + box-sizing: border-box; +} + +.wp-site-blocks, +.wp-block-template-part.alignfull { + padding: 0 var(--wp--custom--margin--horizontal); +} + +.wp-site-blocks > *:not(.wp-block-post-content), +.wp-site-blocks .wp-block-post-content > * { + max-width: var(--wp--custom--width--default); + margin-left: auto; + margin-right: auto; +} + +.wp-site-blocks .alignwide { + width: var(--wp--custom--width--wide); + max-width: 100%; + margin-left: auto; + margin-right: auto; +} + +.wp-site-blocks .alignfull { + transform: translateX(calc(0px - var(--wp--custom--width-horizontal))); + width: calc(100% + (2 * var(--wp--custom--width-horizontal))); + max-width: calc(100% + (2 * var(--wp--custom--width-horizontal))); + margin-left: 0; + margin-right: 0; + box-sizing: content-box; +} + +.wp-site-blocks .wp-block-template-part.alignfull { + width: 100%; + max-width: 100%; +} + +.wp-site-blocks .wp-block-columns.alignfull { + width: 100%; + max-width: 100%; +} + +.aligncenter { + text-align: center; +} + +.wp-site-blocks .alignleft { + float: left; + margin-right: 2em; + max-width: 360px; +} + +.wp-site-blocks .alignright { + float: right; + margin-left: 2em; + max-width: 360px; +} + +@media screen and (min-width: 1290px) { + + .wp-site-blocks, + .wp-block-template-part.alignfull { + padding: 0; + } + + .wp-site-blocks .alignfull { + transform: translateX(0px); + width: 100% + var(--wp--custom--width-horizontal)); + max-width: calc(100% + var(--wp--custom--width-horizontal)); + } +} \ No newline at end of file diff --git a/sk8prk/block-template-parts/header.html b/sk8prk/block-template-parts/header.html new file mode 100644 index 0000000000..bf1878b99e --- /dev/null +++ b/sk8prk/block-template-parts/header.html @@ -0,0 +1,41 @@ + +
+
+ + + +
+
+ + + +
+
+ + + + + + + +
+ + + +
+
    + + + +
+ + + +

+
+
+ + + +

+ \ No newline at end of file diff --git a/sk8prk/block-templates/home.html b/sk8prk/block-templates/home.html new file mode 100644 index 0000000000..77224fb117 --- /dev/null +++ b/sk8prk/block-templates/home.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html new file mode 100644 index 0000000000..c7d3146142 --- /dev/null +++ b/sk8prk/block-templates/index.html @@ -0,0 +1,3 @@ + +

+ \ No newline at end of file diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json new file mode 100644 index 0000000000..39a1ed5737 --- /dev/null +++ b/sk8prk/experimental-theme.json @@ -0,0 +1,57 @@ +{ + "global": { + "settings": { + "color": { + "gradients": [ ], + "palette": [ ] + }, + "typography": { + "customLineHeight": true, + "fontFamilies": [ + { + "fontFamily": "\"Red Hat Display\", sans-serif", + "slug": "red-hat-display", + "name": "Red Hat Display" + }, + { + "fontFamily": "\"Red Hat Text\", sans-serif", + "slug": "red-hat-text", + "name": "Red Hat Text" + } + ], + "fontSizes": [ ], + "spacing": { + "customPadding": true + } + }, + "custom": { + "width": { + "default": "840px", + "wide": "1100px" + }, + "margin": { + "horizontal": "14px" + }, + "typography": { + "primary": "\"Red Hat Text\"", + "secondary": "\"Red Hat Display\"" + } + } + }, + "styles": { + "color": { }, + "typography": { + "fontSize": "var(--wp--preset--font-size--normal)", + "lineHeight": "var(--wp--custom--line-height--body)", + "fontFamily": "var(--wp--custom--font-family--primary)" + } + } + }, + "core/site-title": { + "styles": { + "typography": { + "fontFamily": "var(--wp--custom--font-family--primary)" + } + } + } +} diff --git a/sk8prk/functions.php b/sk8prk/functions.php new file mode 100644 index 0000000000..f4dfbb449c --- /dev/null +++ b/sk8prk/functions.php @@ -0,0 +1,86 @@ + urlencode( implode( '|', $font_families ) ), + 'subset' => urlencode( 'latin,latin-ext' ), + ); + + $fonts_url = add_query_arg( $query_args, 'https://fonts.googleapis.com/css' ); + } + + return $fonts_url; +} + +/** + * Enqueue scripts and styles. + */ +function sk8prk_scripts() { + + // Enqueue theme stylesheet. + wp_enqueue_style( 'sk8prk-style', get_template_directory_uri() . '/style.css', array(), wp_get_theme()->get( 'Version' ) ); + + // Enqueue alignments stylesheet. + wp_enqueue_style( 'sk8prk-alignments-style', get_template_directory_uri() . '/assets/alignments-front.css', array(), wp_get_theme()->get( 'Version' ) ); + + // Enqueue custom fonts. + wp_enqueue_style( 'sk8prk-google-fonts', sk8prk_google_fonts_url() ); +} +add_action( 'wp_enqueue_scripts', 'sk8prk_scripts' ); diff --git a/sk8prk/index.php b/sk8prk/index.php new file mode 100644 index 0000000000..e69de29bb2 diff --git a/sk8prk/style.css b/sk8prk/style.css new file mode 100644 index 0000000000..9b60480d95 --- /dev/null +++ b/sk8prk/style.css @@ -0,0 +1,15 @@ +/* +Theme Name: Sk8prk +Theme URI: https://github.com/wordpress/theme-experiments/ +Author: Kjell Reigstad +Description: The base for a block-based theme. +Requires at least: 5.3 +Tested up to: 5.5 +Requires PHP: 5.6 +Version: 1.0 +License: GNU General Public License v2 or later +License URI: LICENSE +Text Domain: sk8prk + +Sk8prk is distributed under the terms of the GNU GPL. +*/ From 2d0686bb625c642dc0117e61653db41f7eea0898 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Tue, 17 Nov 2020 20:04:53 +0100 Subject: [PATCH 02/23] added footer and applied it to home and index --- sk8prk/block-template-parts/footer.html | 43 +++++++++++++++++++++++++ sk8prk/block-template-parts/header.html | 6 +--- sk8prk/block-templates/home.html | 6 +++- sk8prk/block-templates/index.html | 8 +++-- 4 files changed, 54 insertions(+), 9 deletions(-) create mode 100644 sk8prk/block-template-parts/footer.html diff --git a/sk8prk/block-template-parts/footer.html b/sk8prk/block-template-parts/footer.html new file mode 100644 index 0000000000..e368120721 --- /dev/null +++ b/sk8prk/block-template-parts/footer.html @@ -0,0 +1,43 @@ + +
+
+ + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt tailslide.

+ + + +
    + + + +
+
+ + + +
+

More info

+ + + + + + + + + + +
+ + + +
+

Subscribe

+ + + +

Subscribe form here!

+
+
+ \ No newline at end of file diff --git a/sk8prk/block-template-parts/header.html b/sk8prk/block-template-parts/header.html index bf1878b99e..80e39e8ff4 100644 --- a/sk8prk/block-template-parts/header.html +++ b/sk8prk/block-template-parts/header.html @@ -34,8 +34,4 @@

- - - -

- \ No newline at end of file + \ No newline at end of file diff --git a/sk8prk/block-templates/home.html b/sk8prk/block-templates/home.html index 77224fb117..e1c37dea01 100644 --- a/sk8prk/block-templates/home.html +++ b/sk8prk/block-templates/home.html @@ -1 +1,5 @@ - \ No newline at end of file + + + + + \ No newline at end of file diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html index c7d3146142..72f1d2d1e2 100644 --- a/sk8prk/block-templates/index.html +++ b/sk8prk/block-templates/index.html @@ -1,3 +1,5 @@ - -

- \ No newline at end of file + + + + + \ No newline at end of file From 8c606074d2c16ccdf57cf349a8950a8817d1f30e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20Me=CC=81ndez?= Date: Wed, 18 Nov 2020 07:59:13 -0400 Subject: [PATCH 03/23] Adjust JSON parameters to fix on frontend. --- sk8prk/experimental-theme.json | 57 ++++++++++++++++++++++++++++------ 1 file changed, 48 insertions(+), 9 deletions(-) diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json index 39a1ed5737..4ca83d1ae0 100644 --- a/sk8prk/experimental-theme.json +++ b/sk8prk/experimental-theme.json @@ -3,10 +3,44 @@ "settings": { "color": { "gradients": [ ], - "palette": [ ] + "palette": [ + { + "slug": "primary", + "color": "#000000", + "name": "Primary" + }, + { + "slug": "background", + "color": "#ffffff", + "name": "Background" + } + ] }, "typography": { + "customFontSize": true, "customLineHeight": true, + "fontSizes": [ + { + "name": "Small", + "size": "16.6px", + "slug": "small" + }, + { + "name": "Normal", + "size": "20px", + "slug": "normal" + }, + { + "name": "Large", + "size": "28.8px", + "slug": "large" + }, + { + "name": "Huge", + "size": "34.56px", + "slug": "huge" + } + ], "fontFamilies": [ { "fontFamily": "\"Red Hat Display\", sans-serif", @@ -21,36 +55,41 @@ ], "fontSizes": [ ], "spacing": { - "customPadding": true + "customPadding": true, + "units": [ "px", "em", "rem", "vh", "vw" ] } }, "custom": { + "line-height": { + "body": 1.6, + "headings": 1.125 + }, "width": { "default": "840px", "wide": "1100px" }, "margin": { "horizontal": "14px" - }, - "typography": { - "primary": "\"Red Hat Text\"", - "secondary": "\"Red Hat Display\"" } } }, "styles": { - "color": { }, + "color": { + "background": "var(--wp--preset--color--background)", + "text": "var(--wp--preset--color--primary)", + "link": "var(--wp--preset--color--primary)" + }, "typography": { "fontSize": "var(--wp--preset--font-size--normal)", "lineHeight": "var(--wp--custom--line-height--body)", - "fontFamily": "var(--wp--custom--font-family--primary)" + "fontFamily": "var(--wp--preset--font-family--red-hat-text)" } } }, "core/site-title": { "styles": { "typography": { - "fontFamily": "var(--wp--custom--font-family--primary)" + "fontFamily": "var(--wp--preset--font-family--red-hat-display)" } } } From 8279fdfe3f695080182ee65b50e630cecb19d6e5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20Me=CC=81ndez?= Date: Wed, 18 Nov 2020 09:01:06 -0400 Subject: [PATCH 04/23] Fix CSS variable on alignments stylesheet. --- sk8prk/assets/alignments-front.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/sk8prk/assets/alignments-front.css b/sk8prk/assets/alignments-front.css index 7ce1aedc9b..1b4415008c 100644 --- a/sk8prk/assets/alignments-front.css +++ b/sk8prk/assets/alignments-front.css @@ -30,9 +30,9 @@ body { } .wp-site-blocks .alignfull { - transform: translateX(calc(0px - var(--wp--custom--width-horizontal))); - width: calc(100% + (2 * var(--wp--custom--width-horizontal))); - max-width: calc(100% + (2 * var(--wp--custom--width-horizontal))); + transform: translateX(calc(0px - var(--wp--custom--margin-horizontal))); + width: calc(100% + (2 * var(--wp--custom--margin-horizontal))); + max-width: calc(100% + (2 * var(--wp--custom--margin-horizontal))); margin-left: 0; margin-right: 0; box-sizing: content-box; @@ -73,7 +73,7 @@ body { .wp-site-blocks .alignfull { transform: translateX(0px); - width: 100% + var(--wp--custom--width-horizontal)); - max-width: calc(100% + var(--wp--custom--width-horizontal)); + width: 100% + var(--wp--custom--margin-horizontal)); + max-width: calc(100% + var(--wp--custom--margin-horizontal)); } -} \ No newline at end of file +} From 150dd227c1b1d730a25d25adc5955489b3feb25b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20Me=CC=81ndez?= Date: Wed, 18 Nov 2020 09:02:46 -0400 Subject: [PATCH 05/23] Fix google fonts on backend. --- sk8prk/functions.php | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/sk8prk/functions.php b/sk8prk/functions.php index f4dfbb449c..25db975a8c 100644 --- a/sk8prk/functions.php +++ b/sk8prk/functions.php @@ -22,7 +22,10 @@ function sk8prk_support() { add_theme_support( 'editor-styles' ); // Enqueue editor styles. - add_editor_style( 'style.css' ); + add_editor_style( array( + 'style.css', + sk8prk_google_fonts_url() + ) ); } add_action( 'after_setup_theme', 'sk8prk_support' ); endif; From a3a93e438c9ed485ed60c0452681fd50fc5a69f2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20Me=CC=81ndez?= Date: Wed, 18 Nov 2020 09:03:16 -0400 Subject: [PATCH 06/23] Adjust margins and widths on JSON file. --- sk8prk/experimental-theme.json | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json index 4ca83d1ae0..a2a9ddbbfd 100644 --- a/sk8prk/experimental-theme.json +++ b/sk8prk/experimental-theme.json @@ -65,11 +65,12 @@ "headings": 1.125 }, "width": { - "default": "840px", - "wide": "1100px" + "default": "1124px", + "wide": "1248px", + "full": "100%" }, "margin": { - "horizontal": "14px" + "horizontal": "20px" } } }, From 28f8d2da9139a5ed5a49ae5f8fd384e4b4adf2a6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20Me=CC=81ndez?= Date: Wed, 18 Nov 2020 14:43:52 -0400 Subject: [PATCH 07/23] Add post title + featured image on index template. --- sk8prk/block-template-parts/header.html | 20 +++++++---------- sk8prk/block-templates/index.html | 30 ++++++++++++++++++++++--- 2 files changed, 35 insertions(+), 15 deletions(-) diff --git a/sk8prk/block-template-parts/header.html b/sk8prk/block-template-parts/header.html index 80e39e8ff4..d016039060 100644 --- a/sk8prk/block-template-parts/header.html +++ b/sk8prk/block-template-parts/header.html @@ -1,6 +1,6 @@ - -
-
+ +
+
@@ -11,13 +11,13 @@
- + - + - + - +
@@ -28,10 +28,6 @@ - - - -

-
+
\ No newline at end of file diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html index 72f1d2d1e2..1a3a4a31d1 100644 --- a/sk8prk/block-templates/index.html +++ b/sk8prk/block-templates/index.html @@ -1,5 +1,29 @@ - + - + +
+
- \ No newline at end of file + + + +
+
+ + + +
+
+ + + + + +

+
+
+
+
+ + + \ No newline at end of file From 58eba5891ea66769ef283600858bc5eec142d0e6 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Wed, 18 Nov 2020 19:44:16 +0100 Subject: [PATCH 08/23] structure for single post template --- sk8prk/block-templates/single.html | 51 ++++++++++++++++++++++++++++++ sk8prk/style.css | 5 +++ 2 files changed, 56 insertions(+) create mode 100644 sk8prk/block-templates/single.html diff --git a/sk8prk/block-templates/single.html b/sk8prk/block-templates/single.html new file mode 100644 index 0000000000..fd2f482f1f --- /dev/null +++ b/sk8prk/block-templates/single.html @@ -0,0 +1,51 @@ + + + + + +
+ + + +
+
+
+
+ + + +
+ + + +
+
+ + + +
+
+
+ + +
+ + + +
+
+ + + + + + +
+
+ + + +
+ + + \ No newline at end of file diff --git a/sk8prk/style.css b/sk8prk/style.css index 9b60480d95..3b259de325 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -13,3 +13,8 @@ Text Domain: sk8prk Sk8prk is distributed under the terms of the GNU GPL. */ + +img { + height: auto; + max-width: 100%; +} \ No newline at end of file From 88e3a6f841c481e8f260ea721a6f6aa579098d5d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20M=C3=A9ndez?= Date: Thu, 19 Nov 2020 12:33:23 +0000 Subject: [PATCH 09/23] Remove home.html template, will use index.html --- sk8prk/block-templates/home.html | 5 ----- 1 file changed, 5 deletions(-) delete mode 100644 sk8prk/block-templates/home.html diff --git a/sk8prk/block-templates/home.html b/sk8prk/block-templates/home.html deleted file mode 100644 index e1c37dea01..0000000000 --- a/sk8prk/block-templates/home.html +++ /dev/null @@ -1,5 +0,0 @@ - - - - - \ No newline at end of file From 59aa4f427bf07898d4126d5a3325d966f25f5e07 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Thu, 19 Nov 2020 14:07:15 +0100 Subject: [PATCH 10/23] headings font size, block separator style --- sk8prk/assets/alignments-front.css | 2 +- sk8prk/experimental-theme.json | 71 +++++++++++++++++++++++++++--- sk8prk/style.css | 10 ++++- 3 files changed, 75 insertions(+), 8 deletions(-) diff --git a/sk8prk/assets/alignments-front.css b/sk8prk/assets/alignments-front.css index 1b4415008c..205b070d34 100644 --- a/sk8prk/assets/alignments-front.css +++ b/sk8prk/assets/alignments-front.css @@ -73,7 +73,7 @@ body { .wp-site-blocks .alignfull { transform: translateX(0px); - width: 100% + var(--wp--custom--margin-horizontal)); + width: 100% + var(--wp--custom--margin-horizontal); max-width: calc(100% + var(--wp--custom--margin-horizontal)); } } diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json index a2a9ddbbfd..57bad3b51c 100644 --- a/sk8prk/experimental-theme.json +++ b/sk8prk/experimental-theme.json @@ -20,24 +20,34 @@ "customFontSize": true, "customLineHeight": true, "fontSizes": [ + { + "name": "Tiny", + "size": "14px", + "slug": "tiny" + }, { "name": "Small", - "size": "16.6px", + "size": "16px", "slug": "small" }, { "name": "Normal", - "size": "20px", + "size": "26px", "slug": "normal" }, + { + "name": "Medium", + "size": "48px", + "slug": "medium" + }, { "name": "Large", - "size": "28.8px", + "size": "64px", "slug": "large" }, { "name": "Huge", - "size": "34.56px", + "size": "72px", "slug": "huge" } ], @@ -53,7 +63,6 @@ "name": "Red Hat Text" } ], - "fontSizes": [ ], "spacing": { "customPadding": true, "units": [ "px", "em", "rem", "vh", "vw" ] @@ -62,7 +71,9 @@ "custom": { "line-height": { "body": 1.6, - "headings": 1.125 + "small": 1.2, + "medium": 1.4, + "large": 1.5 }, "width": { "default": "1124px", @@ -93,5 +104,53 @@ "fontFamily": "var(--wp--preset--font-family--red-hat-display)" } } + }, + "core/heading/h1": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--huge )", + "lineHeight": "var( --wp--custom--line-height--small )" + } + } + }, + "core/heading/h2": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--large )", + "lineHeight": "var( --wp--custom--line-height--small )" + } + } + }, + "core/heading/h3": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--medium )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + }, + "core/heading/h4": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--normal )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + }, + "core/heading/h5": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--small )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } + }, + "core/heading/h6": { + "styles": { + "typography": { + "fontSize": "var( --wp--preset--font-size--tiny )", + "lineHeight": "var( --wp--custom--line-height--medium )" + } + } } } diff --git a/sk8prk/style.css b/sk8prk/style.css index 3b259de325..a955d2e274 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -17,4 +17,12 @@ Sk8prk is distributed under the terms of the GNU GPL. img { height: auto; max-width: 100%; -} \ No newline at end of file +} + +.wp-block-separator { + opacity: 1; +} + +.wp-block-separator.has-background:not(.is-style-dots) { + height: 3px; +} From 9d2cc82861886ce4321419ee045902fb61dafda9 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Thu, 19 Nov 2020 15:22:32 +0100 Subject: [PATCH 11/23] changed headings font and sizes --- sk8prk/experimental-theme.json | 7 ++++++- sk8prk/style.css | 9 +++++++++ 2 files changed, 15 insertions(+), 1 deletion(-) diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json index 57bad3b51c..72c380f1e7 100644 --- a/sk8prk/experimental-theme.json +++ b/sk8prk/experimental-theme.json @@ -32,9 +32,14 @@ }, { "name": "Normal", - "size": "26px", + "size": "20px", "slug": "normal" }, + { + "name": "Big", + "size": "26px", + "slug": "big" + }, { "name": "Medium", "size": "48px", diff --git a/sk8prk/style.css b/sk8prk/style.css index a955d2e274..4838fb4d07 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -14,6 +14,15 @@ Text Domain: sk8prk Sk8prk is distributed under the terms of the GNU GPL. */ +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--wp--preset--font-family--red-hat-display); +} + img { height: auto; max-width: 100%; From 296606da9323b0a57f56154141d2555613d74a0d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20Me=CC=81ndez?= Date: Thu, 19 Nov 2020 12:47:02 -0400 Subject: [PATCH 12/23] Update header, footer parts + index template. --- sk8prk/block-template-parts/footer.html | 24 ++++---- sk8prk/block-template-parts/header.html | 16 +++-- sk8prk/block-templates/index.html | 82 ++++++++++++++++++++++--- 3 files changed, 97 insertions(+), 25 deletions(-) diff --git a/sk8prk/block-template-parts/footer.html b/sk8prk/block-template-parts/footer.html index e368120721..c1382d92e8 100644 --- a/sk8prk/block-template-parts/footer.html +++ b/sk8prk/block-template-parts/footer.html @@ -1,39 +1,39 @@
-
+

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt tailslide.

-
    +
      - + -
    +
-
-

More info

+
+

MORE INFO

- + - + - + - +
-
-

Subscribe

+
+

SUBSCRIBE

diff --git a/sk8prk/block-template-parts/header.html b/sk8prk/block-template-parts/header.html index d016039060..8414ecf50e 100644 --- a/sk8prk/block-template-parts/header.html +++ b/sk8prk/block-template-parts/header.html @@ -1,6 +1,10 @@ + + + +
-
+
@@ -9,13 +13,13 @@ -
-
- +
+
+ - + - +
diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html index 1a3a4a31d1..db30c046b3 100644 --- a/sk8prk/block-templates/index.html +++ b/sk8prk/block-templates/index.html @@ -1,10 +1,12 @@ - -
-
+ +

Empowering at-risk youth through skateboarding

+ - + +
+
@@ -16,13 +18,79 @@
- + +

Learn the basics of skating along with a group of your peers. More advanced at skating? Our skateboarding coaches will work with you 1:1 to advance your technique.

+
+
+ + + + + + + +

Monday, June 15 – Sunday, June 28, 2020

+ + + + + + + +
+ + + + + + + +
+
+

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank. Disaster frigid air bail aerial. Hang ten smith grind tailslide sick. Axle flypaper birdie gap Thrasher.

Nose blunt masonite nosebone bluntslide. Poseur tic-tac coping feeble Neil Blender. Rail camel back kick-nose bone air. Saran Wrap skate or die handplant coping. 540 half-flip face plant ho-ho. Hang up cab flip stalefish Primo slide.

Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks. Death box salad grind concave cess slide.

+
+ + + +
+
+ + + + + + + +
+
+
+
+

HEADING

+ -

+

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank.

+
+ + + +
+

HEADING

+ + + +

Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks.

-
+ + + +
+ + + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank. Disaster frigid air bail aerial. Hang ten smith grind tailslide sick.

+
From 19d9ebcecc0c569a61916be381622f7dd7162644 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20M=C3=A9ndez?= Date: Thu, 19 Nov 2020 16:51:39 +0000 Subject: [PATCH 13/23] Fix navigation block, contained unicode characters. --- sk8prk/block-template-parts/header.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/sk8prk/block-template-parts/header.html b/sk8prk/block-template-parts/header.html index 8414ecf50e..112bd1b84d 100644 --- a/sk8prk/block-template-parts/header.html +++ b/sk8prk/block-template-parts/header.html @@ -15,11 +15,11 @@
- + - + - +
From 4e1521bb5fe0e3d8f6ae5f61518d2ba1829a64fa Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Thu, 19 Nov 2020 18:03:11 +0100 Subject: [PATCH 14/23] responsive font sizes --- sk8prk/style.css | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/sk8prk/style.css b/sk8prk/style.css index 4838fb4d07..da47eb5f8b 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -35,3 +35,13 @@ img { .wp-block-separator.has-background:not(.is-style-dots) { height: 3px; } + +@media screen and (max-width: 600px) { + :root { + --wp--preset--font-size--normal: 18px; + --wp--preset--font-size--big: 20px; + --wp--preset--font-size--medium: 30px; + --wp--preset--font-size--large: 36px; + --wp--preset--font-size--huge: 48px; + } +} \ No newline at end of file From 1a31d093689e886a4359311c9503e24119d3b7cc Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20M=C3=A9ndez?= Date: Thu, 19 Nov 2020 17:16:58 +0000 Subject: [PATCH 15/23] Add "Powered by WordPress" to footer template part. --- sk8prk/block-template-parts/footer.html | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/sk8prk/block-template-parts/footer.html b/sk8prk/block-template-parts/footer.html index c1382d92e8..eddee1085f 100644 --- a/sk8prk/block-template-parts/footer.html +++ b/sk8prk/block-template-parts/footer.html @@ -40,4 +40,16 @@

SUBSCRIBE

Subscribe form here!

- \ No newline at end of file + + + + + + + +

Proudly Powered by WordPress

+ + + + + \ No newline at end of file From 14ab524de11434a016ca1c5f5e7fca5f934a0de9 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Thu, 19 Nov 2020 19:49:45 +0100 Subject: [PATCH 16/23] block styles for separator --- sk8prk/assets/block-styles.css | 5 +++++ sk8prk/functions.php | 32 ++++++++++++++++++++++++++++++++ sk8prk/style.css | 24 ++++++++++++------------ 3 files changed, 49 insertions(+), 12 deletions(-) create mode 100644 sk8prk/assets/block-styles.css diff --git a/sk8prk/assets/block-styles.css b/sk8prk/assets/block-styles.css new file mode 100644 index 0000000000..9d647bff43 --- /dev/null +++ b/sk8prk/assets/block-styles.css @@ -0,0 +1,5 @@ +.wp-block-separator.is-style-thick-separator:not(.is-style-wide):not(.is-style-dots) { + opacity: 1; + height: 3px; + max-width: 100%; +} \ No newline at end of file diff --git a/sk8prk/functions.php b/sk8prk/functions.php index 25db975a8c..41b2ccf4d7 100644 --- a/sk8prk/functions.php +++ b/sk8prk/functions.php @@ -87,3 +87,35 @@ function sk8prk_scripts() { wp_enqueue_style( 'sk8prk-google-fonts', sk8prk_google_fonts_url() ); } add_action( 'wp_enqueue_scripts', 'sk8prk_scripts' ); + +/** + * Register Custom Block Styles + */ +if ( function_exists( 'register_block_style' ) ) { + function sk8prk_register_block_styles() { + + /** + ** Register stylesheet + **/ + wp_register_style( + 'block-styles-stylesheet', + get_template_directory_uri() . '/assets/block-styles.css', + array(), + '1.1' + ); + + /** + * Register block style + */ + register_block_style( + 'core/separator', + array( + 'name' => 'thick-separator', + 'label' => 'Thick', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + } + + add_action( 'init', 'sk8prk_register_block_styles' ); +} diff --git a/sk8prk/style.css b/sk8prk/style.css index da47eb5f8b..ebf20b69e4 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -14,13 +14,10 @@ Text Domain: sk8prk Sk8prk is distributed under the terms of the GNU GPL. */ -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: var(--wp--preset--font-family--red-hat-display); +/* CSS RESET */ + +figure { + margin: 0; } img { @@ -28,12 +25,15 @@ img { max-width: 100%; } -.wp-block-separator { - opacity: 1; -} +/* */ -.wp-block-separator.has-background:not(.is-style-dots) { - height: 3px; +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: var(--wp--preset--font-family--red-hat-display); } @media screen and (max-width: 600px) { From a2fc0a5e2d1629220ca8b8bcfc33839172587cf2 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Thu, 19 Nov 2020 20:01:27 +0100 Subject: [PATCH 17/23] block patterns --- sk8prk/block-patterns.php | 170 ++++++++++++++++++++++++++++++++++++++ sk8prk/functions.php | 5 ++ 2 files changed, 175 insertions(+) create mode 100644 sk8prk/block-patterns.php diff --git a/sk8prk/block-patterns.php b/sk8prk/block-patterns.php new file mode 100644 index 0000000000..471d6b094f --- /dev/null +++ b/sk8prk/block-patterns.php @@ -0,0 +1,170 @@ + __( 'Sk8prk', 'sk8prk' ) ) + ); + } + + /** + * Register Block Patterns. + */ + if ( function_exists( 'register_block_pattern' ) ) { + + register_block_pattern( + 'sk8prk/blog-post-pattern-1', + array( + 'title' => __( 'Left column image', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' +
+
+
+ + + +
Learn the basics of skating along with a group of your peers.
+
+ + + +
+

A HEADING

+ + + +

Skate ipsum dolor sit amet, poseur nollie casper pop shove-it. Kickturn noseblunt slide tailslide lien air Bonite. Rocket air poseur snake shoveit Chico Brenes. Crooked grind locals casper slide bank. Disaster frigid air bail aerial. Hang ten smith grind tailslide sick.

+ + + +

Nose blunt masonite nosebone bluntslide. Poseur tic-tac coping feeble Neil Blender. Rail camel back kick-nose bone air. Saran Wrap skate or die handplant coping. 540 half-flip face plant ho-ho. Hang up cab flip stalefish.

+ + + +

Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks. Death box salad grind concave cess slide.

+
+ + + +
+
+ ', + ) + ); + + register_block_pattern( + 'sk8prk/blog-post-pattern-2', + array( + 'title' => __( 'Testimonial and image', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' + +
+
+
+ + + +

Jane Doe

+
+ + + +
+

Add a testimonial from someone who loves what you do.

+
+
+ + + +
+ ', + ) + ); + + register_block_pattern( + 'sk8prk/blog-post-pattern-3', + array( + 'title' => __( 'Two columns and gallery', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => ' +
+
+ + + +
+

ANOTHER HEADING

+ + + +

Add your company history here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In sit amet eros eget justo elementum interdum. Cras vestibulum nulla id aliquam rutrum. Vestibulum aliquet mauris ut augue ultrices facilisis. Vestibulum pretium ligula sed ipsum dapibus, tempus iaculis felis ornare. Morbi pretium sed est tincidunt hendrerit. Curabitur id elit scelerisque, pharetra tellus sit amet.

+ + + +

Aliquam consectetur tristique metus non pulvinar. Donec luctus magna quis justo tincidunt, eu euismod lacus faucibus. Cras eros risus, venenatis ut ante eu.

+
+ + + +
+ + + + +
+ + + +

A quote that is aligned right next to some normal paragraphs and headings

+ + + +

– Jane Doe

+
+
+ + + +
+ + + +
+
+ + + +
+

Nose blunt masonite nosebone bluntslide. Poseur tic-tac coping feeble Neil Blender. Rail camel back kick-nose bone air. Saran Wrap skate or die handplant coping. 540 half-flip face plant ho-ho. Hang up cab flip stalefish Primo slide.
Vert quarter pipe tailslide grab. Nose slide Bam Margera rocket air axle set disaster. Fast plant crail grab Japan air chicken wing Bullet 66. Hurricane coping masonite crail grab Brooklyn Banks. Death box salad grind concave cess slide.

+
+ + + +
+
+ ', + ) + ); + + register_block_pattern( + 'sk8prk/blog-post-pattern-4', + array( + 'title' => __( 'Three Testimonials', 'sk8prk' ), + 'categories' => array( 'sk8prk' ), + 'content' => '', + ) + ); + } + } +endif; +add_action( 'after_setup_theme', 'sk8prk_register_block_patterns', 12 ); ?> diff --git a/sk8prk/functions.php b/sk8prk/functions.php index 41b2ccf4d7..ea3e1b6424 100644 --- a/sk8prk/functions.php +++ b/sk8prk/functions.php @@ -119,3 +119,8 @@ function sk8prk_register_block_styles() { add_action( 'init', 'sk8prk_register_block_styles' ); } + +/** + * Block Patterns. + */ +require get_stylesheet_directory() . '/block-patterns.php'; \ No newline at end of file From 70be989321df6ebf18da4b370f622918c447579f Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Thu, 19 Nov 2020 20:03:02 +0100 Subject: [PATCH 18/23] improved the single post template --- sk8prk/block-templates/single.html | 34 ++++++++++++------------------ 1 file changed, 14 insertions(+), 20 deletions(-) diff --git a/sk8prk/block-templates/single.html b/sk8prk/block-templates/single.html index fd2f482f1f..9d052d8bed 100644 --- a/sk8prk/block-templates/single.html +++ b/sk8prk/block-templates/single.html @@ -1,4 +1,4 @@ - + @@ -6,34 +6,28 @@
- -
-
-
-
- + + + - -
- + - -
-
- + + +
-
-
+
+
-
+
-
-
+
+
@@ -48,4 +42,4 @@
- \ No newline at end of file + \ No newline at end of file From 090127e0ba72cc75304747216c5948e898b38d3e Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Fri, 20 Nov 2020 13:44:49 +0100 Subject: [PATCH 19/23] added new testimonials pattern --- sk8prk/assets/block-styles.css | 2 ++ sk8prk/block-patterns.php | 60 ++++++++++++++++++++++++++++++++-- 2 files changed, 60 insertions(+), 2 deletions(-) diff --git a/sk8prk/assets/block-styles.css b/sk8prk/assets/block-styles.css index 9d647bff43..1c3b36d050 100644 --- a/sk8prk/assets/block-styles.css +++ b/sk8prk/assets/block-styles.css @@ -1,5 +1,7 @@ .wp-block-separator.is-style-thick-separator:not(.is-style-wide):not(.is-style-dots) { opacity: 1; height: 3px; + border-bottom-width: 3px; max-width: 100%; + color: var(--wp--preset--color--primary); } \ No newline at end of file diff --git a/sk8prk/block-patterns.php b/sk8prk/block-patterns.php index 471d6b094f..4aad3fc036 100644 --- a/sk8prk/block-patterns.php +++ b/sk8prk/block-patterns.php @@ -157,11 +157,67 @@ function sk8prk_register_block_patterns() { ); register_block_pattern( - 'sk8prk/blog-post-pattern-4', + 'sk8prk/three-testimonials', array( 'title' => __( 'Three Testimonials', 'sk8prk' ), 'categories' => array( 'sk8prk' ), - 'content' => '', + 'content' => ' +
+ + + + + + + +
+
+

HEADING A

+ + + +

Add more info about your service. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id arcu aliquet, elementum nisi quis, condimentum nibh.

+
+ + + +
+

HEADING B

+ + + +

Add more info about your service. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id arcu aliquet, elementum nisi quis, condimentum nibh.

+
+ + + +
+

HEADING C

+ + + +

Add more info about your service. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin id arcu aliquet, elementum nisi quis, condimentum nibh.

+
+
+ + + +
+
+
+
+ + + +
+

Add a testimonial from someone who loves what you do.

+ + + +

Jane Doe

+
+
+ ', ) ); } From 8b5593e0d8146aa0166dabf05e0a774530adb601 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Fri, 20 Nov 2020 14:45:37 +0100 Subject: [PATCH 20/23] changed variable names and made green the main color --- sk8prk/assets/block-styles.css | 2 +- sk8prk/experimental-theme.json | 23 ++++++++++++++++------- 2 files changed, 17 insertions(+), 8 deletions(-) diff --git a/sk8prk/assets/block-styles.css b/sk8prk/assets/block-styles.css index 1c3b36d050..b98905235a 100644 --- a/sk8prk/assets/block-styles.css +++ b/sk8prk/assets/block-styles.css @@ -3,5 +3,5 @@ height: 3px; border-bottom-width: 3px; max-width: 100%; - color: var(--wp--preset--color--primary); + color: var(--wp--custom--color--secondary); } \ No newline at end of file diff --git a/sk8prk/experimental-theme.json b/sk8prk/experimental-theme.json index 72c380f1e7..e3c8797e8e 100644 --- a/sk8prk/experimental-theme.json +++ b/sk8prk/experimental-theme.json @@ -5,14 +5,19 @@ "gradients": [ ], "palette": [ { - "slug": "primary", + "slug": "black", "color": "#000000", - "name": "Primary" + "name": "Black" }, { - "slug": "background", + "slug": "white", "color": "#ffffff", - "name": "Background" + "name": "White" + }, + { + "slug": "green", + "color": "#BFF5A5", + "name": "Green" } ] }, @@ -74,6 +79,10 @@ } }, "custom": { + "color": { + "primary": "var(--wp--preset--color--green)", + "secondary": "var(--wp--preset--color--black)" + }, "line-height": { "body": 1.6, "small": 1.2, @@ -92,9 +101,9 @@ }, "styles": { "color": { - "background": "var(--wp--preset--color--background)", - "text": "var(--wp--preset--color--primary)", - "link": "var(--wp--preset--color--primary)" + "background": "var(--wp--custom--color--primary)", + "text": "var(--wp--custom--color--secondary)", + "link": "var(--wp--custom--color--secondary)" }, "typography": { "fontSize": "var(--wp--preset--font-size--normal)", From 0136b2efe1f6a0f7ee7e03e62771a7f106047545 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20M=C3=A9ndez?= Date: Fri, 20 Nov 2020 15:02:18 +0000 Subject: [PATCH 21/23] Update index.html template with remaining sections. --- sk8prk/block-templates/index.html | 70 ++++++++++++++++++++++++++++--- sk8prk/style.css | 7 +++- 2 files changed, 70 insertions(+), 7 deletions(-) diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html index db30c046b3..e81fafb517 100644 --- a/sk8prk/block-templates/index.html +++ b/sk8prk/block-templates/index.html @@ -1,7 +1,7 @@ - -

Empowering at-risk youth through skateboarding

+ +

Empowering at-risk youth through skateboarding

@@ -28,8 +28,8 @@

Empowering at-risk youth through skateboarding

- -

Monday, June 15 – Sunday, June 28, 2020

+ +

Monday, June 15 – Sunday, June 28, 2020

@@ -60,8 +60,8 @@

Monday, June 15 – Sunday, June 28, 2020

- -
+ +
@@ -94,4 +94,62 @@

HEADING

+ + + + + +
+
+

VISITING COACHES

+ + + +

Rodney Mullen. Paul Rodriguez. Bucky Lasek. Bob Burnquist. Tony Hawk. Ryan Sheckler. Eric Koston. Bam Margera. Chris Cole. Andrew Reynolds.

+ + + +
+
SEE ALL FACULTY
+
+
+ + + +
+
+ + + + + + + +
+
+
+ + + + +

Ready to skate?

+ + + +
+
SIGN UP
+
+
+
+ + + +
+
+ + + + + + \ No newline at end of file diff --git a/sk8prk/style.css b/sk8prk/style.css index ebf20b69e4..2cf5833edc 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -44,4 +44,9 @@ h6 { --wp--preset--font-size--large: 36px; --wp--preset--font-size--huge: 48px; } -} \ No newline at end of file +} + +.wp-block-columns.has-border-style { + border: solid 2px var(--wp--preset--color--primary); + padding: 1.35em; +} From 7db00e85bf14ba386b0bbbc00ea7c9867cdb3ca6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ernesto=20M=C3=A9ndez?= Date: Fri, 20 Nov 2020 15:12:33 +0000 Subject: [PATCH 22/23] Homepage fixes, normalize border size to 3px. --- sk8prk/block-templates/index.html | 6 +----- sk8prk/style.css | 13 ++++++++++++- 2 files changed, 13 insertions(+), 6 deletions(-) diff --git a/sk8prk/block-templates/index.html b/sk8prk/block-templates/index.html index e81fafb517..d9554f3bd4 100644 --- a/sk8prk/block-templates/index.html +++ b/sk8prk/block-templates/index.html @@ -141,11 +141,7 @@

Ready to skate?

- - - -
-
+
diff --git a/sk8prk/style.css b/sk8prk/style.css index 2cf5833edc..bceb95f7e8 100644 --- a/sk8prk/style.css +++ b/sk8prk/style.css @@ -47,6 +47,17 @@ h6 { } .wp-block-columns.has-border-style { - border: solid 2px var(--wp--preset--color--primary); + border: solid 3px var(--wp--preset--color--primary); padding: 1.35em; } + +h1.has-heading-top-border, +h2.has-heading-top-border, +h3.has-heading-top-border, +h4.has-heading-top-border, +h5.has-heading-top-border, +h6.has-heading-top-border { + border-top: solid 3px var(--wp--preset--color--primary); + display: inline-block; + padding-top: 0.5em; +} From 8ab6a03109fb07cc3f94b2c2b3f8674e75ede687 Mon Sep 17 00:00:00 2001 From: Maggie Cabrera Date: Fri, 20 Nov 2020 19:22:38 +0100 Subject: [PATCH 23/23] block styles for green images --- sk8prk/assets/block-styles.css | 11 +++++++- sk8prk/block-patterns.php | 24 +++++++++--------- sk8prk/block-templates/single.html | 12 ++++----- sk8prk/functions.php | 40 ++++++++++++++++++++++++++++-- 4 files changed, 66 insertions(+), 21 deletions(-) diff --git a/sk8prk/assets/block-styles.css b/sk8prk/assets/block-styles.css index b98905235a..406dcd95af 100644 --- a/sk8prk/assets/block-styles.css +++ b/sk8prk/assets/block-styles.css @@ -4,4 +4,13 @@ border-bottom-width: 3px; max-width: 100%; color: var(--wp--custom--color--secondary); -} \ No newline at end of file +} + +.is-style-filter-effect, +.is-style-filter-effect figure{ + background-color: var(--wp--custom--color--primary); +} + +.is-style-filter-effect img { + mix-blend-mode: luminosity; +} diff --git a/sk8prk/block-patterns.php b/sk8prk/block-patterns.php index 4aad3fc036..2454e89c2c 100644 --- a/sk8prk/block-patterns.php +++ b/sk8prk/block-patterns.php @@ -27,12 +27,12 @@ function sk8prk_register_block_patterns() { 'categories' => array( 'sk8prk' ), 'content' => '
-
-
+
+
- -
Learn the basics of skating along with a group of your peers.
+ +
Learn the basics of skating along with a group of your peers.
@@ -69,8 +69,8 @@ function sk8prk_register_block_patterns() { 'content' => '
-
-
+
+
@@ -85,8 +85,8 @@ function sk8prk_register_block_patterns() {
- -
+ +
', ) ); @@ -134,8 +134,8 @@ function sk8prk_register_block_patterns() {
- -
+ +
@@ -161,8 +161,8 @@ function sk8prk_register_block_patterns() { array( 'title' => __( 'Three Testimonials', 'sk8prk' ), 'categories' => array( 'sk8prk' ), - 'content' => ' -
+ 'content' => ' +
diff --git a/sk8prk/block-templates/single.html b/sk8prk/block-templates/single.html index 9d052d8bed..d563f69116 100644 --- a/sk8prk/block-templates/single.html +++ b/sk8prk/block-templates/single.html @@ -18,17 +18,17 @@
-
-
- +
+
+
-
-
- +
+
+ diff --git a/sk8prk/functions.php b/sk8prk/functions.php index ea3e1b6424..578e3f7189 100644 --- a/sk8prk/functions.php +++ b/sk8prk/functions.php @@ -105,7 +105,7 @@ function sk8prk_register_block_styles() { ); /** - * Register block style + * Register Separator block style */ register_block_style( 'core/separator', @@ -114,7 +114,43 @@ function sk8prk_register_block_styles() { 'label' => 'Thick', 'style_handle' => 'block-styles-stylesheet', ) - ); + ); + + /** + * Register Image block style + */ + register_block_style( + 'core/image', + array( + 'name' => 'filter-effect', + 'label' => 'Colored image', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + + /** + * Register Featured Image block style + */ + register_block_style( + 'core/post-featured-image', + array( + 'name' => 'filter-effect', + 'label' => 'Colored image', + 'style_handle' => 'block-styles-stylesheet', + ) + ); + + /** + * Register Featured Image block style + */ + register_block_style( + 'core/gallery', + array( + 'name' => 'filter-effect', + 'label' => 'Colored image', + 'style_handle' => 'block-styles-stylesheet', + ) + ); } add_action( 'init', 'sk8prk_register_block_styles' );