File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: block-patterns.php

<?php
/**
 * Block Patterns
 *
 * @link https://developer.wordpress.org/reference/functions/register_block_pattern/
 * @link https://developer.wordpress.org/reference/functions/register_block_pattern_category/
 *
 * @package WordPress
 * @subpackage Twenty_Fifteen
 * @since Twenty Fifteen 3.0
 */

/**
 * Register Block Pattern Category.
 */
if ( function_exists( 'register_block_pattern_category' ) ) {

register_block_pattern_category(
		'twentyfifteen',
		array( 'label' => esc_html__( 'Twenty Fifteen', 'twentyfifteen' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {

// Gallery and Description.
	register_block_pattern(
		'twentyfifteen/gallery-description',
		array(
			'title'      => esc_html__( 'Gallery and Description', 'twentyfifteen' ),
			'categories' => array( 'twentyfifteen' ),
			'content'    => '<div class="wp-block-columns are-vertically-aligned-top"><div class="wp-block-column is-vertically-aligned-top" style="flex-basis:70%"><figure class="wp-block-gallery columns-2 is-cropped"><ul class="blocks-gallery-grid"><li class="blocks-gallery-item"><figure><img src="' . esc_url( get_template_directory_uri() ) . '/assets/pier-seagull.jpg" alt="' . esc_attr__( 'A pier with a seagull.', 'twentyfifteen' ) . '" data-full-url="' . esc_url( get_template_directory_uri() ) . '/assets/pier-seagull.jpg" data-link="#"/></figure></li><li class="blocks-gallery-item"><figure><img src="' . esc_url( get_template_directory_uri() ) . '/assets/pier-seagulls.jpg" alt="' . esc_attr__( 'A pier with seagulls.', 'twentyfifteen' ) . '" data-full-url="' . esc_url( get_template_directory_uri() ) . '/assets/pier-seagulls.jpg" data-link="#"/></figure></li><li class="blocks-gallery-item"><figure><img src="' . esc_url( get_template_directory_uri() ) . '/assets/pier-sunset.jpg" alt="' . esc_attr__( 'A pier at sunset', 'twentyfifteen' ) . '" data-full-url="' . esc_url( get_template_directory_uri() ) . '/assets/pier-sunset.jpg" data-link="#"/></figure></li></ul></figure></div><div class="wp-block-column is-vertically-aligned-top"><p class="has-small-font-size"><em>' . esc_html__( 'Our default 2015 theme is clean, blog-focused, and designed for clarity. Twenty Fifteen’s simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages.', 'twentyfifteen' ) . '</em></p><hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/></div></div>',
		)
	);

// Contact Area.
	register_block_pattern(
		'twentyfifteen/contact-area',
		array(
			'title'      => esc_html__( 'Contact area', 'twentyfifteen' ),
			'categories' => array( 'twentyfifteen' ),
			'content'    => '<div class="wp-block-group has-dark-gray-color has-light-gray-background-color has-text-color has-background"><div class="wp-block-group__inner-container"><div class="wp-block-columns"><div class="wp-block-column"><p><strong>' . esc_html__( 'Email', 'twentyfifteen' ) . '</strong><br><a href="mailto:#">' . esc_html__( 'example@example.com', 'twentyfifteen' ) . '</a></p><p><strong>' . esc_html__( 'Follow us', 'twentyfifteen' ) . '</strong></p><ul class="wp-block-social-links"></ul></div><div class="wp-block-column"><p><strong>' . esc_html__( 'Phone', 'twentyfifteen' ) . '</strong><br>' . esc_html__( '(123) 555-5555', 'twentyfifteen' ) . '</p><p><strong>' . esc_html__( 'Address', 'twentyfifteen' ) . '</strong><br>' . esc_html__( '123 Main Street', 'twentyfifteen' ) . '<br>' . esc_html__( 'City, State, 00000', 'twentyfifteen' ) . '</p></div></div></div></div>',
		)
	);

// Two Columns with Images.
	register_block_pattern(
		'twentyfifteen/two-columns-with-images',
		array(
			'title'      => esc_html__( 'Two Columns with Images', 'twentyfifteen' ),
			'categories' => array( 'twentyfifteen' ),
			'content'    => '<div class="wp-block-columns"><div class="wp-block-column"><figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/pier-seagull.jpg" alt="' . esc_attr__( 'A pier with a seagull.', 'twentyfifteen' ) . '"/></figure><h2>' . esc_html__( 'Adventure', 'twentyfifteen' ) . '</h2><p>' . esc_html__( 'I faced about again, and rushed towards the approaching Martian, rushed right down the gravelly beach and headlong into the water. Others did the same.', 'twentyfifteen' ) . '</p></div><div class="wp-block-column"><figure class="wp-block-image size-large"><img src="' . esc_url( get_template_directory_uri() ) . '/assets/pier-seagulls.jpg" alt="' . esc_attr__( 'A pier with seagulls.', 'twentyfifteen' ) . '"/></figure><h2>' . esc_html__( 'Travels', 'twentyfifteen' ) . '</h2><p>' . esc_html__( 'A boatload of people putting back came leaping out as I rushed past. The stones under my feet were muddy and slippery, and the river was so low.', 'twentyfifteen' ) . '</p></div></div>',
		)
	);

// Columns with a list.
	register_block_pattern(
		'twentyfifteen/columns-with-list',
		array(
			'title'      => esc_html__( 'Columns with a List', 'twentyfifteen' ),
			'categories' => array( 'twentyfifteen' ),
			'content'    => '<h2>' . esc_html__( 'What to pack for the beach', 'twentyfifteen' ) . '</h2><p class="has-text-color" style="color:#707070"><em>' . esc_html__( 'You don’t need a lot, trust us!', 'twentyfifteen' ) . '</em></p><div class="wp-block-columns"><div class="wp-block-column" style="flex-basis:65%"><p>' . esc_html__( 'As I watched, the planet seemed to grow larger and smaller and to advance and recede, but that was simply that my eye was tired. Forty millions of miles it was from us — more than forty millions of miles of void. Few people realize the immensity of vacancy in which the dust of the material universe swims.', 'twentyfifteen' ) . '</p></div><div class="wp-block-column" style="flex-basis:5%"></div><div class="wp-block-column" style="flex-basis:30%"><ul><li>' . esc_html__( 'Towels', 'twentyfifteen' ) . '</li><li>' . esc_html__( 'Camera', 'twentyfifteen' ) . '</li><li>' . esc_html__( 'Water Bottle', 'twentyfifteen' ) . '</li><li>' . esc_html__( 'Swimsuit', 'twentyfifteen' ) . '</li><li>' . esc_html__( 'Snacks', 'twentyfifteen' ) . '</li></ul></div></div>',
		)
	);
}

File Editor

Directories:

Files:

Create New File

Edit File: block-patterns.php

Rename File