Подготовка демо контента
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. Пушить ничего никуда не нужно. Файлы для импорта готовы.
Создание файлов темы
- Копируем шаблон и удаляем из него .git, .idea, config, .gitignore
- Открываем файл framework/class-theme-demo.php Прописываем имя темы и номер шаблона поста, архива блога, количество колонок в том же файле
- Прописываем шрифт по умолчанию в DEMO_FONT_SRC Вы можете увидеть все необходимые шрифты, просмотрев исходный код страницы вашего демо сайта в переменной WebFontConfig[‘google’]
- Здесь же ниже меняем название темы с Atiframe на свое в public static function get_theme_name
- Здесь же изменяем номер демо и убираем лишние в public static function get_demos
- Открываем functions.php Переименовываем название класса в начале и конце файла. Удаляем подключения папки config в конце файла.
- /framework/inc/class-welcome-page.php 163 строка. УБрать иф элз if ( atiframebuilder_fs()->is__premium_only() ) { надо оставить одну строку вместо массива $this->theme_names = Atiframebuilder_Theme_Demo::get_demos();
- Изменяем шапку комментариев в css/theme.css в соответствии с названием и описанием новой темы
- Открываем программу для массовой замены и меняем текстовый домен с atiframe-builder на новый, вместо билдера название темы, например, promo
- Удаляем лишние демо папки в папке /import/ кроме нашего номера и файла full.zip
- Переименовываем папку с темой в promo, где promo — это название вашего шаблона
- Переименовываем файл *.pot в папке languages в название темы, открываем его и обновляем перевод
- Открываем screenshot.png и ставим скриншот главной страницы своей темы,
- Копируем style.css со своей онлайн темы https://demo30.atiframe.com/wp-content/themes/atiframe-builder/style.css
- Копируем чаилд тему, меняем в ней скриншот (на нем сделать подписать Child) и название в style.css файле
Тестирование
Видео https://secretlab.work/TUT.mp4
15. Создаем новый домен на локалке.
Импортируем в него ThemeUnitTest.xml
Активируем нашу тему.
Плагины ставить не надо. Редакс выключить.
Скопируйте стили из кастома в ТО и скопируйет в файл /css/save.css после комментария /*TO*/ или /* Theme Options */
Проводим тест Theme Unit Test, в процессе теста пишем в файл /css/save.css стили для вида блога по умолчанию при выключенных плагинах.
Необходимо стилизовать:
- Лого
- Меню и выпадающее
- Мобильное меню
- Шапка
- Стики пост
- Пост без картинки
- Пост с картинкой
- Типы постов — цитата, видео, галерея, аудие, если есть
- Страница категории с сайтбаром
- Страница категории с двумя сайтбарами
- Страница поста
- Страница поста с сайтбаром
- Страница поста с двумя сайтбарами
- Ссылки на пред/след посты
- Страница 404 ошибки
- Поиск
- Пост с картинками
- Пост с комментариями
- Магазин
- Страница товара
- Корзина
- Чекаут
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