Как перейти с Webflow на WordPress (за 6 шагов)

Webflow — это удобная платформа, которая помогает пользователям создавать профессиональные веб-сайты с помощью интуитивно понятного визуального редактора. Однако, если у вас есть свой сайт уже некоторое время, возможно, вы ищете более гибкое и продвинутое решение, такое как WordPress.

Переход с Webflow на WordPress может показаться сложной задачей, особенно если ваш сайт содержит много контента. Тем не менее, этот процесс более прост, чем вы думаете, и вы можете запустить свой новый сайт WordPress в кратчайшие сроки.

В этом посте мы начнем с краткого обсуждения причин, по которым вы можете захотеть перейти с Webflow на WordPress. Затем мы проведем вас через весь процесс миграции.

Давайте начнем!

Почему вам стоит подумать о переходе с Webflow на WordPress

Как и большинство комплексных решений для веб-сайтов, Webflow позволяет создавать и запускать веб-сайт без особых хлопот. Он служит как конструктором веб-сайтов, так и хостинг-провайдером. Хотя это звучит очень удобно, это также может показаться немного ограничивающим. Поскольку каждый аспект вашего сайта управляется одной и той же службой, вы можете чувствовать себя ограниченным при добавлении новых функций или оптимизации контента.

Система управления контентом (CMS) с открытым исходным кодом, такая как WordPress, дает вам больше свободы в настройке. Хотя Webflow имеет широкий спектр приложений и виджетов, он не сравнится с богатством плагинов, которые может предложить WordPress.

С WordPress вы также можете контролировать свой веб-хостинг и бюджет. Вы можете присмотреться и выбрать правильное решение для своего сайта. Более того, программное обеспечение WordPress бесплатное, как и большинство его доступных плагинов. Таким образом, переход с Webflow на WordPress также может помочь вам сократить расходы на ваш сайт.

Если вы ищете более гибкое и продвинутое решение для своего сайта, возможно, пришло время перейти на WordPress. Вот как начать Нажмите, чтобы твитнуть

Что нужно учитывать перед переходом с Webflow на WordPress

Независимо от того, ведете ли вы блог или интернет-магазин, перенос веб-сайта может показаться сложной и трудоемкой задачей. Однако процесс не занимает так много времени. Более того, миграцию можно выполнить самостоятельно, если у вас есть доступ к нужным инструментам.

Однако, прежде чем вы начнете, есть некоторые вещи, которые вам нужно сделать. Давайте рассмотрим некоторые важные приготовления к миграции с Webflow на WordPress.

Поиск веб-хостинга WordPress

Как мы упоминали ранее, одна из лучших вещей в использовании WordPress — это выбор любого веб-хостинга, который вы хотите. Таким образом, вы можете выбрать услугу, которая соответствует вашим потребностям, а также вашему бюджету.

Хотя может показаться заманчивым выбрать дешевый хостинг, вы можете подумать о том, чтобы получить управляемый хостинг WordPress для своего сайта. Эта услуга обычно дороже, чем другие варианты. Тем не менее, это может помочь вам повысить производительность вашего сайта и обеспечить безопасность вашего контента.

В Kinsta мы предлагаем ряд планов хостинга для разных бюджетов. Наш управляемый хостинг WordPress имеет множество функций, в том числе:

• Быстрая и простая установка WordPress
• Автоматическое ежедневное резервное копирование
• Удаление взлома и вредоносных программ
• Круглосуточная поддержка
• Бесплатные SSL-сертификаты

Мы также предлагаем неограниченную бесплатную миграцию со всех веб-хостингов, чтобы сделать ваш переезд без стресса. Кроме того, вы можете использовать наш удобный инструмент разработки DevKinsta для создания своего первого веб-сайта на WordPress.

В идеале у вас должна быть настроена новая учетная запись хостинга до того, как вы начнете миграцию. Такая подготовка поможет немного ускорить процесс.

Резервное копирование ваших данных

Важно отметить, что на самом деле вы не будете перемещать свой контент из Webflow в WordPress во время процесса миграции. Вы просто загрузите копию на свой компьютер, а затем загрузите ее в WordPress. Таким образом, ваш сайт Webflow останется как есть, поэтому нет необходимости создавать резервную копию вашего контента.

Однако вы все равно можете выполнить резервное копирование на случай, если что-то пойдет не так. Чтобы сохранить резервную копию в Webflow, вам просто нужно зажать Command + Shift + S (на Mac) или Control + Shift + S (в Windows):

Затем Webflow попросит вас ввести описание резервной копии. Когда будете готовы, нажмите Сохранить . Затем вы можете перейти в « Настройки »> «Резервные копии» , чтобы убедиться, что ваша последняя копия была сохранена.

Как перейти с Webflow на WordPress (за 6 шагов)

Теперь, когда вы настроили свою учетную запись хостинга и сделали резервную копию своих данных, пришло время перенести ваш контент из Webflow в WordPress. В этом руководстве мы проведем вас через весь процесс миграции, чтобы помочь вам успешно запустить новый сайт.

Шаг 1: Настройте WordPress

Первый шаг — настроить WordPress. Большинство веб-хостингов предлагают установку WordPress в один клик со своими планами, к которым вы можете получить доступ из своей учетной записи хостинга. Эта функция обычно поставляется с руководством по настройке, которое поможет вам завершить процесс всего за несколько минут.

Кроме того, вы можете загрузить программное обеспечение вручную с WordPress.org:

Затем вам нужно будет загрузить файлы WordPress на свой сервер. Процесс может занять несколько минут. Когда все будет готово, вы можете приступить к экспорту Webflow в WordPress.

Шаг 2: Экспортируйте свой контент из Webflow

Теперь, когда вы настроили WordPress, вы можете подготовить контент для своего нового сайта. К счастью, Webflow упрощает экспорт ваших данных.

Однако вы не можете экспортировать все это. Загружаемый контент из Webflow включает веб-страницы, сообщения в блогах, тексты, встроенные блоки, страницы галереи и изображения.

Чтобы экспортировать свой контент, перейдите в дизайнер Webflow и нажмите на панель CMS Collections . Здесь вы можете увидеть все файлы и данные на вашем сервере Webflow:

Выберите коллекцию, которую хотите загрузить (например, сообщения блога), и нажмите кнопку « Экспорт » в верхней части экрана. Содержимое будет загружено на ваш компьютер в виде файла .csv. Вы можете повторить этот процесс для любой другой коллекции, которую хотите экспортировать.

Шаг 3: импортируйте свой контент в WordPress

Следующим шагом будет загрузка содержимого Webflow в WordPress. CMS поставляется с инструментом импорта, который позволяет загружать файлы в формате XML. К сожалению, Webflow позволяет загружать контент только в виде CSV-файла.

Поэтому вам нужно будет использовать плагин миграции для импорта CSV-файлов в WordPress. Мы рекомендуем WP All Import:

Чтобы добавить плагин на свой веб-сайт, перейдите в « Плагины» > «Добавить новый» на панели инструментов WordPress и найдите инструмент в строке поиска.

Подпишитесь на рассылку новостей

Хотите знать, как мы увеличили наш трафик более чем на 1000%?

Присоединяйтесь к более чем 20 000 других пользователей, которые получают нашу еженедельную рассылку с советами по WordPress, посвященными инсайдерской информации!

Подпишись сейчас

Затем нажмите кнопку « Установить сейчас », а затем « Активировать ». После активации плагина перейдите в All Import > New Import:

Нажмите « Загрузить файл », затем выберите файл CSV, который вы скачали ранее. Затем плагин проведет вас через процесс импорта.

Для этого урока мы импортируем сообщения блога из Webflow:

Плагин попросит вас перетащить элементы в нужные поля, используя интерфейс перетаскивания:

Например, вам нужно будет перетащить название вашего поста (справа) в поле заголовка, а текст поста — в соответствующую область. Вы также увидите параметры для добавления таксономий, таких как категории и теги, и настройки других параметров, таких как статус публикации:

Обратите внимание, что эти настройки будут применяться к каждому сообщению в вашем файле. Поэтому вам не придется повторять процесс для каждого импортированного сообщения.

Далее вам будет предложено определить уникальный идентификатор для сообщений в вашем файле. Вы можете нажать кнопку « Автоопределение », чтобы сгенерировать идентификатор:

Наконец, вам нужно нажать кнопку « Подтвердить и запустить импорт» , чтобы завершить процесс:

Плагин сообщит вам, когда процесс импорта будет завершен:

Когда все будет готово, вы можете проверить свой контент, перейдя к записям или страницам на панели инструментов. Вам также потребуется повторить процесс импорта для любых других загруженных вами файлов Webflow.

Обратите внимание, что WordPress не поддерживает автоматический импорт изображений с других платформ, таких как Webflow. Поэтому вам нужно будет добавить свою графику вручную или использовать плагин, такой как Auto Upload Images.

Этот плагин будет искать URL-адреса изображений в ваших сообщениях и на страницах. Затем он загрузит эту графику и загрузит ее в WordPress, заменив URL-адреса.

Шаг 4: Выберите тему WordPress

К сожалению, вы не можете перенести дизайн своего сайта Webflow в WordPress. Тем не менее, популярная CMS предлагает на выбор тысячи красивых тем.

Темы WordPress настраиваются, поэтому вы можете изменить их в соответствии со своими потребностями. Более того, большинство из них бесплатны, хотя некоторые платные темы также могут быть вполне доступными.

Мы рекомендуем потратить некоторое время на настройку темы WordPress и попробовать различные варианты. Тем не менее, вы захотите выбрать адаптивный дизайн, так как это поможет вам убедиться, что ваш контент отлично выглядит на всех устройствах.

Шаг 5: Настройте постоянные ссылки WordPress

Далее вам нужно настроить постоянные ссылки WordPress. Они определяют структуру URL вашего сайта.

Чтобы получить доступ к постоянным ссылкам, перейдите в « Настройки» > «Постоянные ссылки » на панели управления WordPress:

Как видите, у вас есть несколько вариантов. Мы рекомендуем вам выбрать Имя сообщения . Таким образом, ваши URL-адреса будут состоять из вашего доменного имени и слага, который вы установили для этой конкретной страницы или публикации. Короткие и чистые URL-адреса могут помочь поисковой оптимизации вашего сайта (SEO).

Когда будете готовы, нажмите Сохранить изменения . Теперь вы можете перейти к последнему шагу.

Шаг 6: укажите свой домен на WordPress

Хотя вы, возможно, импортировали свой сайт в WordPress, ваш домен (например, mysite.com) по-прежнему указывает на серверы имен Webflow. Если вы хотите сохранить тот же домен, вам необходимо обновить настройки DNS, чтобы ваш домен указывал на серверы вашего нового веб-хостинга.

Вы можете найти серверы имен вашего хоста в своей учетной записи хостинга. Обычно они выглядят примерно так:

• ns1.yourwebhost.com
• ns2.yourwebhost.com
• ns3.yourwebhost.com

Если вы использовали регистратора домена при создании сайта Webflow, вам потребуется войти в свою учетную запись, чтобы управлять настройками DNS. Ваш новый веб-хостинг может даже позволить вам управлять своим доменом через панель управления. Если вы являетесь клиентом Kinsta, вы можете использовать MyKinsta, чтобы направить свой домен на новый веб-сайт.

Теперь, когда посетители вводят ваш URL-адрес в Google, они будут перенаправлены на ваш новый сайт. Мы рекомендуем вам выполнить этот шаг, как только ваш сайт WordPress будет готов к работе.

Перейдите с Webflow ️ WordPress всего за несколько простых шагов. Нажмите, чтобы твитнуть

Резюме

Webflow — это универсальный конструктор веб-сайтов, который упрощает запуск и управление вашим сайтом. Однако по мере роста вашего веб-сайта вам может потребоваться перейти на более гибкую и мощную платформу, такую ​​как WordPress.

Как мы видели, переход с Webflow на WordPress может быть простым процессом. Тем не менее, очень важно выбрать правильного хостинг-провайдера для вашего нового веб-сайта. Вы также захотите выбрать адаптивную тему WordPress, оптимизировать постоянные ссылки и обновить настройки домена, чтобы пользователи направлялись на ваш новый сайт.

У вас есть вопросы о переходе с Webflow на WordPress? Дайте нам знать в комментариях ниже!