Как создать дочернюю тему wordpress

Наконец, я нашла подходящую тему wordpress, в которую мне захотелось внести еще несколько изменений.

Чтобы обновления, которые будет делать автор шаблона, не уничтожили мои труды, я сделаю дочернюю тему wordpress.

Моя задача – в установленном новом шаблоне внести небольшие правки в файл functions.php, они позволят ускорить загрузку блога.

Почему мне пришлось менять шаблон, я писала тут.

Создание дочерней темы wordpress

Чтобы создать дочернюю тему Вордпресс у себя на хостинге (у меня Спринтхост) в папке

domains/ваш-сайт.ru/public_html/wp-content/themes/ создайте новую папку.

Работать можете через FTP Client FileZilla, как это делать написано тут, либо непосредственно через админку хостинга.

Для нормальной работы дочерней темы потребуется только два файла: style.css и functions.php.

Назовите папку произвольно, обычно дочерние темы имеют окончание child (ребенок).

В папке создайте пустой файл с именем style.css.

В нем пропишите следующий код, вот как написано у меня

/*
Theme Name: kasa-green-child
Theme URI: https://moi-start.ru/
Description: Это специальная дочерняя тема.
Author: novichok
Author URI: https://moi-start.ru/
Template: kasa-green
Version: 1
*/
// дополнительные стили
.foo{ color:red; }
/*

В дополнительных стилях прописываем только то, что надо изменить. Так можно изменить цвет, размер элементов шаблона, через css подключить новые изображения.

Обратите внимание на строчку Template: kasa-green. Название kasa-green я скопировала вот отсюда, по нему WordPress опознает дочернюю тему.
Если записать название неправильно, шаблон окажется поврежденным, дочерняя тема просто не установится, поскольку WordPress не сможет найти шаблон-родитель, стили будет загружать неоткуда.

В этой же папке создайте файл functions.php, в него напишите код

<?php
add_action('wp_enqueue_scripts', 'my_theme_styles' );
function my_theme_styles() {
	wp_enqueue_style('parent-theme-css', get_template_directory_uri() .'/style.css' );
	wp_enqueue_style('child-theme-css', get_stylesheet_directory_uri() .'/style.css', array('parent-theme-css') );
}

Эта функция позволит загружать одновременно стили родительской темы и дочерней, сокращая количество запросов к серверу, уменьшая время загрузки страницы.

Я пробовала использовать код @import url("../kasa-green/style.css");, который часто рекомендуют в других блогах. Но при медленном интернете он не работает, поскольку сначала грузятся стили дочерней темы, затем браузер натыкается на директиву @import и начинает грузить стили родительской темы… Слишком долго, посетители ждать не станут.

Создание дочерней темы завершено, надо ее активировать. Проверила, все работает. Не хватает только подходящего скриншота, его тоже можно добавить в только что созданную папку themes/kasa-green-child. Тогда ваша нова тема обретет симпатичное "лицо".

Зачем я создала дочернюю тему wordpress

Сделав дочернюю тему wordpress, я смогу обновлять родительскую тему, не теряя сделанных изменений. Сейчас в файл functions.php добавлю коды:

ДЛЯ УДАЛЕНИЯ лишних строчек (ссылок на feed, rss, на ). Это позволит уменьшить количество запросов к базе данных

/* удаляем лишние строчки */
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'feed_links_extra', 3 );
remove_action( 'wp_head', 'feed_links', 2 );
remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'parent_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'start_post_rel_link', 10, 0 );
remove_action( 'wp_head', 'adjacent_posts_rel_link', 10, 0 );
remove_action( 'wp_head', 'profile_link' );
/* удаляем лишние строчки */

ДЛЯ УДАЛЕНИЯ версий из стилей и скриптов, что сделает код более чистым

// Удаление параметра ver из добавляемых скриптов и стилей

function rem_wp_ver_css_js( $src ) {

    if ( strpos( $src, 'ver=' ) )

        $src = remove_query_arg( 'ver', $src );
    return $src;
}
add_filter( 'style_loader_src', 'rem_wp_ver_css_js', 9999 );

add_filter( 'script_loader_src', 'rem_wp_ver_css_js', 9999 );
/* удаляем параметр ver */

ОТКЛЮЧУ heartbeat, как рекомендовано в этой статье

/*отключить heartbeat------------------ */ 
add_action('init', 'stop_heartbeat', 1);
function stop_heartbeat() {
 wp_deregister_script('heartbeat');
 }

ИЗБАВЛЮСЬ от ссылок replytocom (ранее созданных)

/* -------------------------------------- */ 
/* избавление от ссылки replytocom */ add_filter('comment_reply_link','avd_custom_comment_reply_link'); function avd_custom_comment_reply_link( $link ) {$link = preg_replace( '~href=([\'"]{1})([^\'"]+)#([^\'"]*)([\'"]{1})~i', 'href=$1#$3$4', $link, 1); return $link;} /* избавление от ссылки replytocom */

ДОБАВЛЮ микроразметку к изображениям

/* микроразметка изображений================================================= */
function micro_image($content) { 
global $post; $pattern = "<img"; 
$replacement = '<img itemprop="image"'; 
$content = str_replace($pattern, $replacement, $content); 
return $content; 
} 
add_filter('the_content', 'micro_image');
/* ========================================================================== */

СКРОЮ ссылки на авторов комментариев. Зачем, написано тут

/*сокрытие ссылок на автора комментария*/ function hidden_comment_author_link( $hidden_link ){ $hidden_link = str_replace( array('<a', '</a>', 'href='), array('<span class="spanlink"', '</span>', 'rel='), $hidden_link ); return $hidden_link; } add_filter( "get_comment_author_link", "hidden_comment_author_link" ); /*сокрытие ссылок на автора комментария*/

Эти полезные коды найдены в интернете, они помогут улучшить работу блога.

ПОХОЖИЕ СТАТЬИ: