Skip to content
This repository was archived by the owner on Jun 20, 2025. It is now read-only.

TT1 Blocks: Re-create the "Let's Connect" pattern with custom borders instead of a block style. #284

Open
kjellr wants to merge 3 commits into
base: master
Choose a base branch
from
Open

TT1 Blocks: Re-create the "Let's Connect" pattern with custom borders instead of a block style. #284

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8a47341
Add support for custom border controls.
kjellr Aug 19, 2021
203ee43
Recreate the "Let's Connect' pattern to use the border control.
kjellr Aug 19, 2021
0c25bd4
Don't define the border settings twice. 😄
kjellr Aug 19, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 1 addition & 2 deletions tt1-blocks/inc/block-patterns.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,8 +44,7 @@
'categories' => array( 'tt1-blocks' ),
'viewportWidth' => 1440,
'description' => esc_html_x( 'A huge text followed by social networks and email address links.', 'Block pattern description', 'tt1-blocks' ),
'content' => '<!-- wp:cover {"overlayColor":"green","contentPosition":"center center","align":"wide","className":"is-style-twentytwentyone-border"} --><div class="wp-block-cover alignwide has-green-background-color has-background-dim is-style-twentytwentyone-border"><div class="wp-block-cover__inner-container"><!-- wp:spacer {"height":20} --><div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer --><!-- wp:paragraph {"fontSize":"huge"} --><p class="has-huge-font-size">' . wp_kses_post( __( 'Let&#8217;s Connect.', 'tt1-blocks' ) ) . '</p><!-- /wp:paragraph --><!-- wp:spacer {"height":75} --><div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer --><!-- wp:columns --><div class="wp-block-columns"><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="#" data-type="URL">' . esc_html__( 'Twitter', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Instagram', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Dribbble', 'tt1-blocks' ) . '</a></p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="#">' . esc_html__( 'example@example.com', 'tt1-blocks' ) . '</a></p><!-- /wp:paragraph --></div><!-- /wp:column --></div><!-- /wp:columns --><!-- wp:spacer {"height":20} --><div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div><!-- /wp:spacer --></div></div><!-- /wp:cover --><!-- wp:paragraph --><p></p><!-- /wp:paragraph -->',
)
'content' => '<!-- wp:group {"align":"wide","style":{"border":{"style":"solid","width":"3px"}},"borderColor":"black"} --> <div class="wp-block-group alignwide has-border-color has-black-border-color" style="border-style:solid;border-width:3px"><!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column {"style":{"spacing":{"padding":{"right":"2em","left":"2em"}}}} --> <div class="wp-block-column" style="padding-right:2em;padding-left:2em"><!-- wp:paragraph {"fontSize":"huge"} --> <p class="has-huge-font-size">' . wp_kses_post( __( 'Let&#8217;s Connect.', 'tt1-blocks' ) ) . '</p> <!-- /wp:paragraph --> <!-- wp:spacer {"height":75} --> <div style="height:75px" aria-hidden="true" class="wp-block-spacer"></div> <!-- /wp:spacer --> <!-- wp:columns --> <div class="wp-block-columns"><!-- wp:column --> <div class="wp-block-column"><!-- wp:paragraph --> <p><a href="#" data-type="URL">' . esc_html__( 'Twitter', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Instagram', 'tt1-blocks' ) . '</a> / <a href="#" data-type="URL">' . esc_html__( 'Dribbble', 'tt1-blocks' ) . '</a></p><!-- /wp:paragraph --></div><!-- /wp:column --><!-- wp:column --><div class="wp-block-column"><!-- wp:paragraph --><p><a href="#">' . esc_html__( 'example@example.com', 'tt1-blocks' ) . '</a></p> <!-- /wp:paragraph --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:column --></div> <!-- /wp:columns --></div> <!-- /wp:group -->', )
);

// Media & Text Article Title.
Expand Down
2 changes: 1 addition & 1 deletion tt1-blocks/theme.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -333,4 +333,4 @@
"title": "Page without title"
}
]
}
}