benpearson

HTML for Core blocks

Contents

• Using this HTML

  • Use this method
  • Do not use this method

• HTML examples

  • Basic Blocks

• Heading blocks

benpearson

<style>
    /* Default styles */
    .section-text {
        color: black;
    }
    .section-image {
        width: 100%;
    }
</style>
<div class="parent-container">

benpearson

<?php


class PostTypeTaxonomyMirror {


	private $post_type;
	private $taxonomy;

benpearson

// Howler
var words = new Howl({
    src: ['sounds/words.mp3'],
    sprite: {
        all: [0, 693],
        are: [693, 529],
        as: [1228, 644],
        at: [1871, 528],

benpearson

<?php
$image_url = get_the_post_thumbnail_url( $post->ID, 'full' ) ?: 'http://via.placeholder.com/993x556'

$image_url = get_the_post_thumbnail_url( $post->ID, 'full' ) 
  ? 'value if true'
  : 'value if false';

benpearson

.gfield_error{

    input[type="text"],
    textarea {
        border: 1px solid $red;
    }

}

.validation_error,

benpearson

<?php
/**
* Events custom post type has an ACF "end_date_time" which is a Date Time Picker field.
* This code creates list of all events that have not yet ended, sorted with
* the events that are ending soonest at the top of the list.
*/

$now_date_time = new DateTime( 'now', new DateTimeZone( 'Australia/Melbourne' ) );

$upcoming_events = [];

benpearson

<?php 
add_filter( 'max_srcset_image_width', function (){
	return 1;
} );
?>

benpearson

/*
Flexslider
 */

jQuery(document).ready(function($) {

    // Vertically center images in slider container when image height is greater than container height (larger screens)
    function verticallyCenterImages() {

        var containerHeight = $('.flexslider').height();

benpearson

<?php 
// Place in sidebar.php
// Currently loading largest image size. Add text field too?

<?php if( get_field('sidebar_items', 'options') ) : ?>
	<ul class="sidebar-default">
		<?php while( has_sub_field('sidebar_items', 'options') ) : ?>		 
			<li>
				<?php if ( get_sub_field('title') ) : ?>
					<a href="<?php the_sub_field('link'); ?>" target="<?php the_sub_field('target'); ?>" >