Atiframe – интернет-бизнес WordPress тема
Документация предназначена для того, чтобы помочь вам установить и настроить тему Atiframe. Если у вас возникли проблемы, обратитесь в техподдержку, и мы поможем вам устранить и решить проблему!
Минимальные системные требования темы
- - Wordpress 4.1 или выше.
- - PHP 5.4 или выше.
- - MySQL 5 или выше.
- - Настройки PHP.ini: .
- - max_execution_time 30
- - memory_limit 128M
- - post_max_size 32M
- - upload_max_filesize 32M
Мы рекомендуем использовать последнюю версию WordPress и онлайн-версию документации.
Как установить WordPress
Инструкция по установке Wordpress на Кодексе WordPress
Если вы новичок в WordPress, мы рекомендуем вам изучить Кодекс WordPress
На многих современных хостингах, вы можете установить WordPress прямо из панели управления, как одно из приложений.
Установка WordPress по FTP
Как установить тему
Есть 2 способа установить темы WordPress - через административную панель WordPress или через FTP
1-ый способ: Загрузка с помощью FTP-сервера
1. Распакуйте архив atiframe-installable.zip и загрузите папку в свой каталог с темами WordPress /wp-content/themes/.
2. Откройте панель администратора WordPress, перейдя по ссылке www.your_domain.com/wp-admin/.
3. Перейдите в Внешний вид > Темы в боковой панели.
4. Активируйте тему Atiframe.
Загрузка WordPress шаблона по FTP
2-ой способ: Загрузка через административную панель WordPress
1. Откройте административную панель Wordpress (перейдите через веб-браузер в папку, в которую вы установили WordPress, например www.your_domain.com/wp-admin / ), и перейдите во Внешний вид > Темы в боковой панели.
2. Нажмите кнопку Добавить Новую.
3. Нажмите кнопку Загрузить тему.
4. Нажмите кнопку Выбрать файл, выберите "atiframe-installable.zip" и нажмите Открыть, а затем Установить сейчас.
5. Активируйте тему Atiframe
Установка плагинов и контента: установка с помощью одной кнопки
Активируйте тему.
На странице Внешний вид -> Атифрейм выберите версию дизайна, которую вы хотите установить, и нажмите кнопку Начать установку.
Видео процесса автоматической установки
Ручная установка темы
Если вы не можете завершить автоматическую установку и получить какие-либо ошибки сервера, вы можете использовать ручную установку. Есть функции пошаговой установки - просто нажмите и подождите. Всего 6 шагов. Каждый шаг может выполняться автоматически с помощью кнопки Запустить или вручную по ссылке (если функция не закончит автоматически).
Вы можете продолжить процесс установки с шага, на котором получили ошибку.
Файлы для полной ручной установки хранятся в папке /atiframe/import/.
1. Нажмите 1. Начать установку плагинов
Выделите все плагины, выберите Установить и Нажмите Применить.
2. Нажмите 2. Начать активацию плагинов
Выделите все плагины, выберите Активировать и Нажмите Применить.
3. Обновите Страницу.
4. Нажмите 4. Импортирт слайдеров на странице Атифрейм. Нажмите Импортировать Слайдеры на экране, который появится.
5. Нажмите 5. Импорт демо-данных на странице Атифрейм. Выберите файл dummy_data.xml в папке /import/name_of_design/. Выберите тот, который вам нужен, нажмите Загрузить файл и импортировать
По завершении процесса импорта вы можете увидеть надпись Все сделано. Наслаждайтесь!.
Если вы получаете либо Тайм-аут запроса , либо 500 Внутренняя ошибка сервера , это означает, что процесс импорта не смог завершить 1 шаг. Вы можете решить это следующим образом:
Нажмите клавишу F5 (обновление страницы) и нажмите кнопку "Повторить отправку", если ваш браузер предложит вам сделать это. Второе действие может быть повторено от 10 до 15 раз.
По завершении процесса импорта вы увидите такой экран:
6. Импорт демонстрационных изображений. Этот пункт является элементом полуавтоматической установки. Если вы вручную импортировали XML файл с загрузкой изображений, его не нужно выполнять. Если вы выполнили пункт 5 через нажатие кнопки начать, то его тоже нужно выполнить. Просто нажмите кнопку начать. Процесс хаймет несколько минут в зависимости от количества изображдений.
7. Нажмите 7. Импорт виджетов, выберите файл с виджетами - widgets.wie файл и Нажмите Импортировать Виджеты.
8. Нажмите 8. Импорт параметров шаблона на странице Атифрейм. Откройте файл с Опциями Темы в папке /import/name_of_design/. Например, /import/name_of_design/theme-options.json. Скопируйте весь текст, нажмите кнопку Импорт из файла, вставьте данные в текстовое поле и нажмите кнопку Импорт.
Обновление шаблона
Перед началом обновления темы, пожалуйста, сделайте резервную копию сайта и базы данных.
Есть два способа обновить тему:
1. Обновите шаблон на вкладке Обновить на странице Внешний Вид -> Атифрейм .
- Введите и сохраните свой лицензионный ключ,а затем нажмите кнопку "Обновить".
- После обновления темы деактивируйте и удалите плагины KC Pro, King Composer, SecretLab Shortcodes, SecretLab Stack, Revolution Slider, Layer Slider, а затем установите их через желтое сообщение вверху административной панели. Сообщение появляется при удалении некоторых необходимых плагинов.
- После обновления темы перейдите в раздел "Параметры шаблона" и нажмите "Сохранить изменения".
2. Через FTP
- Скачайте Установочный архив с темой.
- Разархивируйте atiframe-installable.zip на свой ПК и распакуйте его.
- Загрузите /atiframe/ папку на ваш хостинг через ftp в папку /wp-content/themes/, и нажмите "Да, замените все файлы".
- После этого - перейдите в раздел "Параметры шаблона" и нажмите "Сохранить изменения",.
- Обновите плагины из папки /atiframe/lib/. Вам нужно обновить KC Pro, King Composer, SecretLab Shortcodes, SecretLab Stack, Revolution Slider, Layer Slider.
Решение проблем
Если вы получите какую-либо ошибку - проверьте, пожалуйста, ваши журналы ошибок php сервера.
Если вы не можете получить доступ к журналам ошибок php, откройте wp-config.php и найдите строку с define('WP_DEBUG', false);. Замените ее на:
define('WP_DEBUG', true);
define('WP_DEBUG_LOG', true);
define('WP_DEBUG_DISPLAY', false);
После этого перейдите на страницу, где вы получили сообщение об ошибке, обновите ее. И если вы снова получите ошибку, перейдите в /wp-content/debug.log , чтобы узнать информацию об ошибке. Теперь, когда вы знаете, в чем проблема, вы можете решить ее или отправить сообщение техподдержке вашего хостинга, чтобы исправить это.
Не можете изменить цветовую схему?
Цвета из цветовой схемы сохраняются в CSS-файл после нажатия кнопки "Сохранить изменения" в опциях темы. Если цветовая схема не изменяется, проверьте права на запись для файла и папки с CSS файлами:
/wp-content/themes/atiframe/
/wp-content/themes/atiframe/style.css
Они должны быть 755 для папки темы и 644 или 666 для файла style.css
Решение проблем Contact 7
Убедитесь, что вы правильно заполнили форму:
Если ваше сообщение не было отправлено из формы, попросите ваш хостинг провести проверку проблемы с функцией php mail.
Установка и обновление плагинов
Обновление плагинов KC Pro, King Composer, SecretLab Shortcodes, SecretLab Stack, Revolution Slider, Layer Slider
Если вы хотите обновить плагины, которые предоставляются с темой, выполните следующие действия после обновления темы:
1. Удалите эти плагины.
2. Нажмите Начать Установку плагинов в сообщении сверху страницы.
3. Выберите все плагины, которые вы хотите установить, и нажмите кнопку Применить.
4. Нажмите ссылку Вернуться к установке требуемых плагинов
5. Выберите все плагины, которые хотите установить, выберите Активировать в выпадающем меню и нажмите Применить.
6. Все сделано. Вы можете начать настройку и использование этих плагинов
Установка плагинов
Если вы хотите установить только плагины без другого содержимого, выполните следующие действия:
1. Нажмите Начать установку плагинов в сообщении сверху страницы.
2. Выберите все плагины, которые вы хотите установить, и нажмите кнопку Применить.
3. Нажмите ссылку Вернуться к установщику необходимых плагинов
4. Выберите все плагины, которые хотите установить, выберите Активировать в выпадающем меню и нажмите Применить.
5. Все сделано. Вы можете начать настройку и использование этих плагинов
Лицензии для плагинов
Я купил расширенные лицензии разработчика для Layer Slider и Slider Revolution. Я не могу делиться этими ключами (у меня нет разрешения на это) - я предоставляю обновления плагинов с обновлением темы.
Вы получите обновления плагинов с обновлениями темы.
Документация плагинов
King Composer
Видеоуроки на Youtube https://www.youtube.com/channel/UChCzbn8UHAl7xF8smrgPK1w/videos
Онлайн-документация здесь
Знакомство с редактором страниц
Slider Revolution
Онлайн-документация здесь
Видео здесь https://www.youtube.com/watch?v=0lPPUZCIouc&list=PLSCdqDWVMJPPDcH_57CNZvLckoB8cimJF
Layer Slider
Онлайн-документация здесь
Видео здесь https://www.youtube.com/user/kreaturamedia/videos
Общие настройки
Вы можете установить API-ключ Google Maps, выбрать домашнюю страницу и настроить загрузчик страниц.
Макет
На вкладке Макет вы можете установить время перехода для эффектов при наведении, выбрать макет страницы и настроить боковые панели.
Шапка сайта
На вкладке Шапка Сайта вы можете выбрать шапку сайта и слайдер для веб-сайта. Но слайдер и шапку для блога и магазина вы должны установить на других вкладках в Параметры шаблона .
Подвал сайта
На вкладке Подвал Сайта вы можете выбрать подвал сайта и скрыть кнопку прокрутки вверх.
Портфолио
На вкладке Портфолио вы можете установить символьный код для url и заголовок с описанием страницы архива портфолио.
Цветовая схема
Вы можете редактировать цвета дизайна. Также вы можете загружать предустановки цветов.
Дизайн
Опции боковой панели, кнопок и полей ввода. Внутренние отступы для фона блока контента.
Типография
Мощная настройка типографии с более чем 750 шрифтами Google Fonts
Перевод
На вкладке Перевод вы можете написать текст для страницы 404 ошибки.
Пользовательский CSS/JS
На вкладке Пользовательский CSS/JS вы можете добавить любой пользовательский код CSS и JS и отключить кнопку Прокрутка вверх .
Магазин
Выберите параметры слайдера, фона и боковых панелей для вашего магазина.
Блог
Здесь вы настраиваете параметры отображения блога. Выберите слайдер, макет страницы и параметры боковых панелей. Эти параметры работают для типа сообщений Записи , которые включают все категории и подкатегории.
Импорт / Экспорт
Вы можете загружать и импортировать настройки опций темы.
Перевод шаблона
1) Скачайте программу Poedit с https://poedit.net/
2) Откройте /language/ папку и файл atiframe.pot программой Poedit
3) В Poedit нажмите "Создать новый перевод" и напишите код языка
4) Добавьте перевод для каждой строки, которую вы хотите перевести
5) Перейдите в Файл -> Сохранить как и назовите файл с кодом языка, например, de_DE.po
5) Перейдите в Файл -> Скомпилировать в MO и назовите файл как код языка, например, de_DE.mo
6) Загрузите эти файлы в каталог /language/ и установите язык в настройках Wordpress.
Сайтбары: как работает система боковых панелей?
Лучший способ создать боковую панель - создать Composer Block с типом Виджет и установить Composer Content Block в виджет боковой панели.
Для любой страницы или публикации вы можете добавить отдельные настройки боковых панелей с нашим плагином SecretLab Stack
Для магазина - Параметры шаблона -> Магазин . Вы можете добавить необязательные виджеты в Внешний вид -> Виджеты в Левую боковую панель магазина и Правую боковую панель Магазина
Для блога - Параметры шаблона -> Блог . Вы можете добавить необязательные виджеты в Внешний вид -> Виджеты в Левую боковую панель блога и Правую боковую панель Блога .
Мы рекомендуем поместить все категории вашего блога в раздел Блог с помощью символьного кода /blog/ для правильной работы Атифрейм блога.
Общие настройки, без Блога и Магазина - Параметры шаблона -> Дизайн -> Макет . Вы можете добавить необязательные виджеты в Внешний вид -> Виджеты в Левую Боковую Панель и Правую боковую панель
Элементы
Тема, использует множество элементов от плагинов King Composer и SecretLab Shortcodes.
Видеоуроки на Youtube https://www.youtube.com/channel/UChCzbn8UHAl7xF8smrgPK1w/videos
Документация здесь
Secretlab Shortcodes
Описание элементов из SecretLab Shortcodes здесь.
Надпись на фоне
Отображает надпись на фоне столбца или строки. Отображается в нижнем слое, поэтому иногда может быть трудно выделить этот элемент мышкой для редактирования, т.к. он находится под другим элементом
Форма обратной связи
Отображает формы обратной связи с неограниченными шаблонами дизайна и цветами из плагина Contact Form 7
Разделитель иконкой
Он отображает разделитель с SVG иконкой
Иконочный блок
Отображает иконку с неограниченными шаблонами дизайна и цветами
Формы MailChimp
Отображает формы из Easy Forms для плагина MailChimp
Динамический заголовок страницы
Отображает динамический заголовок страницы. Используйте его для заголовков
Сетка записей блога
Отображает статьи разных типов с неограниченными шаблонами дизайна и цветами
Меню
Отображает меню
Составной заголовок
Отображает заголовок из нескольких частей с разными тегами и настройками шрифта и цвета
Slider Revolution
Отображает слайдер из плагина Revolution Slider
Приемущества в виде сетки с иконками
Отображает блок с 5 иконками и 1 описанием, чтобы показать ваши преимущества
Сайдбар
Отображает сайдбар с виджетами в любом месте
Настройки элемента меню
Для вывода любого вашего меню из Внешний вид -> Меню можно использовать наш элемент Меню для King Composer.
Настроить общий внешний вид можно во вкладке элемента Внешний Вид :
- Настройки внешнего вида главного блока, кнопки и главного блока мобильного меню находятся на вкладке Внешний Вид -> Box
- Настройки внешнего вида блоков всех пунктов меню первого уровня находятся на вкладке Внешний Вид -> Item Box
- Настройки внешнего вида текста всех пунктов меню первого уровня находятся на вкладке Внешний Вид -> Item
- Настройки общего внешнего вида иконок всех пунктов меню первого уровня находятся на вкладке Внешний Вид -> Icon
- Настройки внешнего вида иконки выпадающего меню первого уровня находятся на вкладке Внешний Вид -> Caret
- Настройки внешнего вида иконки поиска находятся на вкладке Внешний Вид -> Search
- Настройки внешнего вида иконки и блока корзины находятся на вкладке Внешний Вид -> Cart
- Настройки внешнего вида всего блока меню второго уровня находятся на вкладке Внешний Вид -> Box 2 Lvl
- Настройки внешнего вида блоков пунктов меню второго уровня находятся на вкладке Внешний Вид -> Item Box 2 Lvl
- Настройки внешнего вида текста всех пунктов меню второго уровня находятся на вкладке Внешний Вид -> Item 2 Lvl
- Настройки внешнего вида иконок пунктов меню второго уровня находятся на вкладке Внешний Вид -> Icon 2 Lvl
- Настройки внешнего вида иконки выпадающего меню второго уровня находятся на вкладке Внешний Вид -> Caret 2 Lvl
- Настройки внешнего вида всего блока меню третьего уровня находятся на вкладке Внешний Вид -> Box 3 Lvl
- Настройки внешнего вида блоков пунктов меню третьего уровня находятся на вкладке Внешний Вид -> Item Box 3 Lvl
- Настройки внешнего вида текста всех пунктов меню третьего уровня находятся на вкладке Внешний Вид -> Item 3 Lvl
- Настройки внешнего вида иконок пунктов меню третьего уровня находятся на вкладке Внешний Вид -> Icon 3 Lvl
- Настройки внешнего вида блока мегаменю (выпадающего меню с несколькими колонками и расширенными настройками) находятся на вкладке Внешний Вид -> Mega Menu Box
Кроме этого можно настроить тип и внешний вид каждого элемента меню в Внешний вид -> Меню административной панели сайта:
- Настройки типа элемента меню находятся в блоке Выберите тип меню: .
- Использовать как выпадающее меню - обыкновенное выпадающее меню
- Использовать как мега-меню - выпадающее меню с несколькими колонками и расширенными настройками (количество колонок задается с помощью элементов меню второго уровня вложенности)
- Использовать как форму поиска - обычное поле формы поиска по сайту
- Использовать как корзину Woocommerce - блок корзины Woocommerce-магазина с суммой, количеством товаров и ссылкой на страницу заказа.
- Настройки ссылки элемента меню находятся в блоке Настройки ссылки и иконки:
- Индивидуальные настройки дизайна элемента меню находятся в блоке Дизайн:
Иконочные шрифты и менеджер иконочных шрифтов
Тема содержит Иконочный Шрифт: набор собственных иконок, который содержит около 1000 символов. Вы можете найти zip-архив с наборами иконок в папке Icon fonts .
Менеджер Иконочных Шрифтов поддерживает загрузку значков, которые были подготовлены в Iconmoon App. Вы можете создать набор иконок и загрузить архив .zip в Менеджер Иконочных Шрифтов , чтобы использовать значки для отображения через King Composer.
Оптимизация скорости веб-сайта и плагины кэширования
Эти 2 простых шага позволяют увеличить скорость загрузки страницы.
1) Лучший способ увеличить скорость загрузки веб-сайта - CDN (сеть доставки контента). Например, cloudflare.com, он бесплатный для использования. Перейдите на cloudflare.com и добавьте свой сайт, это бесплатно. Если вы не хотите использовать CDN, вы можете использовать только кэш-плагин. Настройки для cloudflare ниже:
2) King Composer содержит собственные параметры кэширования:
Cloudflare и King Composer Cache показывают хороший результат оптимизации скорости загрузки страницы.
W3 Total Cache с CLoudflare также показывают хорошие результаты. Если вы хотите настроить его:
- Перейдите в раздел Производительность > Общие настройки
- В конце этой страницы вы найдете раздел "Параметры импорта / экспорта", в котором вы можете импортировать файл "w3-total-cache-config.json". Указанный файл находится в папке IncreasePageSpeed архива с шаблоном
Также я тестировал совместимость темы с другими плагинами кэширования:
- WP Super Cache - настройте его таким образом
- WP Rocket с некоторыми скриптами для исключений:
/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.revolution.min.js
/wp-content/plugins/revslider/public/assets/js/jquery.themepunch.tools.min.js
Слайды и плагин Slider Revolution
Вы можете выбрать слайдер:
- Для всех страниц веб-сайта - в Параметры шаблона -> Дизайн -> Шапка Сайта
- Для публикаций блога и блога, которые содержат /blog/ в символьном коде - в Опции Т -> Блог
- Для магазина и страницы продукта - в Параметры шаблона -> Магазин
- Для всех страниц, включая портфолио - этот параметр находится в боковой панели страницы, когда вы ее редактируете.
Документация Slider Revolution
Онлайн-документация здесь
Видеоуроки на Youtube
Документация Layer Slider
Онлайн-документация здесь
Видео здесь https://www.youtube.com/user/kreaturamedia/videos
Конструктор контента
King Composer - это основной плагин для редактирования контента. Шапку и Подвал Сайта также можно редактировать с помощью King Composer в Composer Block .В настоящий момент мы готовим видеоуроки по работе с конструктором, но если у вас есть вопросы, не стесняйтесь задавать их - это поможет нам сделать более удобные и полезные уроки.
Кинг Композер содержит администраторский редактор, доступный по клику на голубой кнопке (обведена красной рамкой на скриншоте) и живой редактор, доступный по клику на зеленойю кнопке или голубой кнопке на верхней панели (кнопки на скриншоте без красной рамки).
Видеоуроки на Youtube https://www.youtube.com/channel/UChCzbn8UHAl7xF8smrgPK1w/videos
Онлайн-документация здесь
Настройки макета
В правой боковой панели редактора страницы вы можете:
- настроить вариант Шапку и Подвал сайта,
- макет страницы (полноразмерный или ограниченый по ширине),
- включить/выключить боковые панели,
- выбрать слайдер или изображение для отображения в шапке страницы.
Шапка и Подвал Сайта
Вы можете отредактировать Шапку и Подвал сайта или создать новые в разделе Composer Block, также как и создаете новые записи в блоге. Их можно редактировать с помощью King Composer.
Вы можете установить Шапку и Подвал сайта, которые вы хотите в Параметры шаблона -> Шапка сайта и Параметры шаблона -> Подвал сайта . Индивидуальные Шапка и Подвал сайта для любой страницы вы можете установить в правой боковой панели редактора страницы Настройки макета.
Значок сайта
Перейдите во Внешний вид -> Настроить -> Идентификация сайта.
Как поменять HTTP на HTTPS
Лучше изначально устанавливать WordPress на домен с HTTPS, но если вы этого не сделали, то нужно правильно перейти со старой версии HTTP.
- Перейдите в раздел Параметры шаблона -> Импорт/Экспорт и экспортируйте параметры опций темы
- Удалите файл .htaccess в папке веб-сайта
- Экспортируйте SQL файл вашей базы данных, сделайте резервную копию
- Найдите и Замените http на https в файле SQL
- Импортируйте SQL файл в свою базу данных
- Перейдите на страницу https://yourdomain.com/wp-admin/options-permalink.php и нажмите Сохранить
- Перейдите в раздел Параметры шаблона -> Импорт/экспорт и импортируйте параметры опций темы
- Все сделано!
Также вы можете добавить в .htaccess:
RewriteCond %{HTTPS} !=on
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
Настройки SEO
У каждой страницы, публикации и категории есть настройки SEO.
Вы можете настроить заголовки и метаданные для пользовательских типов публикаций, категорий, тегов и т.д. в SEO -> Заголовок и Мета .
Вы можете настроить "Хлебные Крошки" и Ссылки на странице SEO -> Дополнительно .
Полная документация на Yoast SEO плагин здесь
Получение ключа Google API
Для начала работы с Google Maps JavaScript API необходимо получить ключ API.
Получить ключь Google API можно здесь
Ввести полученный ключь API надо в "Параметры шаблона -> Общие настройки" .
Служба поддержки
Пожалуйста, помните, что вы приобрели шаблон за очень доступную цену. Вы не заплатили за полный рабочий день веб-дизайн агентства. Иногда мы будем помогать с небольшими изменениями, но эти запросы будут поставлены на более низкий приоритет из-за их характера. Поддержка также на 100% опциональна, и мы предоставляем ее для вашего удобства, поэтому, пожалуйста, будьте терпеливы, вежливы и уважительны.
Наш основной приоритет в поддержке - исправление ошибок в шаблоне и плагинах, а также повышения качества и функциональности шаблона и плагинов.
Пожалуйста, посетите наш сайт или задайте вопрос https://support.atiframe.ru/
Наша служба поддержки темы включает:- * Ответы на вопросы или проблемы, связанные с темой и ее функциями
- * Исправление ошибок из сообщений о проблемах
- * Предоставление обновлений для обеспечения совместимости с новыми версиями программного обеспечения
- * Услуги по настройке и установке
- * Поддержку сторонних программ и плагинов
- * Убедитесь, что ваш запрос является допустимым запросом в службу поддержки темы, а не запросом на индивидуальную настройку.
- * Убедитесь, что вы прочитали документацию и связанные с ней видео-руководства, прежде чем обращаться за поддержкой по выполнению задачи.
- * Удостоверьтесь, что вы дважды проверили ЧаВо темы.
- * Попробуйте отключить активные плагины, чтобы убедиться, что это не конфликт с плагином. И если проблема в этом, вы можете сообщить нам.
- * Если вы настроили свою тему, и теперь у вас есть проблема, откатите изменения, чтобы убедиться, что вы не ошиблись. Если вы внесли изменения и не можете найти проблему, предоставьте нам ваш журнал изменений.
- * Почти 80% проблем может быть решено простым "Поиском Google". Возможно, вы захотите попробовать это, прежде чем обращаться в поддержку. Возможно, вы сможете решить проблему самостоятельно быстрее, чем мы сможем ответить на ваш запрос.