Первоначальная настройка Webflow и WordPress

Очень важно сделать основные настройки шаблона на Webflow.

Шаг 1.

Для этого нужно перейти в раздел Project Settings.

Начнем с последней вкладки [Custum Code]. В поле «Language Code» блока «Advanced Settings» прописываем «ru», если основным языком вашего сайта будет русский.

Незабываем нажать кнопку [Save Changes] до перехода на следующую вкладку.

Далее переходим на вкладку [Fonts]. Загружаем все шрифты которые будут использоваться в проекте. Рекомендую всегда загружать шрифты, даже если они присутствую в списке шрифтов Webflow.

Следующая вкладка где нужно будет сделать изменения только для платных аккаунтов Webflow. Переходим во вкладку [Hosting] в самом последнем блоке Advanced Publishing Options выставляем три ползунка: Minify HTML, Minify CSS, Minify JS в положение [ON]

Ну и наконец переходим на первую вкладку [General], где вы сможете поменять фавикон проекта. После сохранения переходим в сам редактор.

Шаг 2.

Создаем страницу «Общие стили» (slug — любой, например allstyles). Эта страница для общих стилей сайта. Просто создаем контейнер div с классом Conteiner, прописываем все стили, далее в него вставляем элемент RichText. Стилизуем все возможные общие элементы для всего сайта. Такой подход всегда удобен и ускоряет процесс разработки сайта. И самое главное, например вы задав изображению, кнопке, заголовкам и другим элементам какой либо класс, вы всегда сможете указать заказчику как прописать его в редакторе wordpress.

Шаг 3.

Устанавливаете WordPress. После установки необходимо сделать несколько действий.

• [Страницы] -> переименовываем страницу «Привет, мир» в «Главная».
• [Настройки] [Общие] -> заполняем поля Название сайта, Краткое описание [Сохранить изменения]
• [Настройки] [Чтение] -> выбираем статическую страницу, в поле Главная страница выбираем ту страницу которую переименовали в Главную. [Сохранить изменения]

• [Настройки] [Медиафайлы] -> Снимаем галочку с «Помещать загруженные мной файлы в папки по месяцу и году» [Сохранить изменения]
• [Настройки] [Постоянные ссылки] -> Выбираем «Название записи» [Сохранить изменения]

И последним шагом устанавливаем плагины.

1. Advanced Custom Fields PRO — ставим из конвертора wtw, прописываем серийный номер, обновляем до последней версии.
2. Better Admin Bar — скрывает верхнюю панель администратора при просмотре сайта авторизованным пользователем.
3. Cyr to Lat enhanced — автоматически конвертирует ярлыки статей, термов на русском языке в транскрипцию на английском.
4. Duplicate Post — клонирование записей, страниц, термов.
5. GMAce — редактор, который позволяет просматривать и редактировать файлы на хостинге.
6. Breadcrumb NavXT — плагин вывода хлебных крошек (если нужен).
7. WP-PageNavi — плагин вывода пагинации страниц (если нужен).
8. Relevanssi — плагин поиска по сайту (если нужен).