Skip to content

Commit

Permalink
add new footer layout 2
Browse files Browse the repository at this point in the history
  • Loading branch information
francgrasso committed Sep 20, 2022
1 parent 98b2e54 commit 3041e66
Show file tree
Hide file tree
Showing 5 changed files with 76 additions and 2 deletions.
1 change: 1 addition & 0 deletions parts/footer-3-columns.html
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
<!-- wp:pattern {"slug":"yith-wonder/site-footer-3-columns"} /-->
2 changes: 1 addition & 1 deletion patterns/site-footer-3-columns-centered.php
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
* Keywords: site footer
*
* @package yith-wonder
* @since 1.0.0
* @since 1.0.2
*/

?>
Expand Down
68 changes: 68 additions & 0 deletions patterns/site-footer-3-columns.php
Original file line number Diff line number Diff line change
@@ -0,0 +1,68 @@
<?php
/**
* Title: Site footer 3 columns
* Slug: yith-wonder/site-footer-3-columns
* Categories: yith-wonder-site-footer
* Block Types: core/columns, core/navigation
* Keywords: site footer
*
* @package yith-wonder
* @since 1.0.2
*/

?>
<!-- wp:group {"style":{"spacing":{"blockGap":"35px"}},"layout":{"inherit":true}} -->
<div class="wp-block-group">
<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

<!-- wp:columns {"verticalAlignment":null,"style":{"spacing":{"blockGap":"100px"}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:site-logo {"width":280} /--></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","layout":{"inherit":true}} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"textColor":"secondary"} -->
<h3 class="has-secondary-color has-text-color"><?php echo esc_html_x( 'About us', 'demo contents', 'yith-wonder' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:paragraph {"fontSize":"small"} -->
<p class="has-small-font-size"><?php echo esc_html_x( 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam sagittis tincidunt tortor in bibendum. Phasellus tellus elit, placerat et orci id, commodo finibus tortor.', 'demo contents', 'yith-wonder' ); ?></p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top"} -->
<div class="wp-block-column is-vertically-aligned-top"><!-- wp:heading {"level":3,"textColor":"secondary"} -->
<h3 class="has-secondary-color has-text-color"><?php echo esc_html_x( 'Customer service', 'demo contents', 'yith-wonder' ); ?></h3>
<!-- /wp:heading -->

<!-- wp:navigation {"overlayMenu":"never","layout":{"type":"flex","orientation":"vertical"},"style":{"spacing":{"blockGap":"0px"}},"fontSize":"small"} /--></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->

<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#404040","openInNewTab":true,"size":"has-normal-icon-size","align":"center","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"center"}} -->
<ul class="wp-block-social-links aligncenter has-normal-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"#","service":"youtube"} /-->

<!-- wp:social-link {"url":"#","service":"twitter"} /-->

<!-- wp:social-link {"url":"#","service":"tiktok"} /-->

<!-- wp:social-link {"url":"#","service":"instagram"} /-->

<!-- wp:social-link {"url":"#","service":"facebook"} /--></ul>
<!-- /wp:social-links -->

<!-- wp:separator {"backgroundColor":"secondary-background","className":"is-style-wide"} -->
<hr class="wp-block-separator has-text-color has-secondary-background-color has-alpha-channel-opacity has-secondary-background-background-color has-background is-style-wide"/>
<!-- /wp:separator -->

<!-- wp:paragraph {"align":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"600"}},"fontSize":"x-small"} -->
<p class="has-text-align-left has-x-small-font-size" style="font-style:normal;font-weight:600"><?php echo esc_html_x( 'Wonder – A WordPress Block theme by YITH', 'demo contents', 'yith-wonder' ); ?></p>
<!-- /wp:paragraph -->

<!-- wp:spacer {"height":"10px"} -->
<div style="height:10px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
2 changes: 1 addition & 1 deletion style.css
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ Author: YITH
Author URI: https://yithemes.com/
Description: Wonder is the new block-based, multi-purpose, WordPress theme by YITH. Compose your pages to fit any design you like with the power of Full Site Editing (FSE) and the included wide range of Block Patterns. The pre-built pages will help you populate and transform your website into a wonderful website. Customize colors and font pairings to create your own unique look and feel. Check out the demo site at https://wonder.yithemes.com/
Tags: blog, e-commerce, portfolio, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, block-patterns, wide-blocks, full-site-editing, template-editing
Version: 1.0.1.1
Version: 1.0.1.2
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 7.0
Expand Down
5 changes: 5 additions & 0 deletions theme.json
Original file line number Diff line number Diff line change
Expand Up @@ -821,6 +821,11 @@
"title": "Footer 3 columns centered",
"area": "footer"
},
{
"name": "footer-3-columns",
"title": "Footer 3 columns",
"area": "footer"
},
{
"name": "vertical-sidebar",
"title": "Vertical Sidebar 1",
Expand Down

0 comments on commit 3041e66

Please sign in to comment.