Skip to content

Commit

Permalink
Theme: Update templates with new layout, styles
Browse files Browse the repository at this point in the history 
Fixes #86
  • Loading branch information
@ryelle
ryelle committed Aug 7, 2024
1 parent abe3787 commit 6f140d1
Show file tree
Hide file tree
Showing 14 changed files with 469 additions and 137 deletions.
2 changes: 0 additions & 2 deletions source/wp-content/themes/wporg-documentation-2022/parts/footer.html
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1 @@
<!-- wp:pattern {"slug":"wporg-documentation-2022/footer-content"} /-->

<!-- wp:wporg/global-footer /-->
30 changes: 30 additions & 0 deletions source/wp-content/themes/wporg-documentation-2022/parts/header-home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,3 +7,33 @@
<!-- wp:navigation {"menuSlug":"documentation","icon":"menu","overlayBackgroundColor":"charcoal-2","overlayTextColor":"white","layout":{"type":"flex","orientation":"horizontal"},"fontSize":"small"} /-->

<!-- /wp:wporg/local-navigation-bar -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"}}},"backgroundColor":"charcoal-2","className":"has-white-color has-charcoal-2-background-color has-text-color has-background has-link-color","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull has-white-color has-charcoal-2-background-color has-text-color has-background has-link-color" style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"flex","flexWrap":"wrap","verticalAlignment":"bottom"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40)">
<!-- wp:heading {"level":1,"style":{"typography":{"fontSize":"50px","fontStyle":"normal","fontWeight":"400"}},"fontFamily":"eb-garamond"} -->
<h1 class="wp-block-heading has-eb-garamond-font-family" style="font-size:50px;font-style:normal;font-weight:400">Documentation</h1>
<!-- /wp:heading -->

<!-- wp:paragraph {"style":{"typography":{"lineHeight":"2.3"}},"textColor":"white"} -->
<p class="has-white-color has-text-color" style="line-height:2.3">/We've got a variety of resources to help you get the most out of WordPress.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

<!-- wp:wporg/language-suggest {"align":"full"} -->
<div class="wp-block-wporg-language-suggest alignfull"></div>
<!-- /wp:wporg/language-suggest -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull" style="padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"top":"var:preset|spacing|20"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignwide" style="padding-top:var(--wp--preset--spacing--20)">
<!-- wp:search {"label":"Search","showLabel":false,"placeholder":"Search documentation","width":240,"widthUnit":"px","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"className":"is-style-default"} /-->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
6 changes: 3 additions & 3 deletions source/wp-content/themes/wporg-documentation-2022/parts/header.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,6 @@

<!-- /wp:wporg/local-navigation-bar -->

<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"18px","bottom":"18px","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignfull has-white-background-color has-background" style="padding-top:18px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:18px;padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:wporg/site-breadcrumbs {"fontSize":"small"} /--></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"18px","bottom":"8px","left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"}},"backgroundColor":"white","layout":{"type":"flex","flexWrap":"wrap","justifyContent":"space-between"}} -->
<div class="wp-block-group alignfull has-white-background-color has-background" style="padding-top:18px;padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:8px;padding-left:var(--wp--preset--spacing--edge-space)"><!-- wp:wporg/site-breadcrumbs {"fontSize":"small"} /--></div>
<!-- /wp:group -->
6 changes: 5 additions & 1 deletion source/wp-content/themes/wporg-documentation-2022/parts/search.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1,5 @@
<!-- wp:search {"label":"Search documentation","showLabel":false,"width":235,"widthUnit":"px","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"className":"is-style-secondary-search-control","placeholder":"Search documentation"} /-->
<!-- wp:group {"className":"alignfull","style":{"spacing":{"padding":{"left":"var:preset|spacing|edge-space","right":"var:preset|spacing|edge-space"},"margin":{"top":"var:preset|spacing|20","bottom":"var:preset|spacing|20"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull" style="margin-top:var(--wp--preset--spacing--20);margin-bottom:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--edge-space);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:search {"label":"Search documentation","showLabel":false,"placeholder":"Search documentation","width":235,"widthUnit":"px","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true,"className":"is-style-secondary-search-control"} /-->
</div>
<!-- /wp:group -->
4 changes: 3 additions & 1 deletion source/wp-content/themes/wporg-documentation-2022/patterns/article-sidebar.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@
*/

?>
<!-- wp:wporg/sidebar-container {"style":{"spacing":{"margin":{"bottom":"40px"}}}} -->
<!-- wp:wporg/sidebar-container -->

<!-- wp:wporg/table-of-contents /-->

<!-- /wp:wporg/sidebar-container -->
15 changes: 8 additions & 7 deletions source/wp-content/themes/wporg-documentation-2022/patterns/articles-by-category.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,16 +6,17 @@
*/

?>
<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|30"}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|light-grey-1","style":"solid","width":"1px"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="border-bottom-color:var(--wp--preset--color--light-grey-1);border-bottom-style:solid;border-bottom-width:1px"><!-- wp:heading {"style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"},"padding":{"bottom":"var:preset|spacing|10"}}}} -->
<h2 class="wp-block-heading" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0;padding-bottom:var(--wp--preset--spacing--10)">Security</h2>
<!-- wp:group {"align":"wide","style":{"spacing":{"margin":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"},"blockGap":"var:preset|spacing|10"}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignwide" style="margin-top:var(--wp--preset--spacing--40);margin-bottom:var(--wp--preset--spacing--40)"><!-- wp:group {"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:heading {"className":"wp-block-heading","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}}}} -->
<h2 class="wp-block-heading" style="margin-top:0;margin-right:0;margin-bottom:0;margin-left:0">Security</h2>
<!-- /wp:heading --></div>
<!-- /wp:group -->

<!-- wp:query {"query":{"perPage":10,"pages":0,"offset":0,"postType":"helphub_article","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":{"category":[32]}},"displayLayout":{"type":"list","columns":2}} -->
<div class="wp-block-query"><!-- wp:post-template -->
<!-- wp:post-title {"level":3,"isLink":true,"style":{"elements":{"link":{"color":{"text":"var:preset|color|blueberry-1"}}},"spacing":{"margin":{"bottom":"var:preset|spacing|20","top":"0"}}},"textColor":"blueberry-1","fontSize":"normal","fontFamily":"inter"} /-->

<!-- wp:query {"queryId":0,"query":{"perPage":10,"pages":0,"offset":0,"postType":"helphub_article","order":"asc","orderBy":"title","author":"","search":"","exclude":[],"sticky":"","inherit":false,"parents":[],"taxQuery":null}} -->
<div class="wp-block-query"><!-- wp:post-template {"style":{"spacing":{"blockGap":"var:preset|spacing|10"}},"layout":{"type":"default","columnCount":2}} -->
<!-- wp:post-title {"level":3,"isLink":true,"style":{"typography":{"fontStyle":"normal","fontWeight":"400"},"spacing":{"margin":{"top":"0","bottom":"0"}}},"textColor":"blueberry-1","fontSize":"normal","fontFamily":"inter"} /-->
<!-- /wp:post-template --></div>
<!-- /wp:query -->

Expand Down
86 changes: 62 additions & 24 deletions source/wp-content/themes/wporg-documentation-2022/patterns/footer.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,28 +6,66 @@
*/

?>
<!-- wp:group {"align":"full","style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"spacing":{"padding":{"top":"5rem","left":"var:preset|spacing|edge-space","bottom":"5rem","right":"var:preset|spacing|edge-space"}}},"backgroundColor":"charcoal-2","textColor":"white","layout":{"type":"default"}} -->
<div class="wp-block-group alignfull has-white-color has-charcoal-2-background-color has-text-color has-background has-link-color" style="padding-top:5rem;padding-left:var(--wp--preset--spacing--edge-space);padding-bottom:5rem;padding-right:var(--wp--preset--spacing--edge-space)"><!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"5rem","left":"5rem"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:heading {"fontSize":"heading-1"} -->
<h2 class="has-heading-1-font-size">Get more help</h2>
<!-- /wp:heading -->

<!-- wp:paragraph -->
<p>Can't find what you need? Lean on the experience of the WordPress community.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"center"} -->
<div class="wp-block-column is-vertically-aligned-center"><!-- wp:list {"className":"is-style-links-list"} -->
<ul class="is-style-links-list"><!-- wp:list-item -->
<li><a href="https://wordpress.org/support/forums/">Ask questions in the support forums ↗</a></li>
<!-- /wp:list-item -->

<!-- wp:list-item -->
<li><a href="https://developer.wordpress.org/">Check out the developer documentation ↗</a></li>
<!-- /wp:list-item --></ul>
<!-- /wp:list --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"right":"var:preset|spacing|edge-space","left":"var:preset|spacing|edge-space","top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}},"border":{"bottom":{"color":"var:preset|color|white-opacity-15","style":"solid","width":"1px"}},"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"backgroundColor":"charcoal-2","textColor":"white","className":"wporg-front-page-footer","layout":{"type":"constrained"}} -->
<div class="wp-block-group alignfull wporg-front-page-footer has-white-color has-charcoal-2-background-color has-text-color has-background has-link-color" style="border-bottom-color:var(--wp--preset--color--white-opacity-15);border-bottom-style:solid;border-bottom-width:1px;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--edge-space);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--edge-space)">
<!-- wp:group {"align":"wide","layout":{"type":"default"}} -->
<div class="wp-block-group alignwide">
<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"600","lineHeight":"1.3"}},"fontSize":"heading-5"} -->
<h2 class="wp-block-heading has-heading-5-font-size" style="font-style:normal;font-weight:600;line-height:1.3">Get more help</h2>
<!-- /wp:heading -->

<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|20"}}}} -->
<div class="wp-block-columns alignwide">
<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"blockGap":{"top":"0"}}},"layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|blueberry-2"}}}},"textColor":"blueberry-2"} -->
<p class="has-blueberry-2-color has-text-color has-link-color" style="font-style:normal;font-weight:600"><a href="https://wordpress.org/support/forums/">Support forums</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Ask questions in the support forums.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"blockGap":{"top":"0"}}},"layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|blueberry-2"}}}},"textColor":"blueberry-2"} -->
<p class="has-blueberry-2-color has-text-color has-link-color" style="font-style:normal;font-weight:600"><a href="https://developer.wordpress.org/">Developers</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Check out the developer documentation.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"blockGap":{"top":"0"}}},"layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|blueberry-2"}}}},"textColor":"blueberry-2"} -->
<p class="has-blueberry-2-color has-text-color has-link-color" style="font-style:normal;font-weight:600"><a href="https://github.com/WordPress/Documentation-Issue-Tracker/issues">Content suggestions</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Report an error or change in the documentation issue tracker.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"top","width":"25%","style":{"spacing":{"blockGap":{"top":"0"}}},"layout":{"inherit":false}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:25%">
<!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|blueberry-2"}}}},"textColor":"blueberry-2"} -->
<p class="has-blueberry-2-color has-text-color has-link-color" style="font-style:normal;font-weight:600"><a href="https://make.wordpress.org/docs/">Get involved</a></p>
<!-- /wp:paragraph -->

<!-- wp:paragraph -->
<p>Learn about the Documentation Team and how to contribute.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->
Loading

0 comments on commit 6f140d1

Please sign in to comment.