Важные моменты в доработке сайта на wordpress

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

 

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

 

Узнаем, как создавать дочернюю тему… как создать дополнительный фал (файлы) шаблона; как эти файлы правильно подключать… Создадим файл для кастомной страницы и прочее… прочее…

 

Ну, давайте по порядку:

 

 

 

 

 

 

 

 

 

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

 

 

 

 

Думаю, о так называемой “Дочерней теме” шаблона следует упомянуть в первых строках…

 

Создание дочерней темы важнейшее мероприятие. Почему…

 

Большинство администраторов устанавливают темы из репозитория WP. Замечательно! однако, нужно не забывать о том, что эти темы периодически обновляются! А это чревато тем, что все наши правки, например, банальной стилистики (css), слетят при очередном обновлении… это весьма печально, коли кропотливо подправляли сайт.

 

 

 

 

Приступим к созданию “дочки” …

 

 

Рассмотрим на примере twentyseventeen дефолтной темы WP.

 

Если у вас иная тема – не страшно.

 

Придумайте имя для дочерней темы. У меня это twentyseventeen-child.

 

 

Условный путь до папки “дочки” будет примерно такой:

 

 

/wp-content/themes/twentyseventeen-child

 

 

В папке дочерней темы нужно создать файл style.css

 

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

 

 

/*
Theme Name: дочерняя тема - twentyseventeen-child
Template: twentyseventeen

Необязательные параметры:
Theme URI: http://site.ru/
Description: Дочерняя тема для темы twentyseventeen
Author: my
Author URI: http://site.ru/
Version: 1.0
*/
@import url("../twentyseventeen/style.css");

/* пример селекторов css */
.site-title, .site-title a {color:#fff !important;opacity:1}

 

 

 

В коде выше связка основного и дочернего шаблонов осуществлена при помощи команды:

 

@import url("../twentyseventeen/style.css");

 

 

Однако есть более современный (правильный) вариант:

 

 

 

// более верный вариант, от использования подключения стилей при помощи @import
add_action( 'wp_enqueue_scripts', 'my_child_theme_scripts' );
function my_child_theme_scripts()
{
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

 

 

 

Определитесь с вариантом подключения.

 

Если предпочли второй вариант, закомментируйте или удалите в файле стилей дочерней темы строку @import url("../twentyseventeen/style.css");

(это самый первый код по тексту выше).

 

 

 

 

 

 

Вот и всё — дочерняя тема создана! Остаётся только её активировать через админку: “Внешний вид” / “Темы”… и далее уже смело приступать к правкам файлов (настройкам сайта)!

 

 

1: Переносите перво-наперво в дочернюю тему файл функций functions.php (файл запросто разбивается на отдельные, скажем так, подфайлы, получится таким образом разделение кодов по темам функционала, чтоб не путаться).

 

 

2: Загрузите картинку для дочерней темы (показано на скриншоте ниже).

 

 

Примерно такая на начальном этапе  получится структура ядра дочерней темы:

 

 

 

 

Во всех подробностях о создании дочерней темы расписано здесь.

как подключить дополнительные файлы шаблона

 

 

 

 

Дополнительные файлы и папки подключаются таким образом (на начальном этапе, строки прописывать в файле functions.php):

 

include_once "name_папки/name_файла.php";

 

 

либо возможно таким образом:

 

require_once get_template_directory() . '/name_папки/name_файла.php';

 

 

К слову говоря, в плагине файл (папки) подключается следующим образом:

 

require( plugin_dir_path( __FILE__ ) . 'name_папки/name_файла.php' );

 

 

 

 

как создать файл для кастомой страницы

 

 

 

В папке темы (в ядре) создаем дополнительный файл с расширением .php.

 

Даём этому файлу совершенно произвольноое имя, к примеру page-template.php.

 

Открываем файл и прописываем следующие строки::

 

 

<?php

/* *

Template name: Любое понятное имя

*/

сюда будете добавлять HTML код...

 

 

Template name требуется определить для того, чтобы созданный вариант страницы увидел движок WordPress и предложил выбор при создании новых страниц.

 

 

 

 

 

 

 

важные плагины при стартовом запуске сайта

 

 

 

 

Вот некоторые необходимые при старте сайта плагины:

 

 

All In One SEO Pack = полезный SEO плагин для сайта на WordPress. Имеет такой функционал как XML карта сайта, SEO для пользовательских типов публикаций, SEO для блогов и бизнес-сайтов, SEO для интернет-магазинов, и многое другое.

 

 

ats privacy policy = посмею предложить свой плагин. Добавляет к полям формы комментирования (Вордпресс) чекбокс принятия политики конфиденциальности.

 

а) убирает ненужные поля (например URL).

 

 

Google XML Sitemaps = также плагин SEO, создание XML-карты сайта для лучшей индексации поисковыми системами.

 

 

Rollback = весьма полезный плагин на тот случай, если при обновлении какого-то плагина ломается сайт! Плагин позволяет выбирать до какой версии откатить тот или иной плагин, чтобы сайт вновь заработал.

 

 

Filenames to latin (либо аналоги: Webcraftic Cyrlitera, плагин конвертирует кириллицу) = подменяет кириллицу, немецкие, французские, польские, испанские, венгерские, чешские, греческие, шведские, финские, латвийские и другие имена ссылок в латинские…

 

Очень важный плагин: если не установите его, то ваши ссылки будут неряшливыми со стороны SEO науки. А это ошибка!

 

 

DL Verification (либо аналоги) = Позволяет добавить на ваш сайт несколько кодов отслеживания: к примеру, код счетчика, различные коды вебмастеров и прочее прочее…

 

 

Yoast SEO = мощный плагин-комбайн SEO для WordPress. Рассказывать о нём долго, проще установить и изучить.

 

 

Redirection = настройка, управляйте 301-перенаправлениями (редирект ссылок) и отслеживание 404-й ошибки.

 

 

Better Search Replace = Этот инструмент для поиска/замены в базе данных WordPress (поддерживаются сериализованные массивы и объекты) можно через админку СКОПОМ заменить ошибочные слова, например, в статьях сайта…

 

 

Autoptimize = оптимизирует работу кода ШАБЛОНА. Говорят, делает сайт более лёгким в плане загрузки страниц.

 

Подтвердить не могу – лично не пользовался эти плагином.

 

 

 

 

 

 

На этом пока что свое повествование закончу…

 

Опишите возникшие вопросы в комментариях.