diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/gif/gif.php')
| -rw-r--r-- | plugins/jetpack/extensions/blocks/gif/gif.php | 32 |
1 files changed, 15 insertions, 17 deletions
diff --git a/plugins/jetpack/extensions/blocks/gif/gif.php b/plugins/jetpack/extensions/blocks/gif/gif.php index cb35f3da..1ababeeb 100644 --- a/plugins/jetpack/extensions/blocks/gif/gif.php +++ b/plugins/jetpack/extensions/blocks/gif/gif.php @@ -32,29 +32,27 @@ function jetpack_gif_block_render( $attr ) { return null; } - /* TODO: replace with centralized block_class function */ - $align = isset( $attr['align'] ) ? $attr['align'] : 'center'; - $type = 'gif'; - $classes = array( - 'wp-block-jetpack-' . $type, - 'align' . $align, - ); - if ( isset( $attr['className'] ) ) { - array_push( $classes, $attr['className'] ); - } - $classes = implode( $classes, ' ' ); + $classes = Jetpack_Gutenberg::block_classes( 'gif', $attr ); + + $placeholder = sprintf( '<a href="%s">%s</a>', esc_url( $giphy_url ), esc_attr( $search_text ) ); ob_start(); ?> <div class="<?php echo esc_attr( $classes ); ?>"> <figure> - <div class="wp-block-jetpack-gif-wrapper" style="<?php echo esc_attr( $style ); ?>"> - <iframe src="<?php echo esc_url( $giphy_url ); ?>" - title="<?php echo esc_attr( $search_text ); ?>"></iframe> - </div> + <?php if ( class_exists( 'Jetpack_AMP_Support' ) && Jetpack_AMP_Support::is_amp_request() ) : ?> + <amp-iframe src="<?php echo esc_url( $giphy_url ); ?>" width="100" height="<?php echo absint( $padding_top ); ?>" sandbox="allow-scripts allow-same-origin" layout="responsive"> + <div placeholder> + <?php echo wp_kses_post( $placeholder ); ?> + </div> + </amp-iframe> + <?php else : ?> + <div class="wp-block-jetpack-gif-wrapper" style="<?php echo esc_attr( $style ); ?>"> + <iframe src="<?php echo esc_url( $giphy_url ); ?>" title="<?php echo esc_attr( $search_text ); ?>"></iframe> + </div> + <?php endif; ?> <?php if ( $caption ) : ?> - <figcaption - class="wp-block-jetpack-gif-caption gallery-caption"><?php echo wp_kses_post( $caption ); ?></figcaption> + <figcaption class="wp-block-jetpack-gif-caption gallery-caption"><?php echo wp_kses_post( $caption ); ?></figcaption> <?php endif; ?> </figure> </div> |