如何在WordPress网站左下角添加全局粘性图片？

要实现类似decomat.gr的左下角固定显示图片效果，且全站所有页面都能展示，你可以用代码实现（轻量无插件）或者插件辅助两种方式，下面是具体步骤：

一、代码实现（推荐，无冗余） #

1. 准备图片并获取URL #

先把要设置的图片上传到WordPress媒体库，上传完成后复制图片的「文件URL」备用。

2. 添加全局CSS样式 #

进入WordPress后台 → 外观 → 自定义 → 额外CSS，粘贴以下代码：

/* 粘性图片样式 */
.sticky-bottom-image {
    position: fixed;
    bottom: 20px; /* 可调整：图片距底部的距离 */
    left: 20px; /* 可调整：图片距左侧的距离 */
    z-index: 9999; /* 确保图片在所有元素上层，若被遮挡可改成99999 */
    width: 150px; /* 可调整：图片宽度，高度会自动按比例适配 */
    height: auto;
}

3. 添加图片HTML代码到全站 #

有三种方式可选，选一种适合你的：

方式1：修改子主题footer.php（最稳定）

• 如果你用的是子主题，进入外观 → 主题文件编辑器 → 找到并打开footer.php文件
• 在</body>标签的上方插入以下代码（替换占位内容）：

<!-- 全站底部粘性图片 -->
<a href="https://你的跳转链接.com" target="_blank"> <!-- 不需要跳转就删掉整个a标签 -->
    <img src="https://你的图片URL" alt="底部粘性图片" class="sticky-bottom-image">
</a>

• 点击「更新文件」保存即可。

方式2：用functions.php添加钩子

• 同样在主题文件编辑器打开子主题的functions.php，添加以下代码：

// 全站添加底部粘性图片
function add_global_sticky_image() {
    echo '<a href="https://你的跳转链接.com" target="_blank"><img src="https://你的图片URL" alt="底部粘性图片" class="sticky-bottom-image"></a>';
}
add_action('wp_footer', 'add_global_sticky_image');

• 保存文件即可，这段代码会自动在所有页面的页脚输出图片。

方式3：自定义HTML小工具

• 进入外观 → 小工具 → 找到「自定义HTML」小工具，拖到全局显示的小工具区域（比如「Footer Widget 1」这类全站点显示的区域）
• 在小工具内容框里粘贴步骤2的HTML代码，保存即可。

二、插件实现（适合不想改代码的用户） #

找一款支持全局插入代码的插件（比如「Insert Headers and Footers」），安装激活后：

1. 进入插件设置页面，找到「Footer」选项卡
2. 粘贴以下代码（替换占位内容）：

<style>
.sticky-bottom-image {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 9999;
    width: 150px;
    height: auto;
}
</style>

<a href="https://你的跳转链接.com" target="_blank">
    <img src="https://你的图片URL" alt="底部粘性图片" class="sticky-bottom-image">
</a>

3. 保存设置，图片就会在全站显示了。

注意事项 #

• 一定要用子主题修改主题文件，避免主题更新时丢失自定义代码。
• 如果图片被其他页面元素遮挡，调大CSS里的z-index值即可。
• 可以根据需求调整CSS中的bottom、left、width参数，匹配你的页面布局。

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