点击特色图片时显示LightBox

我的WordPress网站在每篇文章的顶部显示特色图片。下面是来自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://www.ericanastas.com/wp-content/uploads/2015/07/2015-04-10_190211-636x460.png" alt="Parkmerced Block 22 Geometry" class="single-thumbnail featured">

但是，我添加到帖子内容中的其他图像在单击时显示为灯箱。下面是其中一幅图像的HTML。

<a href="http://www.ericanastas.com/wp-content/uploads/2015/07/2015-04-10_190211.png" rel="lightbox">
<img class="alignnone wp-image-2770 size-single-thumbnail" src="http://www.ericanastas.com/wp-content/uploads/2015/07/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非常陌生。有人能帮我弄清楚我需要添加什么代码才能使其正常工作吗？

<?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; ?>

<?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>"; } ?>

WordPress发布页面上的Lightbox

我正在构建WordPress管理插件。在其中，我有一个带有10个复选框的元框（可能不止这些）。下面是提交按钮。我的要求是：（A）当有人点击提交按钮时打开一个灯箱。（B）在这个灯箱中，我想用复选框显示所有选中的复选框值。（C）同样，在这个灯箱上会有一个提交按钮。单击此表单时，需要提交选中的复选框值。灯箱将作为确认窗口使用，任何帮助都会非常感谢。

相关推荐

WordPress发布页面上的Lightbox