WordPress テーマに新たなスタイルシート（CSSファイル）を追加する

WordPressで、スタイルシートファイル（style.css）と関数ファイル（functions.php）を子テーマ（チャイルドテーマ）フォルダに追加して、子テーマを作成することができます。これとは別に、以下の手順に従って、新しいスタイルシートファイルを追加することができます。

メインのスタイルシートの他に別のスタイルシートファイルを作成する

1。次のPHPコードを関数ファイルに貼り付けます。子テーマを使用している場合、子テーマのフォルダの関数ファイルにコピーして挿入します。

function custom_style_sheet() {
wp_enqueue_style( 'custom-styling', get_stylesheet_directory_uri() . '/custom.css' );
}
add_action('wp_enqueue_scripts', 'custom_style_sheet');

2。子テーマのフォルダから新しいファイルを作成し名前をcustom.cssに指定します。

3。 custom.cssファイルの先頭に次のテキストを追加して、適切に修正するようにします。

/*
Theme Name: 자식 테마
Description: 자식테마 커스텀 CSS 코드를 위한
커스텀 스타일시트
Author: 이름
Author URI: http://example.com/
Version: 2.0
Template: yourparenttheme
Template Version: 2.0

*/
/*
이 라인 아래에 커스텀 CSS 추가
---------------------------------------------------------------- */

今、新しいカスタムCSSコードは、上記の行の下に追加することができます。

上記のように wp_enqueue_scriptsを使用してCSSファイルをフックする場合の条件タグを使用して、特定のページやカテゴリーなどにのみ適用されるスタイルシートを作成することができます。

フロントページ/ホームページ/特定のページのカスタムスタイルシート

例えば、一般的なコードは、style.cssファイルに追加し、フロントページに大幅な修正を行う場合は、フロントページにのみ適用されるスタイルシートを作成することができます。

function front_page_style_sheet() {
if (is_front_page() ) {
wp_enqueue_style( 'front-page-styling', get_stylesheet_directory_uri() . '/front-page.css' );
}}
add_action('wp_enqueue_scripts', 'front_page_style_sheet');
// Source: WP SITES

上記のような関数を関数ファイルに追加して、front-page.cssファイルを上記と同じ方法で作成されます。

同様に、ブログページにのみ適用する場合、家にいる（）コードを使用することができます。通常 is_front_page（）|| is_home（）コードを使用してホームページ（最初のページ）にのみ適用させることができます。特定のページのみに適用する場合には、 is_page('page ID')のようなコードを使用することができます。

カテゴリーアーカイブ用のスタイルシート

すべてのカテゴリーアーカイブに適用される別のスタイルシートを作成するには：

function category_style_sheet() {
if (is_category() ) {
wp_enqueue_style( 'category-styling', get_stylesheet_directory_uri() . '/css/category.css' );
}}
add_action('wp_enqueue_scripts', 'category_style_sheet');

同様に、特定のカテゴリにのみ適用するには、カテゴリIDを追加してくれればされます。

注意

get_stylesheet_directory_uriとget_template_directory_uri比較

上記のコードでテーマのパスを指定するためにget_stylesheet_directory_uriが使用された。 get_stylesheet_directory_uriは、子テーマ（チャイルドテーマ）がある場合、子テーマのパスを取得します。一方、get_template_directory_uriは親テーマ（上位テーマ）のパスを取得します。この部分の詳細については、ここを参照してください。

ユーザー関数ファイルを追加する

関数ファイルもメイン関数ファイルのほか、カスタム関数ファイル（カスタム関数ファイル）を追加することができます。カスタム関数ファイルを追加する方法は、この記事を参照してください。

サイトレベルの関数ファイルを作成する

関数ファイルは、通常、特定のテーマに依存します。したがってテーマが変わる関数ファイル内の関数は、もはや適用されません。関数に関係なく、サイトレベルの関数ファイルを作成するには、プラグインを作成します。ここで、サイトレベルの関数ファイルを作成する方法を確認してください。