zzyyjj1 2022-06-16 17:04 采纳率: 75%
浏览 35
已结题

Wordpress自定义主题CSS加载出错

问题遇到的现象和发生背景

http://www.echipsee.com/ 这个站点
最近尝试自己制作wordpress主题,添加了woocommerce和wcblock-style主题支持,但是woocomerce样式还有wordpress的一部分组件无法正常显示(wordpress组件的内容在编辑器中正常显示)

问题相关代码,请勿粘贴截图

已经添加支持了
add_theme_support( "responsive-embeds" );
add_theme_support( "align-wide" );
add_theme_support( "wp-block-styles" );
add_theme_support( "post-thumbnails" );
add_theme_support( 'post-formats' );
wp_register_style('woocommerce',get_template_directory_uri()./css/woocommerce.css' );
wp_register_style('woocommerce',get_template_directory_uri().'/css/woocommerce-layout.css' );
wp_register_style('woocommerce',get_template_directory_uri()'./css/woocommerce-smallscreen.css' );
add_theme_support('woocommerce');

运行结果及报错内容

http://www.echipsee.com/shop/

woocommerce商品界面样式显示不正常
商品详情

worpress组件样式显示不正常

img

在编辑器中的样式

文章详情界面显示错乱

img

我的解答思路和尝试过的方法

尝试外挂样式无效

我想要达到的结果

内容按原本状态正常显示,排版正常

  • 写回答

2条回答 默认 最新

  • 王鹏飞的解忧屋 2022-06-16 18:04
    关注
    
    wp_register_style('woocommerce',get_template_directory_uri().'/css/woocommerce.css',false,24 );
    wp_register_style('woocommerce',get_template_directory_uri().'/css/woocommerce-layout.css',false,25 );
    wp_register_style('woocommerce',get_template_directory_uri().'/css/woocommerce-smallscreen.css',false,26 );
    

    然后找到 WP Super Cache 插件,点击删除缓存,清一下缓存即可。

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 6月24日
  • 已采纳回答 6月16日
  • 创建了问题 6月16日

悬赏问题

  • ¥15 树莓派与pix飞控通信
  • ¥15 自动转发微信群信息到另外一个微信群
  • ¥15 outlook无法配置成功
  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题