Подготовка архива с темой

Подготовка демо контента

1. Проверяем валидацию онлайн демо на http://validator.w3.org/ (В начале второго видео рассказал)

2. Удаляем ревизии плагином Better Delete Revisions https://demo20.atiframe.com/wp-admin/options-general.php?page=better-delete-revision.php
3. Удаляем лишние картинки в Медиа бибилотеке https://demo20.atiframe.com/wp-admin/upload.php
4. Удаляем ненужные меню Appearance -> Menu
5. Удаляем ненужные страницы
6. Выгружаем опции темы https://demo20.atiframe.com/wp-admin/admin.php?page=_sl_theme_options&tab=13
7. Выгружаем слайдеры https://demo20.atiframe.com/wp-admin/admin.php?page=revslider

8. Выгружаем XML https://demo20.atiframe.com/wp-admin/export.php
9. Выгружаем формы калдеры, если создавали или редактировали формы https://demo20.atiframe.com/wp-admin/admin.php?page=caldera-forms
10. Заполняем папку atiframe-promo/import/demo20/ с номером вашей темы, сохраняя названия файлов, кроме слайдеров и форм калдеры
11. Упаковываем всю папку /demo20/ в demo20.zip архив
12. Пушить ничего никуда не нужно. Файлы для импорта готовы.

Создание файлов темы

  1. Копируем шаблон и удаляем из него .git, .idea, config, .gitignore
  2. Открываем файл framework/class-theme-demo.php Прописываем имя темы и номер шаблона поста, архива блога, количество колонок в том же файле
  3. Прописываем шрифт по умолчанию в DEMO_FONT_SRC Вы можете увидеть все необходимые шрифты, просмотрев исходный код страницы вашего демо сайта в переменной WebFontConfig[‘google’]
  4. Здесь же ниже меняем название темы с Atiframe на свое в public static function get_theme_name
  5. Здесь же изменяем номер демо и убираем лишние в public static function get_demos
  6. Открываем functions.php Переименовываем название класса в начале и конце файла. Удаляем подключения папки config в конце файла.
  7. /framework/inc/class-welcome-page.php 163 строка. УБрать иф элз if ( atiframebuilder_fs()->is__premium_only() ) { надо оставить одну строку вместо массива $this->theme_names = Atiframebuilder_Theme_Demo::get_demos();
  8. Изменяем шапку комментариев в css/theme.css в соответствии с названием и описанием новой темы
  9. Открываем программу для массовой замены и меняем текстовый домен с atiframe-builder на новый, вместо билдера название темы, например, promo
  10. Удаляем лишние демо папки в папке /import/ кроме нашего номера и файла full.zip
  11. Переименовываем папку с темой в promo, где promo — это название вашего шаблона
  12. Переименовываем файл *.pot в папке languages в название темы, открываем его и обновляем перевод
  13. Открываем screenshot.png и ставим скриншот главной страницы своей темы, 
  14. Копируем style.css со своей онлайн темы https://demo30.atiframe.com/wp-content/themes/atiframe-builder/style.css
  15. Копируем чаилд тему, меняем в ней скриншот (на нем сделать подписать Child) и название в style.css файле

Тестирование

Видео https://secretlab.work/TUT.mp4

15. Создаем новый домен на локалке.
Импортируем в него ThemeUnitTest.xml
Активируем нашу тему.
Плагины ставить не надо. Редакс выключить.
Скопируйте стили из кастома в ТО и скопируйет в файл /css/save.css после комментария /*TO*/ или /* Theme Options */
Проводим тест Theme Unit Test, в процессе теста пишем в файл /css/save.css стили для вида блога по умолчанию при выключенных плагинах.
Необходимо стилизовать:

  1. Лого
  2. Меню и выпадающее
  3. Мобильное меню
  4. Шапка
  5. Стики пост
  6. Пост без картинки
  7. Пост с картинкой
  8. Типы постов — цитата, видео, галерея, аудие, если есть
  9. Страница категории с сайтбаром
  10. Страница категории с двумя сайтбарами
  11. Страница поста
  12. Страница поста с сайтбаром
  13. Страница поста с двумя сайтбарами
  14. Ссылки на пред/след посты
  15. Страница 404 ошибки
  16. Поиск
  17. Пост с картинками
  18. Пост с комментариями
  19. Магазин
  20. Страница товара
  21. Корзина
  22. Чекаут

16. Устанавливаем плагин Monster Widget и выводив в бокой сайтбар для проверки корректности отображения виджетов.

Видео в папке https://mailbox169-my.sharepoint.com/:f:/g/personal/722889_mailbox169_onmicrosoft_com/El_kruKOyqxGoPnOtuhyLUoB-f7gsIMr-fQqLiuwWOhmZw?e=9QUfqX называются TUT Redux 1-4

17. Активируйте Redux Frsmework, включатся опции темы ТО. Смотрим, что в ТО сделать, чтобы выглядело так же, как с сейвом. Сначала экспортните ваши ТО с боевого сайта. Здесь не будет слайдера и шапок/подвалов, т.к. остальные плагины отключены.
Обычно настройки могут понадобиться в пределах вкладок ТО:
Layout
Color Scheme
Design
Typography
Translate
Blog

18. Проверяем, чтобы все выглядело так же, как и с выключенным редаксом, без ТО
19. Удаляем лишние варианты блог опций
20. Проверяем плагином Envato theme check наличие ошибок.
21. Архивируем папку темы в архив promo-installable.zip
22. Архивируем чаилд тему в promo-child.zip,
23. Архивируем promo-installable.zip, promo-child.zip, Increase page speed, licensing, Full PSD в файл с названием promo.zip

Powered by BetterDocs