Взаимодействие Tilda и Wordpress
Как выбрать тему, настроить ее и решить проблемы, которые могут возникнуть при интеграции
Wordpress установлен примерно на 30% всех сайтов в интернете и по сути является таким же конструктором как и Тильда, но ориентирован больше на функциональную составляющую за счет экосистемы бесплатных и коммерческих плагинов. Однако темы, которые определяют внешний вид сайта не очень гибкие в плане настройки внешнего вида, особенно для незнакомых с кодом пользователей. В последние несколько лет появилось несколько решений, которые решают эту проблему внутри Wordpress, но в силу технических ограничений до Тильды им далеко.
1
Как выбрать тему?
Поиск бесплатных тем стоит начать с каталога компании-создателя Wordpress, Automattic. Также темы можно найти поиском в Google, но для этого следует использовать англоязычные запросы — в англоязычном интернете гораздо больший выбор тем.

Платные темы в большинстве своем обитают на Themeforest & Creativemarket.
Подборка платных тем c Themeforest

2
Как настроить тему для работы с Тильдой?
1
Устанавливаем плагин Тильды и импортируем тестовую страницу
Как это сделать, описано в нашей инструкции.
2
Проверяем наличие Тильды на странице
Весь контент на странице находится в теге body, мы проверяем наличие Тильды и добавляем ему какой-нибудь класс вроде .fullscreen. В последних версиях плагина <body> автоматически добавляется класс .tilda-publishing, так что можно привязываться к нему.
3
В CSS темы пишем наши стили
Рекомендуем использовать так называемую «дочернюю» тему, ссылку, а так же сохранить оригинальную версию файла на всякий случай
4
Проверяем работу верстки страниц
Устраняем конфликты с кодом Wordpress
3
Какие могут быть проблемы у синхронизированных страниц?
После сихнронизации страницы с Wordpress могут возникать проблемы отображения некоторых блоков и элементов. Рассмотрим основные причины возникающих проблем:

1. Конфликт с CSS вашей темы, как правило связанный с обнулением стилей (reset css) или стилями самой темы. Прежде чем что-то чинить надо диагностировать так ли это. Удаляем все содержимое файла style.css (или того, где находятся стили вашей темы), сохраняем и обновляем страницу. Если все встало на свои места, то применяем удаление локально.

2. Конфликт с плагинами. Некоторые плагины, добавленные вами в Wordpress, могут вести к проблемам к отображению.
/*
** Первый класс (.fullscreen) мы вставили в тег <body> и научились включать в предыдущем шаге. Он нужен для проверки условия "Включена ли Тильда"
*/
.fullscreen .hentry { padding: 0px !important;
}
/*
** Чтобы скрыть элементы, например заголовок поста, который Wordpress вставляет в тело записи, мы используем такую же конструкцию:
*/
.fullscreen .entry-header { display: none !important;
}
/*
** Учтите, что изменения сделанные в браузере - не сохранятся. Добавлять стили и вносить правки нужно в файле стилей темы (обычно style.css), а еще лучше в файле стилей "дочерней" темы.
*/
Made on
Tilda