wordpress 统一管理css和js加载

tang05709

于 2019-03-28 17:32:28 发布

阅读量712

点赞数

CC 4.0 BY-SA版权

分类专栏： php

本文链接：https://blog.youkuaiyun.com/tang05709/article/details/88873954

php 专栏收录该内容

209 篇文章

订阅专栏

本文介绍了一种在网页头部加载CSS样式表及JavaScript文件的方法。通过定义一个PHP函数get_sonliss_header(), 实现了动态添加链接到外部样式表和脚本文件的功能。此方法有助于简化前端开发流程，并确保所有必要的资源都能正确加载。

function get_sonliss_header()
{
  $font_list = ['font-awesome.css'];
  $css_list = ['bootstrap.css', 'style.css', 'nivo-lightbox/nivo-lightbox.css', 'nivo-lightbox/default.css'];
  $js_list = ['jquery.1.11.1.js', 'bootstrap.js', 'nivo-lightbox.js', 'jquery.isotope.js', 'jqBootstrapValidation.js', 'contact_me.js', 'main.js'];
  $header = '';
  foreach($css_list as $css)
  {
    $css_url = get_theme_file_uri('css/'.$css);
    $header .= '<link href="' . $css_url .'" rel="stylesheet" type="text/css" />';
  }
  foreach($font_list as $font)
  {
    $css_url = get_theme_file_uri('fonts/font-awesome/css/'.$font);
    $header .= '<link href="' . $css_url .'" rel="stylesheet" type="text/css" />';
  }
  foreach($js_list as $js)
  {
    $js_url = get_theme_file_uri('js/'.$js);
    $header .= '<script type="text/javascript" src="' . $js_url .'"></script>';
  }
  return $header;
}

在头部添加

echo get_sonliss_header()