如何更新get_template_directory_uri()路径下的网站首页头部图片

你提供的替换代码不可用，原因如下： #

• 存在PHP语法错误：<?php echo get_template_directory_uri(); ?>被错误拆分为两行，会触发页面解析报错，同时输出多余空白字符
• 路径匹配错误：get_template_directory_uri()返回的是当前激活主题的根目录地址（格式为站点域名/wp-content/themes/当前主题名/），你新上传的图片存放在WordPress全局上传目录/wp-content/uploads/下，并不在主题目录内，拼接后的路径和实际图片地址完全不符
• 参数错误：路径中的年份写为2012，实际图片存放在2021目录下，同时缺失了原代码的jarallax-img类、alt和title属性，会导致原有视差交互效果失效，也不利于SEO优化

两种可行的替换方案 #

方案1：上传图片到主题目录替换（匹配原有代码逻辑） #

查找模板目录的方法：

• 通过FTP/SFTP工具连接网站服务器，进入站点根目录后，依次打开wp-content→themes文件夹，当前你正在使用的主题对应的文件夹就是目标模板目录，进入后就能看到原有图片存放的images子目录
• 没有FTP权限的话，也可以在WordPress后台的「外观」→「主题文件编辑器」页面，右侧文件列表的顶部就能看到当前主题的名称，对应路径就是wp-content/themes/对应主题名/

上传新图片到主题目录下的images文件夹后，将原有img标签替换为以下代码即可：

<img class="jarallax-img" src="<?php echo get_template_directory_uri(); ?>/images/Header-Kollag-2021.jpg" alt="woolpower" title="woolpower">

方案2：直接使用已上传到uploads目录的图片（无需查找模板目录） #

如果你不想找主题目录上传，可以直接用你已经上传完成的图片地址，替换原有img标签即可：

<img class="jarallax-img" src="https://woolpowerus.com/wp-content/uploads/2021/09/Header-Kollag-2021.jpg" alt="woolpower" title="woolpower">

注意：直接在默认主题的header.php中修改代码，后续主题版本更新后修改内容会被覆盖，建议提前备份修改的文件，或使用子主题进行自定义修改避免丢失。

内容的提问来源于stack exchange，提问作者Kat Von Diesel