Настройка формата публикации галереи WordPress

Question

Настройка формата публикации галереи WordPress

Моя текущая тема поддерживает форматы постов галереи. Формат Галерея берет все изображения из галереи и отображает их в виде слайд-шоу. Я хочу иметь возможность добавлять заголовок и кредитную линию для фотографий в нижней части каждого изображения, так как оно меняется, чтобы информация изменялась вместе с ним.

Текущий шаблон формата галереи выглядит так:

 <?php if ( has_post_format( 'gallery' ) ) : ?>

<div class="gallery-post-format">
<?php
$galleries = get_post_gallery_images( $post );

$output = '<ul class="gallery-images">';
foreach ($galleries as $gallery) {
$output .= '<li>' . '<img src="'. $gallery . '">' . '</li>';
}
$output .= '</ul>';

echo $output;
?>
</div>

<?php endif; ?>

Я хочу добавить следующий код для отображения подписей и кредитных линий к каждому изображению.

    <div>
<?php
$photographer_name = get_post_meta(get_post_thumbnail_id(), 'be_photographer_name', true);
$photographer_url = get_post_meta(get_post_thumbnail_id(), 'be_photographer_url', true);

if ( $photographer_name ) : ?>
<div id="tgg_credit_line" class="tgg-photo-credit" align="right">
&#x1F4F7; Image Credit /
<?php if ( $photographer_url ) : ?>
<a href="<?php echo $photographer_url ?>">
<?php endif; ?>
<?php echo $photographer_name ?>
<?php if ( $photographer_url ) : ?>
</a>
<?php endif; ?>
</div>
<?php endif; ?>
</div>
<div id="tgg_image_caption" class="tgg-image-caption" align="left">
<?php echo get_post(get_post_thumbnail_id())->post_excerpt; ?>
</div>

</div>

Как я могу это сделать?

0

gallery php post-format wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Как насчет этого:

<?php if ( has_post_format( 'gallery' ) ) : ?>

<div class="gallery-post-format">
<?php
$gallery = get_post_gallery( $post, false );
$att_ids = wp_parse_id_list( $gallery['ids'] );

$output = '<ul class="gallery-images">';
for ( $i = 0; $i < count( $gallery['src'] ); $i++ ) {
$att_id = $att_ids[ $i ];
$photographer_name = get_post_meta( $att_id, 'be_photographer_name', true );
$photographer_url = get_post_meta( $att_id, 'be_photographer_url', true );

$image = sprintf( '<img src="%s" />',
esc_url( $gallery['src'][ $i ] ) );

$caption = '<div>';
if ( $photographer_name ) {
$caption .= '<div class="tgg-photo-credit" align="right">';
$caption .= '&#x1F4F7; Image Credit /';
if ( $photographer_url ) {
$caption .= sprintf( '<a href="%s">%s</a>',
esc_url( $photographer_url ), esc_html( $photographer_name ) );
} else {
$caption .= esc_html( $photographer_name );
}
$caption .= '</div><!-- .tgg-photo-credit -->';
}
$caption .= '</div>';

$excerpt = get_post_field( 'post_excerpt', $att_id );
if ( $excerpt ) {
$caption .= /* wrapped */
'<div class="tgg-image-caption" align="left">' .
$excerpt .
'</div><!-- .tgg-image-caption -->';
}

$output .= '<li>' . $image . $caption . '</li>';
}
$output .= '</ul><!-- .gallery-images -->';

echo $output;
?>
</div><!-- gallery-post-format -->

<?php endif; ?>

Или другая версия, которая напрямую echoвывод вместо сохранения в переменной (т.е. $output):

<?php if ( has_post_format( 'gallery' ) ) : ?>

<div class="gallery-post-format">
<?php
$gallery = get_post_gallery( $post, false );
$att_ids = wp_parse_id_list( $gallery['ids'] );
?>
<ul class="gallery-images">
<?php for ( $i = 0; $i < count( $gallery['src'] ); $i++ ) : ?>
<li>
<?php
$att_id = $att_ids[ $i ];
$photographer_name = get_post_meta( $att_id, 'be_photographer_name', true );
$photographer_url = get_post_meta( $att_id, 'be_photographer_url', true );
$excerpt = get_post_field( 'post_excerpt', $att_id );
?>

<img src="<?php echo esc_url( $gallery['src'][ $i ] ); ?>" />

<div>
<?php if ( $photographer_name ) : ?>
<div class="tgg-photo-credit" align="right">
&#x1F4F7; Image Credit /
<?php if ( $photographer_url ) : ?>
<a href="<?php echo esc_url( $photographer_url ); ?>"><?php echo esc_html( $photographer_name ); ?></a>
<?php else : ?>
<?php echo esc_html( $photographer_name ); ?>
<?php endif; // end $photographer_url ?>
</div><!-- .tgg-photo-credit -->
<?php endif; // end $photographer_name ?>
</div>

<?php if ( $excerpt ) : ?>
<div class="tgg-image-caption" align="left">
<?php echo $excerpt; ?>
</div><!-- .tgg-image-caption -->
<?php endif; // end $excerpt ?>
</li>
<?php endfor; // end gallery loop ?>
</ul><!-- .gallery-images -->
</div><!-- .gallery-post-format -->

<?php endif; ?>

1