File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: block-patterns.php

<?php
/**
 * Twenty Sixteen Theme: Block Patterns
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 2.3
 */

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

register_block_pattern_category(
		'twentysixteen',
		array( 'label' => __( 'Twenty Sixteen', 'twentysixteen' ) )
	);
}

/**
 * Register Block Patterns.
 */
if ( function_exists( 'register_block_pattern' ) ) {
	register_block_pattern(
		'twentysixteen/large-heading-short-description',
		array(
			'title'      => __( 'Large heading with short description', 'twentysixteen' ),
			'categories' => array( 'twentysixteen' ),
			'content'    => '
            <div class="wp-block-group alignfull has-background-background-color has-background"><div class="wp-block-group__inner-container">
            <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
            
            
            <h6 style="font-size:35px;line-height:1.5"><strong>' . esc_html__( 'Twenty Sixteen is a modern take on the horizontal masthead with an optional right sidebar. It works perfectly for WordPress websites and blogs.', 'twentysixteen' ) . '</strong></h6>
            
            
            <p style="line-height:1.8">' . esc_html__( 'Twenty Sixteen will make your WordPress website look beautiful everywhere. Take advantage of custom color options, beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail.', 'twentysixteen' ) . '</p>
            
            
            <div style="height:60px" aria-hidden="true" class="wp-block-spacer"></div>
            </div></div>
            ',
		)
	);

register_block_pattern(
		'twentysixteen/big-title-two-columns-text',
		array(
			'title'      => __( 'Big Title with Two Columns Text', 'twentysixteen' ),
			'categories' => array( 'twentysixteen' ),
			'content'    => '
            <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>

<h1 style="font-size:55px">' . esc_html__( 'Twenty Sixteen', 'twentysixteen' ) . '</h1>

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

<div class="wp-block-columns">
            <div class="wp-block-column">
            <p class="has-drop-cap">' . esc_html__( 'Twenty Sixteen will make your WordPress website look beautiful everywhere. Take advantage of its custom color options and beautiful default color schemes.', 'twentysixteen' ) . '</p>
            </div>

<div class="wp-block-column">
            <p>' . esc_html__( 'The theme features a harmonious fluid grid using a mobile-first approach. The layout is a modern take on the horizontal masthead with an optional right sidebar.', 'twentysixteen' ) . '</p>
            </div>
            </div>

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

register_block_pattern(
		'twentysixteen/large-blockquote',
		array(
			'title'      => __( 'Large Blockquote', 'twentysixteen' ),
			'categories' => array( 'twentysixteen' ),
			'content'    => '
            <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>

<hr class="wp-block-separator has-text-color has-background has-dark-gray-background-color has-dark-gray-color is-style-wide"/>

<h2 style="font-size:40px;line-height:1.5"><em>' . esc_html__( 'Twenty Sixteen will make your WordPress look beautiful everywhere.', 'twentysixteen' ) . '</em></h2>

<p class="has-medium-gray-color has-text-color">' . esc_html__( '— Takashi Irie', 'twentysixteen' ) . '</p>

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

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

register_block_pattern(
		'twentysixteen/call-to-action',
		array(
			'title'      => __( 'Call to Action', 'twentysixteen' ),
			'categories' => array( 'twentysixteen' ),
			'content'    => '
            <div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>

<h1 style="font-size:35px;line-height:1.5">' . esc_html__( 'My new book “Twenty Sixteen” is available for pre-order.', 'twentysixteen' ) . '</h1>

<div class="wp-block-columns">
            <div class="wp-block-column">
            <div class="wp-block-buttons">
            <div class="wp-block-button"><a class="wp-block-button__link has-bright-blue-background-color has-background no-border-radius">' . esc_html__( 'Pre-Order Now', 'twentysixteen' ) . '</a></div>
            </div>
            </div>

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

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

File Editor

Directories:

Files:

Create New File

Edit File: block-patterns.php

Rename File