Intereting Posts
Hook * после изменения пароля пользователя? Подробнее о самой странице Падение назад CDN в JavaScript Проблема с редактированием шаблона для плагина «Список категорий» Отображение содержимого моих плагинов на основе страниц post_id Получение изображений из медиа-библиотеки и get_the_date () не работает Есть ли быстрый способ удалить встроенный css из всех сообщений? Переопределить параметры по умолчанию в обменных обменах плагинов Скрыть список mu-plugins Заказать продукты Woocommerce от Latest Review Как создать одну страницу портфолио в качестве домашней страницы? Отправлять изменения для отправки адресов электронной почты (а не пользователей или подписчиков) Включить последние сообщения автора с разбиением на страницы в одном шаблоне? Повторение wp_schedule_single_event не работает Почему jquery-ui-core enqueueing в моем нижнем колонтитуле вместо заголовка?

Показывать LightBox при нажатии на выбранное изображение

На моем сайте WordPress отображаются изображения в верхней части каждого сообщения. Вот PHP-код из post.php который генерирует признак.

 <?php if ( current_theme_supports( 'get-the-image' ) ) get_the_image( array( 'meta_key' => 'Thumbnail', 'size' => 'single-thumbnail', 'link_to_post' => false, 'image_class' => 'featured', 'attachment' => false ) ); ?> 

Этот код просто выводит на страницу стандартный <img> . Например:

 <img src="http://img.wordpressask.com/lightbox/2015-04-10_190211-636x460.png" alt="Parkmerced Block 22 Geometry" class="single-thumbnail featured"> 

Тем не менее, другие изображения, которые я добавляю к контенту публикации, отображаются как LightBox при нажатии. Вот HTML для одного из этих изображений.

 <a href="http://img.wordpressask.com/lightbox/2015-04-10_190211.png" rel="lightbox"> <img class="alignnone wp-image-2770 size-single-thumbnail" src="http://img.wordpressask.com/lightbox/2015-04-10_190211-636x460.png" alt="2015-04-10_190211" width="636" height="460" style="opacity: 1;"> </a> 

Я хотел бы добавить те же функции LightBox к показанному изображению в верхней части каждого сообщения. Я знаком с HTML / CSS / JavaScript, но очень новичок в PHP и WordPress. Может кто-нибудь помочь мне выяснить, какой код мне нужно добавить, чтобы заставить это работать?

Solutions Collecting From Web of "Показывать LightBox при нажатии на выбранное изображение"

Если вы используете следующий код, вы можете исправить свою проблему. Попробуйте попробовать. Вставьте это в свой пост.php

 <?php if ( current_theme_supports( 'get-the-image' ) ): $image_full=wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID ), 'full'); $image_thumbnail=wp_get_attachment_image_src(get_post_thumbnail_id( $post->ID ), 'single-thumbnail'); ?> <a href="<?php echo $image_full[0]; ?>" rel="lightbox"> <img class="alignnone wp-image-2770 size-single-thumbnail" src="<?php echo $image_thumbnail[0]; ?>" alt="2015-04-10_190211" width="636" height="460" style="opacity: 1;"> </a> <?php endif; ?> 

Вы можете получить URL-адрес изображения с помощью wp_get_attachment_image_src и использовать его в href. Это чаще всего используется для получения URL (src) для вложения изображения: используйте первый элемент в возвращаемом массиве.

Поэтому вместо вашего кода для избранных миниатюр вы должны использовать это.

 <?php if ( current_theme_supports( 'get-the-image' ) ) { $fullimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); echo '<a href="' . $fullimage[0] . '" rel="lightbox">' . get_the_image( array( 'meta_key' => 'Thumbnail', 'size' => 'single-thumbnail', 'link_to_post' => false, 'image_class' => 'featured', 'attachment' => false ) ) . "</a>"; } ?>