Натяжка HTML на WordPress. Часть #2

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

• ---

  Содержание
  • Подключаем стили и скрипты
  • Стили
  • Скрипты
  • Подключаем настройки

  ---

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

Стили

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

Скрипты

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

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

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

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

• Скачиваем и распаковываем плагин
• Полностью всю папку option-tree копируем в папку с темой

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

/* ------------------------------------------------------------------------- *
*  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 );

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

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

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