'ASC', 'orderby' => 'menu_order ID', 'id' => $post ? $post->ID : 0, 'include' => '', 'exclude' => '', 'size' => array( $this->args['width'], $this->args['height'] ), 'link' => 'none', ), $attr, 'gallery' ); if ( ! empty( $attr['amp-lightbox'] ) ) { $atts['lightbox'] = filter_var( $attr['amp-lightbox'], FILTER_VALIDATE_BOOLEAN ); } $id = intval( $atts['id'] ); if ( ! empty( $atts['include'] ) ) { $attachments = get_posts( array( 'include' => $atts['include'], 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $atts['order'], 'orderby' => $atts['orderby'], 'fields' => 'ids', ) ); } elseif ( ! empty( $atts['exclude'] ) ) { $attachments = get_children( array( 'post_parent' => $id, 'exclude' => $atts['exclude'], 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $atts['order'], 'orderby' => $atts['orderby'], 'fields' => 'ids', ) ); } else { $attachments = get_children( array( 'post_parent' => $id, 'post_status' => 'inherit', 'post_type' => 'attachment', 'post_mime_type' => 'image', 'order' => $atts['order'], 'orderby' => $atts['orderby'], 'fields' => 'ids', ) ); } if ( empty( $attachments ) ) { return ''; } $urls = array(); foreach ( $attachments as $attachment_id ) { list( $url, $width, $height ) = wp_get_attachment_image_src( $attachment_id, $atts['size'], true ); if ( ! $url ) { continue; } $href = null; if ( empty( $atts['lightbox'] ) ) { if ( ! empty( $atts['link'] ) && 'file' === $atts['link'] ) { $href = $url; } elseif ( ! empty( $atts['link'] ) && 'post' === $atts['link'] ) { $href = get_attachment_link( $attachment_id ); } } $urls[] = array( 'href' => $href, 'url' => $url, 'width' => $width, 'height' => $height, ); } $args = array( 'images' => $urls, ); if ( ! empty( $atts['lightbox'] ) ) { $args['lightbox'] = true; $lightbox_tag = AMP_HTML_Utils::build_tag( 'amp-image-lightbox', array( 'id' => AMP_Base_Sanitizer::AMP_IMAGE_LIGHTBOX_ID, 'layout' => 'nodisplay', 'data-close-button-aria-label' => __( 'Close', 'amp' ), ) ); /* We need to add lightbox tag, too. @todo Could there be a better alternative for this? */ return $this->render( $args ) . $lightbox_tag; } return $this->render( $args ); } /** * Override the output of gallery_shortcode() if amp-carousel is not false. * * The 'Gallery' widget also uses this function. * This ensures that it outputs an . * * @param string $html Markup to filter, possibly ''. * @param array $attributes Shortcode attributes. * @return string $html Markup for the gallery. */ public function maybe_override_gallery( $html, $attributes ) { $is_lightbox = isset( $attributes['amp-lightbox'] ) && true === filter_var( $attributes['amp-lightbox'], FILTER_VALIDATE_BOOLEAN ); if ( isset( $attributes['amp-carousel'] ) && false === filter_var( $attributes['amp-carousel'], FILTER_VALIDATE_BOOLEAN ) ) { if ( true === $is_lightbox ) { remove_filter( 'post_gallery', array( $this, 'maybe_override_gallery' ), 10 ); $attributes['link'] = 'none'; $html = '

' . gallery_shortcode( $attributes ) . '

'; add_filter( 'post_gallery', array( $this, 'maybe_override_gallery' ), 10, 2 ); } return $html; } elseif ( isset( $attributes['size'] ) && 'thumbnail' === $attributes['size'] ) { /* * If the 'gallery' shortcode has a 'size' attribute of 'thumbnail', prevent outputting an . * That will often get thumbnail images around 150 x 150, * while the usually has a width of 600 and a height of 480. * That often means very low-resolution images. * So fall back to the normal 'gallery' shortcode callback, gallery_shortcode(). */ return ''; } return $this->shortcode( $attributes ); } /** * Render. * * @param array $args Args. * @return string Rendered. */ public function render( $args ) { $this->did_convert_elements = true; $args = wp_parse_args( $args, array( 'images' => false, ) ); if ( empty( $args['images'] ) ) { return ''; } $images = array(); foreach ( $args['images'] as $props ) { $image_atts = array( 'src' => $props['url'], 'width' => $props['width'], 'height' => $props['height'], 'layout' => 'responsive', ); if ( ! empty( $args['lightbox'] ) ) { $image_atts['lightbox'] = ''; $image_atts['on'] = 'tap:' . AMP_Img_Sanitizer::AMP_IMAGE_LIGHTBOX_ID; $image_atts['role'] = 'button'; $image_atts['tabindex'] = 0; } $image = AMP_HTML_Utils::build_tag( 'amp-img', $image_atts ); if ( ! empty( $props['href'] ) ) { $image = AMP_HTML_Utils::build_tag( 'a', array( 'href' => $props['href'], ), $image ); } $images[] = $image; } return AMP_HTML_Utils::build_tag( 'amp-carousel', array( 'width' => $this->args['width'], 'height' => $this->args['height'], 'type' => 'slides', 'layout' => 'responsive', ), implode( PHP_EOL, $images ) ); } /** * Prints the Gallery block styling. * * It would be better to print this in AMP_Gallery_Block_Sanitizer, * but by the time that runs, it's too late. * This rule is copied exactly from block-library/style.css, but the selector here has amp-img >. * The image sanitizer normally converts the from that original stylesheet , * but that doesn't have the same effect as applying it to the . * * @return void */ public function print_styles() { ?>