在没有插件或修改function.php的情况下将js和css添加到WordPress页面

时间:2020-05-14 15:41:12

标签: wordpress custom-wordpress-pages

我试图将Alertify.js的JS和CSS添加到我的WordPress的特定页面/帖子中。

我正在使用简码在前端加载页面,并且页面已成功加载。发生这种情况时,我尝试了在简码目标文件中的以下选项。

  1. 试图添加该页面内容的JS和CSS部分,但已被阻止。
  2. 尝试使用CDN方法进行呼叫,并且成功。页面载入秒数320到340,可能会有所不同,具体取决于互联网速度。
  3. 我尝试将JS和CSS的整个文件加载到目标简码文件中,并且成功

简码功能:

public function test_shortcode_function() 
{
ob_start();
require_once( dirname( __FILE__, 3 ).'/view/section/test.php' );
return ob_get_clean();
}

选项1:[/view/section/test.php]目标文件内

echo '<script src="'.dirname( __FILE__, 3 ).'/assets/alertify/alertify.min.js"></script>
<style type="text/css" src="'.dirname( __FILE__, 3 ).'/assets/css/alertify/alertify.min.css"></style>'

选项2:[/view/section/test.php]目标文件内部

<script src="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/alertify.min.js"></script> 
<link rel="stylesheet" href="//cdn.jsdelivr.net/npm/alertifyjs@1.13.1/build/css/alertify.min.css"/>

选项3:[/view/section/test.php]目标文件内

<script type="text/javascript"><?php  require_once( dirname( __FILE__, 3 )."/assets/alertify/alertify.min.js"); ?></script>
<style type="text/css"><?php  require_once( dirname( __FILE__, 3 )."/assets/alertify/css/alertify.min.css"); ?></style>

我不支持CDN,最后一个选项3可以,这是正确的方法吗?我可以要求澄清吗?

0 个答案:

没有答案