Как создать дочернюю тему
Опубликовано: 12.04.2018
Я знаю почти наверняка, что вряд ли найдется владелец сайта, которому абсолютно все нравится в его шаблоне. Найти идеальный макет по стилю и цветовому дизайну, нужному встроенному функционалу практически невозможно.
О функционале в этой статье я говорить не буду – расскажу о дизайне.
Например: вам в шаблоне не нравиться фон вокруг страницы, не нравится шрифт, цветовые элементы заголовков и мета-тегов (имена рубрик, меток, дата и т.д.).
Вы немного знакомы с CSS и HTML, но вам не хочется трогать основной файл стилей шаблона и перерисовывать картинки в папке /images. Вдруг не получится – придется все заново.
Дочерняя тема в #WordPress
Есть вариант. Можно создать так называемую “дочернюю” тему. От родительской она отличаться может именно в дизайне.
Я не буду вам сегодня очень долго и скучно рассказывать о вариантах смены дизайна. Приведу парочку примеров. Например, смена семейства шрифтов и цвета фона вокруг страницы. И расскажу о основных шагах по созданию дочерней темы. Кто поймет принцип – сможет более глубоко изменить дизайн своего шаблона, не касаясь руками ни одного файла в своей теме.
Как создать дочернюю тему WordPress
Итак, для наглядности я возьму старый дефолтный шаблон – default – который был основным в версии WordPress 2. Он как раз очень хорошо подойдет для моего рассказа. Да и наверняка, есть у каждого, кто захочет дочитать эту статью до конца.
Какой инструментарий нам нужен?
Главное – это обычный редактор файлов PHP, CSS, HTML и многих других – Notepad++. Скачать его вы можете например, здесь — http://www.softportal.com/software-5406-notepad.html
Если пользуетесь браузером Мазилла – установите расширение (плагин браузера) по имени Web Developer. Отличный инструмент для анализа файлов сайта, например, того же файла стилей. Как его скачать? Найдите в браузере Мазилла в Меню –> Инструменты –> Дополнения –> Найти. Введите в поиск имя расширения – Web Developer. Последняя версия – 1.1.9. Установите расширение и перегрузите Мазиллу. Теперь у вас это приложение доступно в меню –> инструменты –> web developer.