Вопрос по галереям. Как сделать вывод одной картинки?

Question

[ree4i]

Есть для WP простая галерея, чтобы выводилось в посте 1 изображение? При клике на него раскрывается уже вся галерея.
Логика вроде простая, но сейчас я тупо скрываю через дисплей-нон лишние картинки в нескольких галереях.

Comments

[Николай]

Здравствуйте, в каком плане раскрывалась вся галерея?

[V3XX]

Николай, вы зашли на страницу записи, там есть фотография. Вы кликаете по фотогарфии, и появляется интерфейс, говорящий нам о наличии связанных фотогарфий (галереи), которые можно просмотреть. Такие штуки были относительно популярны лет 15 назад. Минус в том, что в смысле интерфейса они ни разу интуитивно не понятны пользователю.

[V3XX]

Вопрос вроде простой - есть для WP простая галерея, что бы выводилось в посте 1 изображение?

Есть плагины (вроде, NextGEN такое умел), но стоит ли ради такой функциональности тащить плагин на сайт? Раньше такое jQuery + CSS делали, потом отказываться стали из-за костыльности и неудобства для пользователя. Плюс, были бонусом сложности с адаптацией под мобильные устройства.

сейчас я тупо скрываю через дисплей-нон лишние картинки в нескольких галереях.

Что не устраивает в такой реализации?

[ree4i]

V3XX, Скорость прогрузки не устраивает. Через мобильный инет сейчас не везде скорость хороша.
Понимаю, что это уже перфекционизм, но хочется идеала.
NextGEN кстати пробовал, не увидел функций.
Я привык к DLE - там больше самостоятельно на php/js пишется. С WP мало опыта.

[V3XX]

ree4i, так напишите на JS + CSS и для вашей задачи, вместо доп. плагина. Для картинок в галерее предзагрузку сделайте, если хотите визуального отклика для пользователя.

[Refguser]

V3XX,

но стоит ли ради такой функциональности тащить плагин на сайт?

Без плагинов - только волшебством :)

так напишите на JS + CSS и для вашей задачи, вместо доп. плагина.

На заборе? :)

Плагинофобия лечится изучением матчасти (с)SеVlad. Курим и перестаём нервничать при слове "плагин".

Но несктген - не тот плагин, который стоит использовать для чего бы то ни было.

[Николай]

V3XX, В целом я понимал, о чем речь, но решил убедиться в правильности мыслей.

Так можно тогда запихать все url картинок в атрибут элемента, по которому будет клик, но и первую картинку не забыть поставить в разметку. И немного магии на js + fancybox, и вуаля, на странице вывелась одна картинка, а по клику можно просмотреть и другие.

[ree4i]

Народ, я понимаю, что посраться можно на ерунде. Я могу сделать примитивный код с js/php - выводить 1ю картинку галереии, добавить эффекты на неё и при раскрытии показывать уже саму галерею.
Но я хотел это решить плагинами. Думал есть такие уже.

[V3XX]

ree4i, почему сразу не описали чего хотите в деталях и что нужен готовый плагин?

[V3XX]

Николай, о том и речь, что задача простая и решается разными методами, вопрос только в том, какой нужен ree4i. Я бы ради этого плагин не тащил на сайт, особенно учитывая их качество именно в этой нише, но тут каждому своё.

[Николай]

ree4i, а для чего именно так нужно решить это, чисто из интереса?!

Answer 1

[Андрей Писаревский]

Простой способ через шорткод (без плагинов):

В functions.php темы:

function single_gallery_image($atts) {
    $atts = shortcode_atts(['id' => 0, 'size' => 'medium'], $atts);
    $images = (array) get_post_gallery_images($post->ID, true);
    if (empty($images)) return '';
    
    $first_img = $images[0];
    $full_img = str_replace('-' . $atts['size'], '', $first_img);
    
    return sprintf(
        '<a href="%s" data-gallery="%s">%s</a>',
        $full_img,
        implode(',', $images),  // Вся галерея для lightbox
        wp_get_attachment_image(get_the_ID($first_img), $atts['size'])
    );
}
add_shortcode('first_gallery_img', 'single_gallery_image');

В посте изай [first_gallery_img] - выводит первую картинку галереи. Клик -> Fancybox/Lightbox покажет всю (подключи JS).

Альтернатива плагин: FooGallery или Modula - галерея с "single preview" из коробки.