Bytte filnamn från html till php
This commit is contained in:
68
patterns/latest-cards.php
Normal file
68
patterns/latest-cards.php
Normal file
@@ -0,0 +1,68 @@
|
||||
<?php
|
||||
/**
|
||||
* Title: Latest Cards
|
||||
* Slug: wp-theme-crille2026/latest-cards
|
||||
* Categories: posts, layout
|
||||
* Description: En återanvändbar lista av cards
|
||||
*/
|
||||
?>
|
||||
|
||||
<!-- wp:query {"queryId":10,"query":{"perPage":12,"postType":"post","order":"desc","orderBy":"date","inherit":false,"offset":0},"metadata":{"name":"QL: Posterna"}} -->
|
||||
<div class="wp-block-query">
|
||||
<!-- wp:post-template {"layout":{"type":"grid","columnCount":3}} -->
|
||||
<!-- wp:group {"layout":{"type":"flex","orientation":"vertical"}} -->
|
||||
<div class="wp-block-group">
|
||||
<!-- wp:group {"className":"post-card","style":{"border":{"radius":"8px"},"overflow":"hidden","spacing":{"margin":"0 0 2rem 0"},"color":{"background":"#16181D"},"shadow":"var:preset|shadow|natural"}} -->
|
||||
<div
|
||||
class="wp-block-group post-card has-background"
|
||||
style="
|
||||
border-radius: 8px;
|
||||
background-color: #16181d;
|
||||
margin: 0 0 2rem 0;
|
||||
box-shadow: var(--wp--preset--shadow--natural);
|
||||
">
|
||||
<!-- wp:cover {"useFeaturedImage":true,"dimRatio":30,"customOverlayColor":"#8599ac","isUserOverlayColor":false,"minHeight":300,"minHeightUnit":"px","isDark":false,"className":"post-cover","style":{"dimensions":{"minHeight":"300px"},"objectFit":"cover","position":"relative","zIndex":"1","border":{"radius":{"topLeft":"12px","topRight":"12px"}}}} -->
|
||||
<div
|
||||
class="wp-block-cover is-light post-cover"
|
||||
style="
|
||||
border-top-left-radius: 12px;
|
||||
border-top-right-radius: 12px;
|
||||
min-height: 300px;
|
||||
">
|
||||
<span
|
||||
aria-hidden="true"
|
||||
class="wp-block-cover__background has-background-dim-30 has-background-dim"
|
||||
style="background-color: #8599ac"></span>
|
||||
<div class="wp-block-cover__inner-container">
|
||||
<!-- wp:paragraph {"align":"center","style":{"width":"100%"}} -->
|
||||
<p class="has-text-align-center"></p>
|
||||
<!-- /wp:paragraph -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- /wp:cover -->
|
||||
|
||||
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}}} -->
|
||||
<div
|
||||
class="wp-block-group"
|
||||
style="
|
||||
padding-top: var(--wp--preset--spacing--20);
|
||||
padding-right: var(--wp--preset--spacing--40);
|
||||
padding-bottom: var(--wp--preset--spacing--40);
|
||||
padding-left: var(--wp--preset--spacing--40);
|
||||
">
|
||||
<!-- wp:post-terms {"term":"category","className":"post-category-badge","style":{"color":{"background":"rgba(0,0,0,0.65)","text":"#FFFFFF"},"border":{"radius":"4px"},"spacing":{"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"margin":{"top":"0px","left":"0px"}}}} /-->
|
||||
|
||||
<!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"},"spacing":{"margin":{"bottom":"0.3rem"}}}} /-->
|
||||
|
||||
<!-- wp:post-excerpt {"excerptLength":22,"fontSize":"small"} /-->
|
||||
|
||||
<!-- wp:post-date {"datetime":"2026-04-06T18:18:42.309Z","metadata":{"bindings":{"datetime":{"source":"core/post-data","args":{"field":"date"}}}},"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
</div>
|
||||
<!-- /wp:group -->
|
||||
<!-- /wp:post-template -->
|
||||
</div>
|
||||
<!-- /wp:query -->
|
||||
Reference in New Issue
Block a user