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 网络科学导论,网络控制
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)