如何修改WordPress Flatsome主题网站主Logo的跳转链接

你修改后出现404的核心原因绝大多数为链接格式错误，最常见的情况是跳转外部链接时未带http://或https://协议前缀，浏览器会将链接识别为你站点的内部路径，从而触发404错误。

正确修改方法如下：

• 找到template-parts/header/header文件中Logo对应的a标签代码，仅修改href属性的内容即可，其余属性无需调整，分两种场景处理：
  1. 跳转本站内部页面
     把原有href="<?php echo esc_url( home_url( '/' ) ); ?>"中的路径参数替换为你要跳转的站内路径即可，示例：

  <a href="<?php echo esc_url( home_url( '/products/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?><?php echo get_bloginfo( 'name' ) && get_bloginfo( 'description' ) ? ' - ' : ''; ?><?php bloginfo( 'description' ); ?>" rel="home">
  

  上述示例会将Logo跳转指向站点内的/products页面。
  2. 跳转外部站点
  直接填写完整带协议的跳转链接即可，更规范的写法是保留esc_url函数保证代码安全性，示例：

  <a href="<?php echo esc_url( 'https://www.example.com' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?><?php echo get_bloginfo( 'name' ) && get_bloginfo( 'description' ) ? ' - ' : ''; ?><?php bloginfo( 'description' ); ?>" rel="home">
  

• 额外注意事项：
  • 修改时不要破坏PHP标签结构，避免漏写引号、分号等语法符号
  • 建议使用Flatsome子主题进行修改，将调整后的模板文件按照原目录结构放到子主题目录下，避免后续主题更新覆盖你的修改
  • 修改完成后清除站点缓存、浏览器缓存再测试跳转效果

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