アセットファイルの読み込み

LH WordPressテンプレートは、テーマ内でCSS、JavaScript、画像ファイルなどのアセットを読み込む関数を用意しています。

CSS

loadStyle関数は、テーマ内でCSSファイルを読み込むために使用されます。この関数は、getHeader関数の前に呼び出す必要があります。

<?php
// style.css を読み込む
loadStyle('style', 'data/css/style.css');

getHeader();

JavaScript

loadScript関数は、テーマ内でJavaScriptファイルを読み込むために使用されます。この関数は、getHeader関数の前に呼び出す必要があります。

<?php
// jQueryが読み込まれた後にscript.jsを読み込む
loadScript('script', 'data/js/script.js', array('jquery'));

getHeader();

画像

get_asset_url関数またはthe_asset_url関数は、テーマ内のアセットファイルのURLを取得するために使用されます。

<?php
// get the URL of the image file
$image_url = get_asset_url('data/images/image.jpg');
?>

<!-- display the URL of the image file -->
<img src="<?php the_asset_url('data/images/image.jpg'); ?>" alt="">