single.php 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. <?php
  2. /**
  3. * Title: Single
  4. * Slug: bedrock/single
  5. * Inserter: no
  6. */
  7. declare( strict_types = 1 );
  8. ?>
  9. <!-- wp:group {"align":"full","style":{"spacing":{"margin":{"top":"0px","bottom":"0px"}}},"backgroundColor":"primary","layout":{"type":"constrained"}} -->
  10. <div class="wp-block-group alignfull has-primary-background-color has-background" style="margin-top:0px;margin-bottom:0px">
  11. <!-- wp:cover {"url":"<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/background.png","isRepeated":true,"dimRatio":0,"isUserOverlayColor":true,"align":"full","layout":{"type":"constrained"}} -->
  12. <div class="wp-block-cover alignfull is-repeated">
  13. <span aria-hidden="true" class="wp-block-cover__background has-background-dim-0 has-background-dim"></span>
  14. <div role="img" class="wp-block-cover__image-background is-repeated" style="background-position:50% 50%;background-image:url(<?php echo esc_url( get_stylesheet_directory_uri() ); ?>/assets/images/background.png)"></div>
  15. <div class="wp-block-cover__inner-container">
  16. <!-- wp:group {"align":"wide","style":{"border":{"width":"1px"},"spacing":{"padding":{"top":"var:preset|spacing|60","bottom":"var:preset|spacing|60","left":"var:preset|spacing|60","right":"var:preset|spacing|60"},"margin":{"top":"var:preset|spacing|70","bottom":"var:preset|spacing|70"}}},"borderColor":"contrast","backgroundColor":"base","layout":{"type":"default"}} -->
  17. <div class="wp-block-group alignwide has-border-color has-contrast-border-color has-base-background-color has-background" style="border-width:1px;margin-top:var(--wp--preset--spacing--70);margin-bottom:var(--wp--preset--spacing--70);padding-top:var(--wp--preset--spacing--60);padding-right:var(--wp--preset--spacing--60);padding-bottom:var(--wp--preset--spacing--60);padding-left:var(--wp--preset--spacing--60)">
  18. <!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|60"}}}} -->
  19. <div class="wp-block-columns">
  20. <!-- wp:column {"width":"68%","layout":{"type":"default"}} -->
  21. <div class="wp-block-column" style="flex-basis:68%">
  22. <!-- wp:group {"tagName":"main","layout":{"type":"default"}} -->
  23. <main class="wp-block-group">
  24. <!-- wp:post-featured-image /-->
  25. <!-- wp:group {"style":{"spacing":{"blockGap":"var:preset|spacing|40"}},"layout":{"type":"flex","orientation":"vertical","justifyContent":"stretch"}} -->
  26. <div class="wp-block-group">
  27. <!-- wp:post-title {"level":1,"style":{"typography":{"lineHeight":"1.14"}},"fontSize":"xx-large"} /-->
  28. <!-- wp:template-part {"slug":"post-meta"} /-->
  29. </div>
  30. <!-- /wp:group -->
  31. <!-- wp:post-content {"layout":{"type":"default"}} /-->
  32. <!-- wp:group {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
  33. <div class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">
  34. <!-- wp:post-navigation-link {"type":"previous"} /-->
  35. <!-- wp:post-navigation-link /-->
  36. </div>
  37. <!-- /wp:group -->
  38. </main>
  39. <!-- /wp:group -->
  40. <!-- wp:template-part {"slug":"comments"} /-->
  41. </div>
  42. <!-- /wp:column -->
  43. <!-- wp:column {"width":"32%"} -->
  44. <div class="wp-block-column" style="flex-basis:32%">
  45. <!-- wp:template-part {"slug":"sidebar-with-recent-posts"} /-->
  46. </div>
  47. <!-- /wp:column -->
  48. </div>
  49. <!-- /wp:columns -->
  50. </div>
  51. <!-- /wp:group -->
  52. </div>
  53. </div>
  54. <!-- /wp:cover -->
  55. </div>
  56. <!-- /wp:group -->