子テーマを作るのは簡単

子テーマフォルダを作成

継承したいテーマフォルダと同じ階層に子テーマフォルダを作成する。

style.cssを作成

/*
 Theme Name: 子テーマ名
 Template: 親テーマフォルダ名
 Version: 親テーマバージョン
*/

functions.phpを作成

<?php
// 親テーマの継承
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
  wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
}
?>

子テーマ内での呼び出し

親テーマのディレクトリURIを取得

<?php echo get_template_directory_uri(); ?>

子テーマのディレクトリURIを取得

<?php echo get_stylesheet_directory_uri(); ?>

参考:Web Design Leaves
https://www.webdesignleaves.com/pr/wp/wp_func_url_path.html

/wp/配下にWordPressデータが入っている場合は、ルートフォルダに「index.php」を追加

<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */

/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/wp/wp-blog-header.php' );

関連記事

コメント

この記事へのコメントはありません。

TOP