WordPress迁移后轮播组件故障求助

兄弟，我太懂你折腾这么多步骤还卡壳的烦躁了——换插件搞崩首页那事儿简直雪上加霜。结合你已经排查的所有点，还有Shortcodes Ultimate文档提到的JS问题，给你几个非程序员也能上手的实操方案：

一、先揪出JS冲突（文档指向的核心方向） #

• 逐个禁用插件排查：
  先把Shortcodes Ultimate之外的所有插件暂时关掉，刷新首页看轮播是否正常。如果恢复了，再逐个重新启用插件，每次开一个就刷新页面，找到那个搞事情的插件——要么换个同功能的替代款，要么去它的支持论坛提问题，说明和Shortcodes Ultimate轮播的冲突情况。
• 切换默认主题测试：
  临时切换到WordPress自带的默认主题（比如Twenty Twenty-Four），看看轮播图片是不是正常了。如果正常，那就是你当前主题的JS和轮播的JS打架了。这种情况可以联系主题开发者求助，或者试试用子主题改点代码（别直接改父主题，不然更新会丢！）：在子主题的functions.php里加这段代码，把轮播的JS延迟到页面底部加载，减少冲突概率：

  function su_slider_js_delay() {
      wp_dequeue_script('su-shortcodes');
      wp_enqueue_script('su-shortcodes', plugins_url('/js/shortcodes.js', __FILE__), array('jquery'), false, true);
  }
  add_action('wp_enqueue_scripts', 'su_slider_js_delay', 999);
  

二、检查轮播的图片尺寸设置 #

• 打开Shortcodes Ultimate的轮播编辑界面，仔细瞅图片尺寸选项：是不是不小心选了缩略图或者小尺寸？改成“全尺寸”或者你需要的自定义尺寸，保存后刷新页面试试。
• 另外，有些主题自带图片压缩功能，去主题设置里找找有没有“图片优化”“自动压缩缩略图”这类选项，暂时关掉再测试。

三、手动确认图片调用是否正确 #

• 右键点击模糊的轮播图，选浏览器的“检查”（不用怕，只是看代码），看图片的src链接里有没有-150x150这种缩略图后缀。如果有，说明轮播没调用对原图，直接在轮播的短代码里加个参数：size="full"，比如原来的短代码是[su_slider ...]，改成[su_slider size="full" ...]，保存后刷新试试。

四、清掉所有缓存（容易忽略的关键点） #

• 不管是网站装的缓存插件（比如WP Rocket、W3 Total Cache），还是浏览器的缓存，都彻底清一遍。你迁移过站点、改过URL，旧的缓存很可能卡在那搞事情，清完再刷新页面看效果。

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