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-faq.php

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

37 lines 11.8 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 PatternsWPFaq_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 'PatternsWPFaq-gutenberg-block-patterns/TITLE-OF-YOUR-BLOCK-PATTERN', # Add Hyphens between lowercase words
15 array(
16 'title' => __( 'TITLE_OF_YOUR_BLOCK_PATTERN', 'PatternsWPFaq-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 'PatternsWPFaq-gutenberg-block-patterns/Faq-one',
25 array(
26 'title' => __( 'Faq section one', 'PatternsWPFaq-gutenberg-block-patterns' ),
27 'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"64px\",\"right\":\"20px\",\"bottom\":\"64px\",\"left\":\"20px\"},\"blockGap\":\"64px\"}},\"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:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontSize\":\"36px\",\"fontStyle\":\"normal\",\"fontWeight\":\"800\",\"textTransform\":\"capitalize\"}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-text-align-center has-contrast-color has-text-color\" style=\"font-size:36px;font-style:normal;font-weight:800;text-transform:capitalize\">Frequently asked questions</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:columns -->\r\n<div class=\"wp-block-columns\"><!-- wp:column {\"style\":{\"border\":{\"width\":\"0px\",\"style\":\"none\"},\"spacing\":{\"blockGap\":\"24px\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"12px\",\"padding\":{\"top\":\"24px\",\"right\":\"24px\",\"bottom\":\"24px\",\"left\":\"24px\"}},\"color\":{\"background\":\"#f7f7f7\"},\"border\":{\"width\":\"0px\",\"style\":\"none\",\"radius\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group has-background\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#f7f7f7;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":0.8}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:18px;font-style:normal;font-weight:600;line-height:0.8\">Your question text goes here?</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour actually worked on this project.</p>\r\n<!-- /wp:paragraph -->\r\n\r\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"12px\",\"padding\":{\"top\":\"24px\",\"right\":\"24px\",\"bottom\":\"24px\",\"left\":\"24px\"}},\"color\":{\"background\":\"#f7f7f7\"},\"border\":{\"width\":\"0px\",\"style\":\"none\",\"radius\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group has-background\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#f7f7f7;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":0.8}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:18px;font-style:normal;font-weight:600;line-height:0.8\">Your question here?</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour ut the majority have suffered alteration in some form, by injected humour.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"12px\",\"padding\":{\"top\":\"24px\",\"right\":\"24px\",\"bottom\":\"24px\",\"left\":\"24px\"}},\"color\":{\"background\":\"#f7f7f7\"},\"border\":{\"width\":\"0px\",\"style\":\"none\",\"radius\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group has-background\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#f7f7f7;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":0.8}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:18px;font-style:normal;font-weight:600;line-height:0.8\">Your question text goes here?</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column -->\r\n\r\n<!-- wp:column {\"style\":{\"border\":{\"width\":\"0px\",\"style\":\"none\"},\"spacing\":{\"blockGap\":\"24px\"}}} -->\r\n<div class=\"wp-block-column\" style=\"border-style:none;border-width:0px\"><!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"12px\",\"padding\":{\"top\":\"24px\",\"right\":\"24px\",\"bottom\":\"24px\",\"left\":\"24px\"}},\"color\":{\"background\":\"#f7f7f7\"},\"border\":{\"width\":\"0px\",\"style\":\"none\",\"radius\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group has-background\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#f7f7f7;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":0.8}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:18px;font-style:normal;font-weight:600;line-height:0.8\">Your question here?</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour actually worked on this project.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"12px\",\"padding\":{\"top\":\"24px\",\"right\":\"24px\",\"bottom\":\"24px\",\"left\":\"24px\"}},\"color\":{\"background\":\"#f7f7f7\"},\"border\":{\"width\":\"0px\",\"style\":\"none\",\"radius\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group has-background\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#f7f7f7;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":0.8}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:18px;font-style:normal;font-weight:600;line-height:0.8\">Your question text goes here?</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour ut the majority have suffered alteration in some form, by injected humour.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"12px\",\"padding\":{\"top\":\"24px\",\"right\":\"24px\",\"bottom\":\"24px\",\"left\":\"24px\"}},\"color\":{\"background\":\"#f7f7f7\"},\"border\":{\"width\":\"0px\",\"style\":\"none\",\"radius\":\"8px\"}},\"layout\":{\"type\":\"flex\",\"orientation\":\"vertical\"}} -->\r\n<div class=\"wp-block-group has-background\" style=\"border-style:none;border-width:0px;border-radius:8px;background-color:#f7f7f7;padding-top:24px;padding-right:24px;padding-bottom:24px;padding-left:24px\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"18px\",\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"lineHeight\":0.8}},\"textColor\":\"contrast\"} -->\r\n<h2 class=\"has-contrast-color has-text-color\" style=\"font-size:18px;font-style:normal;font-weight:600;line-height:0.8\">Your question here?</h2>\r\n<!-- /wp:heading -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"8px\"}},\"layout\":{\"type\":\"constrained\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"400\"},\"color\":{\"text\":\"#666666\"}}} -->\r\n<p class=\"has-text-color\" style=\"color:#666666;font-size:16px;font-style:normal;font-weight:400\">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>\r\n<!-- /wp:paragraph --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:column --></div>\r\n<!-- /wp:columns --></div>\r\n<!-- /wp:group -->",
28 'categories' => array("patternswp-faq"),
29 )
30 );
31
32
33 }
34 }
35 add_action( 'init', 'PatternsWPFaq_patterns_register_block_patterns' );
36
37