Правильное создание дочерней темы

Правильное создание дочерней темы

Для правильной правки кода и стилей существующей темы, необходимо создать тему, зависимую от родительской. Иначе говоря дочернюю.

Самый верный способ это использовать готовый шаблон содержащий в себе лучшие практики разработки. Данный шаблон оптимизирован для более быстрой загрузки стиля дочерней темы.

Репозиторий автора шаблона на GitHup

содержание файла css

/*
Theme Name:     oceanwp-child
Theme URI:      https: //web-prost.ru/
Description:    Дочерняя тема для темы oceanwp
Author:         M.S. Tulpakov
Author URI:     https: //web-prost.ru/
Template:       oceanwp
Version:        1.0.0
*/
/* ----------------------------------------------------------------------------
* Child Theme Style.css styles begin here!
* -------------------------------------------------------------------------*/

содержание файла function.php

<?php
/**
 * Child theme functions
 *
 * Functions file for child theme, enqueues parent and child stylesheets by default.
 *
 * @since	1.0.0
 * @package aa
 */
// Exit if accessed directly.
if ( ! defined( 'ABSPATH' ) ) {
	exit;
}
if ( ! function_exists( 'aa_enqueue_styles' ) ) {
	// Add enqueue function to the desired action.
	add_action( 'wp_enqueue_scripts', 'aa_enqueue_styles' );
	/**
	 * Enqueue Styles.
	 *
	 * Enqueue parent style and child styles where parent are the dependency
	 * for child styles so that parent styles always get enqueued first.
	 *
	 * @since 1.0.0
	 */
	function aa_enqueue_styles() {
		// Parent style variable.
		$parent_style = 'parent-style';
		// Enqueue Parent theme's stylesheet.
		wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
		// Enqueue Child theme's stylesheet.
		// Setting 'parent-style' as a dependency will ensure that the child theme stylesheet loads after it.
		wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ) );
	}
}

Добавить комментарий

Закрыть меню