WordPress 子テーマのcssを読み込む
投稿日：
親テーマのスタイルシート【style.css】の上部には、各テーマによって若干違いはあるが、以下のような記述があると思います。
@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: webleadm
Theme URI: web.leadm.link
Description:
Author: web
---------------------------------------------------------*/
テーマをカスタマイズしていくには、子テーマにスタイルシート【style.css】を作って、そこでいろいろ調整するのがいいと思います。
そして、子テーマのスタイルシート【style.css】の上部には、以下のように記述します。
/*
Theme Name: webleadm Child
Template: webleadm
*/
最低この記述は必要です。
Theme Nameは、親テーマの子供っていう感じで記述した方がわかりやすいです。
Templateは、親テーマのTheme Nameにしてください。
続いて、
以前は、@import url(‘../○○○/style.css’); を子テーマのスタイルシート【style.css】に記述していましたが、これは古くて良い方法ではありませんので注意してください。
じゃあどうすれば？ということで、
以下のように子テーマに作ったテーマのための関数【functions.php】の先頭に記述します。
<?php
if ( !defined( 'ABSPATH' ) ) {
exit;
}
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
できましたでしょうか？
私も以前は、@import url(‘../○○○/style.css’); を使っていました。
現在も全く動かないことはないですが、【functions.php】に書く方が良さそうですね。
関連記事
-
-
アーカイブの一覧表示をランダムにする 前回の記事に関連して、今回はアーカイブのページで試してみたいと思います。 カテゴリーなどの一覧表示に使用する『archive.php』 …
-
-
divなどで指定した部分に、画像を配置 上下中央にする方法は他にもありますが、 今回は、『position』を使ってみます。 html <div class=&quo …
-
-
WordPress テーマTwenty Sixteenでメンバー紹介や選手一覧などを作ってみた③
9.メンバー登録 上図のような画面になって、投稿ができるようになります。 では、さっそく1人目を登録します。 ①「ここにタイトルを入力」のところに「日本 太郎」としてみます。 ②アイキャッチ画像のとこ …
-
-
【簡単】wordpress スクロールするとヘッダーが固定される
①一番最初に見えるヘッダーをカスタマイズ header.phpファイルに使っているテーマにより若干違いはありますが、下記のようなコードが記述されていると思います。 <div id= …
-
-
プラグインで簡単に！ 360度カメラで撮影した画像をWordPress（ワードプレス）の固定ページや投稿ページまたは、カスタム投稿タイプなどに使いたいときに便利なのが、 『 …
