2024年06月28日

WP関数：get_stylesheet_directory_uri()

この関数の説明

WP関数の get_stylesheet_directory_uri() は、現在のテーマで使われているスタイルシートがあるディレクトリのURLを取得する関数です。

このサイトの場合は下記が取得されます。

https://school.t-spirits.com/wp-content/themes/my_template

注意: 末尾にスラッシュ（ / ）は含まれません。

関数

get_stylesheet_directory_uri()

パラメータ

ありません。

戻り値

現在のテーマで使われているスタイルシートがあるディレクトリ（フォルダ）のURIを返します。

事例

①<head>タグの中でCSSやJSファイルを定義するケース

<head>
   <link rel='slick' href='<?php echo esc_url(get_stylesheet_directory_uri())."/slick/slick.css";?>' type='text/css' media='all'> 
   <link rel='slick_theme' href='<?php echo esc_url(get_stylesheet_directory_uri())."/slick/slick-theme.css";?>' type='text/css' media='all'>
   <script src='<?php echo esc_url(get_stylesheet_directory_uri())."/lib/js/bootstrap.min.js";?>'></script>
</head>

■上記はスライダープラグイン[slick]を[slickフォルダ]にダウンロードした物を<head>タグの中で指定したサンプルです。

②上記の物をfunctions.phpで定義するケース

function theme_setting() {
   wp_enqueue_script('slick' , esc_url(get_stylesheet_directory_uri()).'/slick/slick.min.js');
   wp_enqueue_style('slick'  , esc_url(get_stylesheet_directory_uri()).'/slick/slick.css'); 
   wp_enqueue_style('slick_theme' , esc_url(get_stylesheet_directory_uri()).'/slick/slick-theme.css');
} 
add_action('wp_enqueue_scripts', 'theme_setting');

■wp_enqueue_script()やwp_enqueue_style()はアクションフックwp_enqueue_scriptsの中で利用します。

■ここで指定した物はWordPress必須関数wp_head()の中で展開されます。

WP関数：get_stylesheet_directory_uri()

この関数の説明

関数

パラメータ

戻り値

事例

関連情報

関数一覧