网站优化

网站优化

Products

当前位置:首页 > 网站优化 >

Wordpress自定义主题CSS加载出错

GG网络技术分享 2025-03-18 16:12 5


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

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组件样式显示不正常

在编辑器中的样式

文章详情界面显示错乱

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

尝试外挂样式无效

我想要达到的结果

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

网友观点:
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 插件,点击删除缓存,清一下缓存即可。

###

wp_register_style('woocommerce',get_template_directory_uri().'/css/woocommerce-layout.css' ); 正确的。
其它2个缺引号和引号位置不对。

标签:

提交需求或反馈

Demand feedback