�PNG �JFIF��

🗂️ simple

Path: var/www/vhosts/vsdma.at/staging.vsdma.at/wp-content/themes/twentytwentytwo/inc/patterns/

✏️ Editing: page-sidebar-poster.php

<?php
/**
 * Poster with right sidebar block pattern
 */
return array(
	'title'      => __( 'Poster with right sidebar', 'twentytwentytwo' ),
	'categories' => array( 'pages' ),
	'content'    => '
					<div class="wp-block-group alignfull">
					<div class="wp-block-columns alignwide">
					<div class="wp-block-column" style="flex-basis:70%">

<h1 class="alignwide" style="font-size:clamp(3rem, 6vw, 4.5rem);margin-bottom:0px">' . wp_kses_post( __( '<em>Flutter</em>, a collection of bird-related ephemera', 'twentytwentytwo' ) ) . '</h1>
					</div>

<div class="wp-block-column"></div>
					</div>

<div class="wp-block-columns alignwide">
					<div class="wp-block-column" style="padding-bottom:32px;flex-basis:70%">
					<figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/bird-on-salmon.jpg" alt="' . esc_attr__( 'Image of a bird on a branch', 'twentytwentytwo' ) . '" width="984" height="1426"/></figure>
					</div>

<div class="wp-block-column">
					<figure class="wp-block-image size-full is-resized"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/images/icon-binoculars.png" alt="' . esc_attr__( 'An icon representing binoculars.', 'twentytwentytwo' ) . '" width="100" height="47"/></figure>

<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>

<h3 class="has-large-font-size"><em>' . esc_html__( 'Date', 'twentytwentytwo' ) . '</em></h3>

<p>' . esc_html__( 'February, 12 2021', 'twentytwentytwo' ) . '</p>

<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>

<h3 class="has-large-font-size"><em>' . esc_html__( 'Location', 'twentytwentytwo' ) . '</em></h3>

<p>' . wp_kses_post( __( 'The Grand Theater<br>154 Eastern Avenue<br>Maryland NY, 12345', 'twentytwentytwo' ) ) . '</p>

<div style="height:16px" aria-hidden="true" class="wp-block-spacer"></div>
					</div>
					</div>
					</div>
					',
);

🔙 Back