'ASC', 'orderby' => 'menu_order ID', 'id' => $post ? $post->ID : 0, 'include' => '', 'exclude' => '', 'size' => [ $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 = (int) $atts['id']; if ( ! empty( $atts['include'] ) ) { $attachments = get_posts( [ '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( [ '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( [ '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 = []; 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'] ) && ! empty( $atts['link'] ) ) { if ( 'file' === $atts['link'] ) { $href = $url; } elseif ( 'post' === $atts['link'] ) { $href = get_attachment_link( $attachment_id ); } } $urls[] = [ 'href' => $href, 'url' => $url, 'srcset' => wp_get_attachment_image_srcset( $attachment_id, $atts['size'] ), 'width' => $width, 'height' => $height, 'alt' => trim( wp_strip_all_tags( get_post_meta( $attachment_id, '_wp_attachment_image_alt', true ) ) ), // Logic from wp_get_attachment_image(). ]; } $args = [ 'images' => $urls, ]; if ( ! empty( $atts['lightbox'] ) ) { $args['lightbox'] = true; $lightbox_tag = AMP_HTML_Utils::build_tag( 'amp-image-lightbox', [ '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 ) { $add_lightbox_attribute = static function ( $attr ) { $attr['lightbox'] = ''; return $attr; }; $set_link_attribute = static function ( $attributes ) { $attributes['link'] = 'none'; return $attributes; }; remove_filter( 'post_gallery', [ $this, 'maybe_override_gallery' ], 10 ); add_filter( 'wp_get_attachment_image_attributes', $add_lightbox_attribute ); add_filter( 'shortcode_atts_gallery', $set_link_attribute, PHP_INT_MAX ); $html = gallery_shortcode( $attributes ); remove_filter( 'wp_get_attachment_image_attributes', $add_lightbox_attribute ); add_filter( 'post_gallery', [ $this, 'maybe_override_gallery' ], 10, 2 ); remove_filter( 'shortcode_atts_gallery', $set_link_attribute, PHP_INT_MAX ); } return $html; } if ( 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, [ 'images' => false, ] ); if ( empty( $args['images'] ) ) { return ''; } $max_aspect_ratio = 0; $carousel_width = 0; $carousel_height = 0; $images = []; foreach ( $args['images'] as $props ) { $image_atts = [ 'src' => $props['url'], 'width' => $props['width'], 'height' => $props['height'], 'layout' => 'responsive', 'alt' => $props['alt'], ]; if ( ! empty( $props['srcset'] ) ) { $image_atts['srcset'] = $props['srcset']; } $this_aspect_ratio = $props['width'] / $props['height']; if ( $this_aspect_ratio > $max_aspect_ratio ) { $max_aspect_ratio = $this_aspect_ratio; $carousel_width = $props['width']; $carousel_height = $props['height']; } 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', [ 'href' => $props['href'], ], $image ); } $images[] = $image; } return AMP_HTML_Utils::build_tag( 'amp-carousel', [ 'width' => $carousel_width, 'height' => $carousel_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() { ?>