liaoxin
55cfd26162
- 灯箱画廊：点击图片全屏查看，多图左右切换 - 单图隐藏左右箭头，边界隐藏对应方向键 - 画廊顶部显示'标题 · 作者' - 文章导航保留在灯箱底部 - 图片去重（特色图与正文图片不重复） - 纯黑背景 - 已知限制：画廊内切换文章后灯箱不保持（AJAX 模式未稳定）
42 lines
1.4 KiB
PHP
42 lines
1.4 KiB
PHP
<?php
|
|
/**
|
|
* Template Name: 拾影画廊
|
|
*/
|
|
|
|
get_header();
|
|
|
|
// 获取所有带特色图片的文章（普通文章 + 可选 tucao）
|
|
$photo_query = new WP_Query(array(
|
|
'post_type' => 'photo',
|
|
'posts_per_page' => -1,
|
|
));
|
|
?>
|
|
|
|
<div class="section-header">
|
|
<span class="section-title">📷 拾影</span>
|
|
<span class="section-filter" style="font-size:13px;color:var(--ink-lighter);">被光留下的瞬间</span>
|
|
</div>
|
|
|
|
<?php if ($photo_query->have_posts()) : ?>
|
|
<div class="gallery-masonry">
|
|
<?php while ($photo_query->have_posts()) : $photo_query->the_post(); ?>
|
|
<a href="<?php the_permalink(); ?>" class="gallery-item">
|
|
<?php if (has_post_thumbnail()) : ?>
|
|
<?php the_post_thumbnail('medium', array('alt' => get_the_title(), 'class' => 'gallery-img')); ?>
|
|
<?php else : ?>
|
|
<span class="gallery-empty">空笺</span>
|
|
<?php endif; ?>
|
|
<div class="gallery-caption">
|
|
<?php the_title(); ?>
|
|
· <?php the_author_meta('display_name'); ?>
|
|
</div>
|
|
</a>
|
|
<?php endwhile; ?>
|
|
</div>
|
|
<?php wp_reset_postdata(); ?>
|
|
<?php else : ?>
|
|
<p style="color:var(--ink-lighter);text-align:center;padding:60px 0;">尚无光影，敬请期待</p>
|
|
<?php endif; ?>
|
|
|
|
<?php get_footer(); ?>
|