wordpress 统一管理css和js加载

最新推荐文章于 2026-06-18 22:31:57 发布

原创最新推荐文章于 2026-06-18 22:31:57 发布 · 761 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

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()