Натяжка HTML на WordPress. Часть#2. Подключение стилей, скриптов , настроек

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

Исходники берем на GitHub

к содержанию

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

Стили

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

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

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

к содержанию

Весь курс

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

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

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