如何用外部文件替换WordPress css或js文件?

时间:2019-10-19 作者:Red Science

我想替换WordPress样式。css文件或任何其他类似样式的文件。外部主机中的css文件如何执行此操作?当然,我以前看过这个教程

https://css-tricks.com/methods-overriding-styles-wordpress/

但我不知道如何用基本的主题文件(如style)替换这个外部文件。css之类的

例如,此代码可以是

<link rel=\'stylesheet\' href=\'http://external-host.com/css/style.css\' type=\'text/css\'/> 
而不是

<link rel=\'stylesheet\' href=\'http://mywebsite.com/wp-includes/css/style.css\' type=\'text/css\'/>

2 个回复
SO网友:Babak Y.

据我所知,您希望覆盖样式中的某些特定CSS属性。WordPress主题的css。

这里可能有两种不同的情况需要不同的解决方案:

如果您正在开发自己的主题,那么只需编辑功能即可。在主题文件中添加php,并添加您想要的任何JS或CSS文件,如下所示:

wp_enqueue_style( \'handle name\', \'your external source address\');
wp_enqueue_script( \'handle name\', \'your external source address\');
我不知道您是否熟悉WordPress开发约定,但您必须将此函数封装在自定义函数中,并在WordPress挂钩后调用它,如下所示:

function custom_function() {
    wp_enqueue_style( \'handle name\', \'your external source address\' )
    wp_enqueue_script( \'handle name\', \'your external source address\' )
}
add_action( \'wp_enqueue_scripts\', \'custom_function\' );
<如果您使用的是官方WordPress存储库中的主题,那么对该主题的文件进行更改不是一个好的做法,因为在更新该主题时,很可能会丢失所有自定义更改。相反,您必须为该主题创建一个子主题,并按照前面对函数的说明进行操作。子主题的php

Child Themes | Theme Developer Handbook

其他有用的相关资源:

wp_enqueue_style()

wp_enqueue_script()

SO网友:Rup

有一个特定的钩子可以用于主题的样式表,stylesheet_uri:

function wpse350851_override_stylesheet_uri( $stylesheet, $stylesheet_dir ) {
    return \'http://external-host.com/css/style.css\';
}
apply_filter( \'stylesheet_uri\', \'wpse350851_override_stylesheet_uri\', 10, 2 );
注意:您可能需要在HTTP和HTTPS URL之间切换,例如使用is_ssl()), 或者默认使用HTTPS。

相关推荐

如何向WordPress添加自定义html和css

例如,如果我想从此网站添加此代码https://codepen.io/tamak/pen/ApLcqhtml教程已设置动画cssdiv{宽度:120px;高度:100px;显示:块;背景:绿色;文本对齐:居中;线宽:100px;边距:10px;浮动:左;颜色:白色;边框半径:10px;}。动画{动画持续时间:3s;动画填充模式:两者;动画迭代计数:无限;}js$(文档)。就绪(函数(){动画单击(“.卷展栏1”,“卷展栏”);动画单击(“.bounce1”,“bounce”);动画单击(“.flash1”