Add About Me + Links Patterns
This commit is contained in:
Kjell Reigstad
parent
e93a11d89e
commit
97ba8f1a9e
5 changed files with 135 additions and 0 deletions
BIN
blank-canvas/assets/pattern-hat.jpg
Normal file
BIN
blank-canvas/assets/pattern-hat.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
BIN
blank-canvas/assets/pattern-tattoo.jpg
Normal file
BIN
blank-canvas/assets/pattern-tattoo.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 255 KiB |
|
|
@ -162,3 +162,9 @@ function blank_canvas_enqueue() {
|
|||
wp_enqueue_style( 'blank-canvas-styles', get_stylesheet_uri() );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'blank_canvas_enqueue', 11 );
|
||||
|
||||
/**
|
||||
* Block Patterns.
|
||||
*/
|
||||
require get_stylesheet_directory() . '/inc/block-patterns.php';
|
||||
|
||||
|
|
|
|||
119
blank-canvas/inc/block-patterns.php
Normal file
119
blank-canvas/inc/block-patterns.php
Normal file
|
|
@ -0,0 +1,119 @@
|
|||
<?php
|
||||
/**
|
||||
* Block Patterns
|
||||
*
|
||||
* @package Blank Canvas
|
||||
* @since 1.0
|
||||
*/
|
||||
|
||||
if ( ! function_exists( 'blank_canvas_register_block_patterns' ) ) :
|
||||
/**
|
||||
* Sets up support for block patterns and unregisters Seedlet's.
|
||||
*/
|
||||
function blank_canvas_register_block_patterns() {
|
||||
/**
|
||||
* Register Block Pattern Category.
|
||||
*/
|
||||
if ( function_exists( 'register_block_pattern_category' ) ) {
|
||||
|
||||
register_block_pattern_category(
|
||||
'blank-canvas',
|
||||
array( 'label' => __( 'Blank Canvas', 'blank-canvas' ) )
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Register Block Patterns.
|
||||
*/
|
||||
if ( function_exists( 'register_block_pattern' ) ) {
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/about-me',
|
||||
array(
|
||||
'title' => __( 'About Me', 'blank-canvas' ),
|
||||
'categories' => array( 'blank-canvas' ),
|
||||
'content' => '<!-- wp:spacer {"height":20} -->
|
||||
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
<!-- wp:media-text {"mediaPosition":"right","mediaId":1752,"mediaLink":"' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg","mediaType":"image","imageFill":true} -->
|
||||
<div class="wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-image-fill"><figure class="wp-block-media-text__media" style="background-image:url(' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg);background-position:50% 50%"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-tattoo.jpg" alt="" class="wp-image-1752 size-full"/></figure><div class="wp-block-media-text__content"><!-- wp:heading {"align":"wide"} -->
|
||||
<h2 class="alignwide"><strong>' . __( 'Hi! I’m a tattooist based in Florida City.', 'blank-canvas' ) . '</strong></h2>
|
||||
<!-- /wp:heading -->
|
||||
<!-- wp:paragraph -->
|
||||
<p>' . __( 'Specializing in fine line tattoos with a single needle. With over 10 years of experience, I can make your tattoo dreams come true.', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
<!-- wp:buttons -->
|
||||
<div class="wp-block-buttons"><!-- wp:button {"style":{"color":{"background":"#d34f7e"}},"textColor":"background"} -->
|
||||
<div class="wp-block-button"><a class="wp-block-button__link has-background-color has-text-color has-background" style="background-color:#d34f7e">' . __( 'Get in touch', 'blank-canvas' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons -->
|
||||
<!-- wp:social-links {"className":"is-style-default"} -->
|
||||
<ul class="wp-block-social-links is-style-default"><!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
|
||||
<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
|
||||
<!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /--></ul>
|
||||
<!-- /wp:social-links --></div></div>
|
||||
<!-- /wp:media-text -->',
|
||||
)
|
||||
);
|
||||
|
||||
register_block_pattern(
|
||||
'blank-canvas/links',
|
||||
array(
|
||||
'title' => __( 'Links', 'blank-canvas' ),
|
||||
'categories' => array( 'blank-canvas' ),
|
||||
'content' => '<!-- wp:spacer {"height":20} -->
|
||||
<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>
|
||||
<!-- /wp:spacer -->
|
||||
<!-- wp:image {"align":"center","id":20,"width":98,"height":95,"sizeSlug":"large","linkDestination":"none","className":"is-style-rounded"} -->
|
||||
<div class="wp-block-image is-style-rounded"><figure class="aligncenter size-large is-resized"><img src="' . get_stylesheet_directory_uri() . '/assets/pattern-hat.jpg" alt="" class="wp-image-20" width="98" height="95"/></figure></div>
|
||||
<!-- /wp:image -->
|
||||
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"34px","lineHeight":"1"}}} -->
|
||||
<p class="has-text-align-center" style="font-size:34px;line-height:1"><strong>' . __( 'Alex Fredrickson', 'blank-canvas' ) . '</strong></p>
|
||||
<!-- /wp:paragraph -->
|
||||
<!-- wp:social-links {"align":"center","className":"is-style-default"} -->
|
||||
<ul class="wp-block-social-links aligncenter is-style-default"><!-- wp:social-link {"url":"https://linkedin.com/","service":"linkedin"} /-->
|
||||
<!-- wp:social-link {"url":"https://twitter.com/","service":"twitter"} /-->
|
||||
<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /--></ul>
|
||||
<!-- /wp:social-links -->
|
||||
<!-- wp:paragraph {"align":"center","style":{"typography":{"fontSize":"20px","lineHeight":"1.65"}}} -->
|
||||
<p class="has-text-align-center" style="font-size:20px;line-height:1.65">' . __( 'My latest and greatest tips, resources, and reads.<br>So much goodness all in one place!', 'blank-canvas' ) . '</p>
|
||||
<!-- /wp:paragraph -->
|
||||
<!-- wp:buttons {"contentJustification":"center"} -->
|
||||
<div class="wp-block-buttons is-content-justification-center"><!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link">' . __( 'Must read: The Place That Made Me', 'blank-canvas' ) . '</a></div>
|
||||
<!-- /wp:button -->
|
||||
<!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link">' . __( 'Rain Journal by Richard Johnson', 'blank-canvas' ) . '</a></div>
|
||||
<!-- /wp:button -->
|
||||
<!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link">' . __( '10th Day of Rain', 'blank-canvas' ) . '</a></div>
|
||||
<!-- /wp:button -->
|
||||
<!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link">' . __( 'Blurring the Lines Between Architecture and Nature', 'blank-canvas' ) . '</a></div>
|
||||
<!-- /wp:button -->
|
||||
<!-- wp:button {"width":100,"className":"is-style-outline"} -->
|
||||
<div class="wp-block-button has-custom-width wp-block-button__width-100 is-style-outline"><a class="wp-block-button__link">' . __( 'Instant Classic: A story of Persistence', 'blank-canvas' ) . '</a></div>
|
||||
<!-- /wp:button --></div>
|
||||
<!-- /wp:buttons -->',
|
||||
)
|
||||
);
|
||||
}
|
||||
|
||||
/**
|
||||
* Unregister SeedletBlock Pattern Category.
|
||||
*/
|
||||
if ( function_exists( 'unregister_block_pattern_category' ) ) {
|
||||
unregister_block_pattern_category( 'seedlet' );
|
||||
}
|
||||
|
||||
/**
|
||||
* Unregister Block Patterns from Seedlet.
|
||||
*/
|
||||
if ( function_exists( 'unregister_block_pattern' ) ) {
|
||||
unregister_block_pattern( 'seedlet/group-split-background' );
|
||||
unregister_block_pattern( 'seedlet/group-image-overlap' );
|
||||
unregister_block_pattern( 'seedlet/latest-posts-alternating-grid' );
|
||||
}
|
||||
}
|
||||
endif;
|
||||
add_action( 'after_setup_theme', 'blank_canvas_register_block_patterns', 12 );
|
||||
|
|
@ -26,6 +26,16 @@ This program is distributed in the hope that it will be useful,
|
|||
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
GNU General Public License for more details.
|
||||
|
||||
Blank Canvas is derived from Seedlet. 2020-2021 Automattic
|
||||
Seedlet is distributed under the terms of the GNU GPL v2 or later.
|
||||
|
||||
Images are from stocksnap.io
|
||||
License: CC0
|
||||
- Sarah Pflug: https://stocksnap.io/photo/hand-sign-BPQSX1BQTF
|
||||
- Allef Vinicius: https://stocksnap.io/photo/people-man-2Q8UIL3ABT
|
||||
Used as block pattern images.
|
||||
|
||||
*/
|
||||
|
||||
@import "variables.css";
|
||||
|
|
|
|||
Loading…
Reference in a new issue