PluginProbe
PatternsWP – Gutenberg Block Patterns & Page Templates Library / 1.0.0
PatternsWP – Gutenberg Block Patterns & Page Templates Library v1.0.0
trunk 1.0.0 1.0.1 1.0.10 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.9
patternswp / patterns / patternswp-features.php

patternswp-features.php in PatternsWP – Gutenberg Block Patterns & Page Templates Library 1.0.0, at patterns/patternswp-features.php

36 lines 8.4 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 <?php
2 /**
3 * Register Custom Block Styles
4 */
5
6 function PatternsWPFeatures_patterns_register_block_patterns() {
7 if ( function_exists( 'register_block_pattern' ) ) {
8 /**
9 * Add your block patterns below
10 */
11
12 /*
13 register_block_pattern(
14 'PatternsWP-gutenberg-block-patterns/TITLE-OF-YOUR-BLOCK-PATTERN', # Add Hyphens between lowercase words
15 array(
16 'title' => __( 'TITLE_OF_YOUR_BLOCK_PATTERN', 'PatternsWP-gutenberg-block-patterns' ),
17 'content' => "BLOCK_PATTERN_GOES_HERE",
18 'categories' => array("CATEGORY"), # eg: columns, text ..etc
19 )
20 );
21 */
22
23 register_block_pattern(
24 'PatternsWPFeatures-gutenberg-block-patterns/features-one',
25 array(
26 'title' => __( 'Features Section One', 'PatternsWPFeatures-gutenberg-block-patterns' ),
27 'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"64px\",\"right\":\"20px\",\"bottom\":\"64px\",\"left\":\"20px\"}}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1280px\",\"wideSize\":\"1440px\"}} -->\r\n<div class=\"wp-block-group alignfull\" style=\"padding-top:64px;padding-right:20px;padding-bottom:64px;padding-left:20px\"><!-- wp:columns {\"verticalAlignment\":\"center\",\"style\":{\"border\":{\"width\":\"0px\",\"style\":\"none\"},\"spacing\":{\"blockGap\":{\"top\":\"64px\",\"left\":\"64px\"}}}} -->\r\n<div class=\"wp-block-columns are-vertically-aligned-center\" style=\"border-style:none;border-width:0px\"><!-- wp:column {\"verticalAlignment\":\"center\",\"width\":\"35%\"} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\" style=\"flex-basis:35%\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"36px\",\"fontStyle\":\"normal\",\"fontWeight\":\"800\",\"lineHeight\":\"1.2\"}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:36px;font-style:normal;font-weight:800;line-height:1.2\">Crafted for strong teams like yours</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"20px\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:20px\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, libero eget bibendum tristique.</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:buttons -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"style\":{\"color\":{\"background\":\"#ffffff00\"},\"border\":{\"radius\":\"8px\"},\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"fontSize\":\"18px\"},\"spacing\":{\"padding\":{\"top\":\"10px\",\"bottom\":\"10px\",\"left\":\"20px\",\"right\":\"20px\"}}},\"className\":\"is-style-outline\"} -->\r\n<div class=\"wp-block-button has-custom-font-size is-style-outline\" style=\"font-size:18px;font-style:normal;font-weight:500\"><a class=\"wp-block-button__link has-background wp-element-button\" style=\"border-radius:8px;background-color:#ffffff00;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px\">Learn More</a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"verticalAlignment\":\"center\",\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} -->\r\n<div class=\"wp-block-column is-vertically-aligned-center\"><!-- wp:columns -->\r\n<div class=\"wp-block-columns\"><!-- wp:column -->\r\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"20px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":200,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/03/Icon-Shapes-1.svg\" alt=\"\" class=\"wp-image-200\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Heading here</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"lineHeight\":\"1.5\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;line-height:1.5\">Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"20px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"orientation\":\"vertical\",\"justifyContent\":\"left\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":200,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/03/Icon-Shapes-1.svg\" alt=\"\" class=\"wp-image-200\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Heading here</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"lineHeight\":\"1.5\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;line-height:1.5\">Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column -->\r\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"20px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":200,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/03/Icon-Shapes-1.svg\" alt=\"\" class=\"wp-image-200\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Heading here</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"lineHeight\":\"1.5\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;line-height:1.5\">Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"20px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":200,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/03/Icon-Shapes-1.svg\" alt=\"\" class=\"wp-image-200\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"20px\",\"fontStyle\":\"normal\",\"fontWeight\":\"700\"}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:20px;font-style:normal;font-weight:700\">Heading here</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"lineHeight\":\"1.5\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;line-height:1.5\">Collaborate seamlessly with all the organization and hit your marketing goals every month with our marketing plan.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns --></div>\r\n<!-- /wp:group -->",
28 'categories' => array("patternswp-features"),
29 )
30 );
31
32 }
33 }
34 add_action( 'init', 'PatternsWPFeatures_patterns_register_block_patterns' );
35
36