WordPress不同页面设置独立页脚图片的技术问询

嘿，我来帮你搞定这个问题！你原来的单页面判断逻辑是没问题的，重复代码出问题大概率是写法上的小疏漏，下面给你两种可靠的实现方式：

方式一：用elseif链式判断（直观易懂） #

把多个页面的判断用elseif串联起来，逻辑清晰不会冲突，直接替换你原来的代码就行：

<?php 
// 页面ID为4的情况
if(is_page(4)): ?> 
  <div class="images"><img src="url-for-page-4" alt="Page 4 Footer Image" class="img-responsive"></div> 
<?php 
// 页面ID为5的情况
elseif(is_page(5)): ?> 
  <div class="images"><img src="url-for-page-5" alt="Page 5 Footer Image" class="img-responsive"></div> 
<?php 
// 页面ID为6的情况
elseif(is_page(6)): ?> 
  <div class="images"><img src="url-for-page-6" alt="Page 6 Footer Image" class="img-responsive"></div> 
<?php 
// 其他页面可选：留空或加通用内容
else: ?>
  <!-- 这里可以放其他页面的默认页脚内容，不需要就留空 -->
<?php endif; ?>

方式二：用数组管理对应关系（更易维护） #

如果以后还要加更多页面，这种方式修改起来更省心，不用反复写判断语句：

<?php
// 先定义页面ID和图片信息的对应数组
$footer_images = [
    4 => [
        'src' => 'url-for-page-4',
        'alt' => 'Page 4 Footer Image'
    ],
    5 => [
        'src' => 'url-for-page-5',
        'alt' => 'Page 5 Footer Image'
    ],
    6 => [
        'src' => 'url-for-page-6',
        'alt' => 'Page 6 Footer Image'
    ]
];

// 获取当前页面的ID
$current_page_id = get_the_ID();

// 如果当前页面在数组里，就输出对应的图片
if(isset($footer_images[$current_page_id])): ?>
    <div class="images">
        <img src="<?php echo esc_url($footer_images[$current_page_id]['src']); ?>" 
             alt="<?php echo esc_attr($footer_images[$current_page_id]['alt']); ?>" 
             class="img-responsive">
    </div>
<?php endif; ?>

你可能踩的坑排查 #

• 页面ID错了：确认页面ID是否正确——在WordPress后台的页面列表里，把鼠标悬停在页面标题上，浏览器状态栏里的post=xxx数字就是页面ID。
• 代码位置不对：要把这段代码放在主题的页脚模板（一般是footer.php）里，比如在</body>标签之前、页脚的容器元素内部。
• 图片路径错了：尽量用绝对路径，或者用WordPress自带的get_template_directory_uri()引用主题内的图片，比如<?php echo get_template_directory_uri(); ?>/images/page4-footer.jpg，避免路径失效。

内容的提问来源于stack exchange，提问作者johnkol