# patternswp/1.0.3/patterns/patternswp-header.php

PatternsWP – Gutenberg Block Patterns &amp; Page Templates Library, version 1.0.3. 72 lines.

- Page: https://pluginprobe.com/plugins/patternswp/1.0.3/code/patterns/patternswp-header.php
- Raw: https://pluginprobe.com/plugins/patternswp/1.0.3/raw/patterns/patternswp-header.php
- Modified: 2023-06-10T14:18:48+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/patternswp/1.0.3/code/patterns/patternswp-header.php#L10-L20`.

```php
<?php
/**
 * Register Custom Block Styles
 */

function PatternsWPHeader_patterns_register_block_patterns() {
	if ( function_exists( 'register_block_pattern' ) ) {
		/**
		 * Add your block patterns below
		 */

		/*
		register_block_pattern(
			'PatternsWP-gutenberg-block-patterns/TITLE-OF-YOUR-BLOCK-PATTERN',  # Add Hyphens between lowercase words
			array(
				'title'   => __( 'TITLE_OF_YOUR_BLOCK_PATTERN', 'PatternsWP-gutenberg-block-patterns' ),
				'content' => "BLOCK_PATTERN_GOES_HERE",
				'categories' => array("CATEGORY"), # eg: columns, text ..etc
			)
		);
		*/
		
		register_block_pattern(
			'PatternsWPHeader-gutenberg-block-patterns/header-one',
			array(
				'title'   => __( 'Header Section One', 'PatternsWPHeader-gutenberg-block-patterns' ),
				'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"24px\",\"right\":\"20px\",\"bottom\":\"24px\",\"left\":\"20px\"},\"blockGap\":\"64px\"},\"border\":{\"bottom\":{\"width\":\"1px\"}}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1392px\",\"wideSize\":\"1440px\"}} -->\r\n<div class=\"wp-block-group alignfull has-base-background-color has-background\" style=\"border-bottom-width:1px;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":359,\"width\":84,\"height\":34,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/04/Logo.svg\" alt=\"\" class=\"wp-image-359\" width=\"84\" height=\"34\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:navigation {\"ref\":540,\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} /-->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"right\"},\"style\":{\"spacing\":{\"blockGap\":\"24px\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"textColor\":\"contrast\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"8px\",\"bottom\":\"8px\",\"left\":\"12px\",\"right\":\"12px\"}},\"typography\":{\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"1.5\"},\"border\":{\"radius\":\"8px\"}},\"className\":\"is-style-outline\"} -->\r\n<div class=\"wp-block-button has-custom-font-size is-style-outline\" style=\"font-size:14px;font-style:normal;font-weight:500;line-height:1.5\"><a class=\"wp-block-button__link has-contrast-color has-text-color wp-element-button\" style=\"border-radius:8px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px\">Get Started</a></div>\r\n<!-- /wp:button -->\r\n\r\n<!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"8px\",\"bottom\":\"8px\",\"left\":\"12px\",\"right\":\"12px\"}},\"typography\":{\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"1.5\"},\"border\":{\"radius\":\"8px\"}}} -->\r\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:14px;font-style:normal;font-weight:500;line-height:1.5\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:8px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px\">Get Started</a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->",
				'categories' => array("patternswp-header"),
			)
		);

		register_block_pattern(
			'PatternsWPHeader-gutenberg-block-patterns/header-two',
			array(
				'title'   => __( 'Header Section Two', 'PatternsWPHeader-gutenberg-block-patterns' ),
				'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"24px\",\"right\":\"20px\",\"bottom\":\"24px\",\"left\":\"20px\"},\"blockGap\":\"64px\"},\"border\":{\"bottom\":{\"width\":\"1px\"}}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1392px\",\"wideSize\":\"1440px\"}} -->\r\n<div class=\"wp-block-group alignfull has-base-background-color has-background\" style=\"border-bottom-width:1px;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:navigation {\"ref\":540,\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} /-->\r\n\r\n<!-- wp:image {\"id\":359,\"width\":84,\"height\":34,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/04/Logo.svg\" alt=\"\" class=\"wp-image-359\" width=\"84\" height=\"34\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:navigation {\"ref\":540,\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} /--></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->",
				'categories' => array("patternswp-header"),
			)
		);

		register_block_pattern(
			'PatternsWPHeader-gutenberg-block-patterns/header-three',
			array(
				'title'   => __( 'Header Section Three', 'PatternsWPHeader-gutenberg-block-patterns' ),
				'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"24px\",\"right\":\"20px\",\"bottom\":\"24px\",\"left\":\"20px\"},\"blockGap\":\"64px\"},\"border\":{\"bottom\":{\"width\":\"1px\"}}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1392px\",\"wideSize\":\"1440px\"}} -->\r\n<div class=\"wp-block-group alignfull has-base-background-color has-background\" style=\"border-bottom-width:1px;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":359,\"width\":84,\"height\":34,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/04/Logo.svg\" alt=\"\" class=\"wp-image-359\" width=\"84\" height=\"34\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:group {\"style\":{\"spacing\":{\"blockGap\":\"16px\"}},\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:navigation {\"ref\":540,\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} /-->\r\n\r\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"right\"},\"style\":{\"spacing\":{\"blockGap\":\"24px\"}}} -->\r\n<div class=\"wp-block-buttons\"><!-- wp:button {\"backgroundColor\":\"contrast\",\"textColor\":\"base\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"8px\",\"bottom\":\"8px\",\"left\":\"12px\",\"right\":\"12px\"}},\"typography\":{\"fontSize\":\"14px\",\"fontStyle\":\"normal\",\"fontWeight\":\"500\",\"lineHeight\":\"1.5\"},\"border\":{\"radius\":\"8px\"}}} -->\r\n<div class=\"wp-block-button has-custom-font-size\" style=\"font-size:14px;font-style:normal;font-weight:500;line-height:1.5\"><a class=\"wp-block-button__link has-base-color has-contrast-background-color has-text-color has-background wp-element-button\" style=\"border-radius:8px;padding-top:8px;padding-right:12px;padding-bottom:8px;padding-left:12px\">Get Started</a></div>\r\n<!-- /wp:button --></div>\r\n<!-- /wp:buttons --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->",
				'categories' => array("patternswp-header"),
			)
		);

		register_block_pattern(
			'PatternsWPHeader-gutenberg-block-patterns/header-four',
			array(
				'title'   => __( 'Header Section Four', 'PatternsWPHeader-gutenberg-block-patterns' ),
				'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"24px\",\"right\":\"20px\",\"bottom\":\"24px\",\"left\":\"20px\"},\"blockGap\":\"64px\"},\"border\":{\"bottom\":{\"width\":\"1px\"}}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1392px\",\"wideSize\":\"1440px\"}} -->\r\n<div class=\"wp-block-group alignfull has-base-background-color has-background\" style=\"border-bottom-width:1px;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":359,\"width\":84,\"height\":34,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/04/Logo.svg\" alt=\"\" class=\"wp-image-359\" width=\"84\" height=\"34\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:navigation {\"ref\":540,\"overlayMenu\":\"always\",\"icon\":\"menu\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} /--></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->",
				'categories' => array("patternswp-header"),
			)
		);

		register_block_pattern(
			'PatternsWPHeader-gutenberg-block-patterns/header-five',
			array(
				'title'   => __( 'Header Section Five', 'PatternsWPHeader-gutenberg-block-patterns' ),
				'content' => "<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"24px\",\"right\":\"20px\",\"bottom\":\"24px\",\"left\":\"20px\"},\"blockGap\":\"64px\"},\"border\":{\"bottom\":{\"width\":\"1px\"}}},\"backgroundColor\":\"base\",\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1392px\",\"wideSize\":\"1440px\"}} -->\r\n<div class=\"wp-block-group alignfull has-base-background-color has-background\" style=\"border-bottom-width:1px;padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:20px\"><!-- wp:group {\"layout\":{\"type\":\"flex\",\"flexWrap\":\"nowrap\",\"justifyContent\":\"space-between\"}} -->\r\n<div class=\"wp-block-group\"><!-- wp:image {\"id\":359,\"width\":84,\"height\":34,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\r\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https://nce-studio-muki.instawp.xyz/wp-content/uploads/2023/04/Logo.svg\" alt=\"\" class=\"wp-image-359\" width=\"84\" height=\"34\"/></figure>\r\n<!-- /wp:image -->\r\n\r\n<!-- wp:navigation {\"ref\":540,\"icon\":\"menu\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"},\"style\":{\"spacing\":{\"blockGap\":\"32px\"}}} /-->\r\n\r\n<!-- wp:social-links {\"iconColor\":\"contrast\",\"iconColorValue\":\"#000000\",\"size\":\"has-small-icon-size\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"16px\",\"left\":\"16px\"}}},\"className\":\"is-style-logos-only\"} -->\r\n<ul class=\"wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only\"><!-- wp:social-link {\"url\":\",\",\"service\":\"facebook\"} /-->\r\n\r\n<!-- wp:social-link {\"url\":\",\",\"service\":\"dribbble\"} /-->\r\n\r\n<!-- wp:social-link {\"url\":\",\",\"service\":\"twitter\"} /-->\r\n\r\n<!-- wp:social-link {\"url\":\",\",\"service\":\"github\"} /--></ul>\r\n<!-- /wp:social-links --></div>\r\n<!-- /wp:group --></div>\r\n<!-- /wp:group -->",
				'categories' => array("patternswp-header"),
			)
		);

	}
}
add_action( 'init', 'PatternsWPHeader_patterns_register_block_patterns' );


```
