Показывать 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>"; } ?>