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

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

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

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

Дочерняя тема wordpress, что это такое

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

Она находится в отдельной папке, содержит свои собственные (обязательные) файлы style.css и functions.php. Если требуется можно загрузить дополнительные файлы, которые будут изменены.

Как сделать дочернюю тему Вордпресс? У себя на хостинге (у меня Спринтхост), в папке domains/ваш-сайт.ru/public_html/wp-content/themes/ создайте новую папку.

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

Как создать

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

СТАТЬИ ПО ТЕМЕ:

Как добавить файл sitemap в яндекс и google

Как установить тему wordpress, настроить, удалить шаблон Вордпресс

Блог на движке WordPress. Что это такое?

Полностью дублировать родительские файлы не обязательно. Добавляйте только те, в которых будут изменения.

Назовите папку произвольно, обычно дочерние темы имеют окончание 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

С дочерней темой, я смогу обновлять родительскую, не терять результаты редактирования при обновлении. Обновляться необходимо. Автор устраняет уязвимости, вносит изменения в соответствии с требованиями поисковых систем, редактирует код при обновлениях самого движка Вордпресс.

Создала, все работает. Сейчас в файл 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 (ранее созданных)

/* -------------------------------------- */ 
/* избавление от ссылки 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" ); 
/*сокрытие ссылок на автора комментария*/

Заключение

Создала, что задумала, трудностей не возникло. С помощью дочерней темы я могу расширить функционал исходной, не бояться потерять изменения. Прежде, чем сделать какие-то изменения, сохраните исходный вариант на компьютере. Сможете восстановить блог при необходимости. А как у вас?

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