Получение атрибута title / alt изображения из шорткода галереи

Я пытаюсь научиться программироватьphp,чтобы я мог настроить галерею изображений в WordPress (среди других настроек).

Код,который у меня есть,отлично подходит для стилизованной страницы галереи, но мне трудно понять,как получить атрибутыtitle и alt изображений в галерее WP (я предполагаю это потому,что изображения не отображаются как вложения к сообщению,поскольку они находятся в функции галереи).

И я хотел бы использовать галерею WP,так как хочу использовать встроенные функции WP для галерей.

Любая помощь приветствуется ... это самый тупой способ что-то сделать или что?

Примечание. get_attachment илиget_children также были катастрофическими при попытке редактировать изображения на странице,когда НЕ использовали галерею WP в этих старых вложениях или дочерние элементы,которые были удалены со страницы,все еще отображаются) .

 <?php if (have_posts()): while (have_posts()) : the_post(); ?>

<div class="gallery-wrapper three-cols clearfix">

  <?php // image gallery content 
    if( has_shortcode( $post->post_content, 'gallery' ) ) {   

       // Add a filter for full gallery size:
       add_filter( 'shortcode_atts_gallery','wpse_full_size_gallery' );


$gallery = get_post_gallery_images( $post->ID );

       // Remove the filter:
       remove_filter( 'shortcode_atts_gallery','wpse_full_size_gallery' );  

foreach ( $gallery as $image_url ) {
        $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
            $image_title = $attachment->post_title;


            echo '<div class="one-third columns gallery-item">';
            echo '<div class="item-picture" data-type="image">';
            echo '<img src="' . $image_url . '">' ;
            echo '<div class="image-overlay">';
            echo '<a href="' . $image_url . '" data-rel="prettyPhoto[gallery]"><span class="zoom"></span></a>';
             echo '</div>';
             echo '<span class="item-label">' . $image_title . '</span>';
             echo '</div>';
             echo '</div>';

        }

}                         
?>

  </div>
        <!-- article -->
        <article class="full-width columns" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <br class="clear">

            <?php edit_post_link(); ?>

        </article>
        <!-- /article -->

    <?php endwhile; ?>

    <?php else: ?>

        <!-- article -->
        <article>

            <h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>

        </article>
        <!-- /article -->

        <?php endif; ?>            
 

I am trying to learn how to code php so that I can customize the image gallery within WordPress (among other customizations).

The code I have works great for a stylized gallery page, but having a difficult time trying to figure out how to get the title and alt attributes of the images within the WP gallery (I am guessing it's because the images are not seen as attachments to the post since they are in the gallery function).

And I would like to use the WP gallery, as I want to use that WP built-in functionality for galleries.

any help is appreciated... is this the dumbest way of doing something or what?

Note: get_attachment or get_children has been disastrous too when trying to edit images on a page when NOT using the WP gallery in that old attachments or children that have been removed from the page still show up).

<?php if (have_posts()): while (have_posts()) : the_post(); ?>

<div class="gallery-wrapper three-cols clearfix">

  <?php // image gallery content 
    if( has_shortcode( $post->post_content, 'gallery' ) ) {   

       // Add a filter for full gallery size:
       add_filter( 'shortcode_atts_gallery','wpse_full_size_gallery' );


$gallery = get_post_gallery_images( $post->ID );

       // Remove the filter:
       remove_filter( 'shortcode_atts_gallery','wpse_full_size_gallery' );  

foreach ( $gallery as $image_url ) {
        $alt = get_post_meta($attachment->ID, '_wp_attachment_image_alt', true);
            $image_title = $attachment->post_title;


            echo '<div class="one-third columns gallery-item">';
            echo '<div class="item-picture" data-type="image">';
            echo '<img src="' . $image_url . '">' ;
            echo '<div class="image-overlay">';
            echo '<a href="' . $image_url . '" data-rel="prettyPhoto[gallery]"><span class="zoom"></span></a>';
             echo '</div>';
             echo '<span class="item-label">' . $image_title . '</span>';
             echo '</div>';
             echo '</div>';

        }

}                         
?>

  </div>
        <!-- article -->
        <article class="full-width columns" id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <br class="clear">

            <?php edit_post_link(); ?>

        </article>
        <!-- /article -->

    <?php endwhile; ?>

    <?php else: ?>

        <!-- article -->
        <article>

            <h2><?php _e( 'Sorry, nothing to display.', 'html5blank' ); ?></h2>

        </article>
        <!-- /article -->

        <?php endif; ?>