File Editor
Directories:
.. (Back)
Files:
footer-about-title-logo.php
footer-blog.php
footer-dark.php
footer-default.php
footer-logo.php
footer-navigation-copyright.php
footer-navigation.php
footer-query-images-title-citation.php
footer-query-title-citation.php
footer-social-copyright.php
footer-title-tagline-social.php
general-divider-dark.php
general-divider-light.php
general-featured-posts.php
general-image-with-caption.php
general-large-list-names.php
general-layered-images-with-duotone.php
general-list-events.php
general-pricing-table.php
general-subscribe.php
general-two-images-text.php
general-video-header-details.php
general-video-trailer.php
general-wide-image-intro-buttons.php
header-centered-logo-black-background.php
header-centered-logo.php
header-centered-title-navigation-social.php
header-default.php
header-image-background-overlay.php
header-image-background.php
header-large-dark.php
header-logo-navigation-gray-background.php
header-logo-navigation-offset-tagline.php
header-logo-navigation-social-black-background.php
header-small-dark.php
header-stacked.php
header-text-only-green-background.php
header-text-only-salmon-background.php
header-text-only-with-tagline-black-background.php
header-title-and-button.php
header-title-navigation-social.php
header-with-tagline.php
hidden-404.php
hidden-bird.php
hidden-heading-and-bird.php
page-about-large-image-and-buttons.php
page-about-links-dark.php
page-about-links.php
page-about-media-left.php
page-about-media-right.php
page-about-simple-dark.php
page-about-solid-color.php
page-layout-image-and-text.php
page-layout-image-text-and-video.php
page-layout-two-columns.php
page-sidebar-blog-posts-right.php
page-sidebar-blog-posts.php
page-sidebar-grid-posts.php
page-sidebar-poster.php
query-default.php
query-grid.php
query-image-grid.php
query-irregular-grid.php
query-large-titles.php
query-simple-blog.php
query-text-grid.php
Create New File
Create
Edit File: header-image-background-overlay.php
<?php /** * Header with image background and overlay block pattern */ return array( 'title' => __( 'Header with image background and overlay', 'twentytwentytwo' ), 'categories' => array( 'header' ), 'blockTypes' => array( 'core/template-part/header' ), 'content' => '<!-- wp:group {"align":"full","layout":{"inherit":true}} --> <div class="wp-block-group alignfull"><!-- wp:cover {"url":"' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg","dimRatio":90,"overlayColor":"primary","focalPoint":{"x":"0.26","y":"0.34"},"minHeight":100,"minHeightUnit":"px","contentPosition":"center center","align":"full","style":{"spacing":{"padding":{"top":"var(--wp--custom--spacing--small, 1.25rem)","bottom":"var(--wp--custom--spacing--small, 1.25rem)"}},"color":{"duotone":["#000000","#ffffff"]}}} --> <div class="wp-block-cover alignfull" style="padding-top:var(--wp--custom--spacing--small, 1.25rem);padding-bottom:var(--wp--custom--spacing--small, 1.25rem);min-height:100px"><span aria-hidden="true" class="has-primary-background-color has-background-dim-90 wp-block-cover__gradient-background has-background-dim"></span><img class="wp-block-cover__image-background" alt="' . esc_attr__( 'Painting of ducks in the water.', 'twentytwentytwo' ) . '" src="' . esc_url( get_template_directory_uri() ) . '/assets/images/ducks.jpg" style="object-position:26% 34%" data-object-fit="cover" data-object-position="26% 34%"/><div class="wp-block-cover__inner-container"><!-- wp:group {"align":"wide","style":{"spacing":{"padding":{"bottom":"0rem","top":"0px","right":"0px","left":"0px"}},"elements":{"link":{"color":{"text":"var:preset|color|background"}}}},"textColor":"background","layout":{"type":"flex","justifyContent":"space-between"}} --> <div class="wp-block-group alignwide has-background-color has-text-color has-link-color" style="padding-top:0px;padding-right:0px;padding-bottom:0rem;padding-left:0px"><!-- wp:site-title {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}}} /--> <!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} --> <!-- wp:page-list {"isNavigationChild":true,"showSubmenuIcon":true,"openSubmenusOnClick":false} /--> <!-- /wp:navigation --></div> <!-- /wp:group --></div></div> <!-- /wp:cover --></div> <!-- /wp:group -->', );
Save Changes
Rename File
Rename