В этой части будем подключать разный нужны функционал.

к содержанию

Подключаем стили и скрипты

Стили

  1. Сначала скопируем все файлы .css из папок хтмл шаблона в одноименную папку с нашей темой.
  2. Открываем файл style.css и копируем его содержимое. Открываем тот же файл в папке с темой и добавляем в него все, что скопировали из исходника
  3. Теперь используя функцию wp_enqueue_style подключаем нужные файлы (подробнее смотри в видео).

Скрипты

Так как, исходный хтмл-шаблон сверстан довольно странно, то подключение  скриптов заключается:

  1. Копируем все файлы .js из папка js исходного шаблона, в одноименную папку темы.
  2. Подключаем только файл script.js используя функцию wp_enqueue_script

Подключаем настройки

Для настроек темы и метабоксов будем использовать бесплатный плагин OptionTree в режиме подключения к теме. Подключаем

  • Скачиваем и распаковываем плагин
  • Полностью всю папку option-tree копируем в папку с темой
Обратите внимание! По адресу path\option-tree\assets\theme-mode можно посмотреть примеры файлов настроек и метабоксов

Для включения настроек используем такой код

/* ------------------------------------------------------------------------- *
*  OptionTree framework integration: Use in theme mode
/* ------------------------------------------------------------------------- */

add_filter( 'ot_show_pages', '__return_false' );
add_filter( 'ot_show_new_layout', '__return_false' );
add_filter( 'ot_theme_mode', '__return_true' );

include(  get_stylesheet_directory(). '/option-tree/ot-loader.php' );

function theme_options_parent($parent ) {
	$parent = '';
	return $parent;
}
add_filter( 'ot_theme_options_parent_slug', 'theme_options_parent',20 );

Подробнее про код и подключение смотри в видео выше.

Вот как-то так… На этом все. Увидимся в следующей части.

Удачи! Вопросы задавай в комментария! И не забудь поддержать проект лайком!

4 комментариев
  • ilya

    17.02.2018

    Большое спасибо, такая подача действительно хорошо усваивается

  • Инна

    19.06.2018

    Здравствуйте,помогите пожалуйста никак не подключаются стили:
    function wordpress_style() {
    wp_enqueue_style( ‘style’, get_stylesheet_uri().’/css/style.css’ );

    }
    add_action( ‘wp_enqueue_scripts’, ‘wordpress_style’ );
    Но стилей нет

    • Артем

      01.07.2018

      Доброго! А что есть? Какие ошибки в консоли есть?

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *
php js HTML CSS Code