Простое 7-шаговое руководство по переходу с Webflow на WordPress

Webflow позволяет очень легко создать веб-сайт без необходимости кода благодаря редактору перетаскивания и предварительно разработанным шаблонам.

Но по мере роста ваших потребностей вы, вероятно, столкнетесь с ограничениями.

Возможность создания онлайн-членства все еще находится в стадии бета-тестирования, тогда как в WordPress она уже много лет доступна с помощью таких плагинов, как SureMembers.

Нужен потрясающий сайт электронной коммерции ? Создайте магазин с высокой конверсией с помощью SureCart.

Мощные плагины, такие как Spectra, дадут вам дизайнерские блоки, каркасы и шаблоны для простого создания красивых веб-страниц.

Мы могли бы продолжить…

Дело в том, что вам не нужно привязываться к проприетарному ПО. Вы можете добиться большего и лучших результатов с WordPress.

Вот почему в этом руководстве вы увидите , как шаг за шагом перейти с Webflow на WordPress .

Вас ждет новый способ создания и управления веб-сайтами.

Давайте прыгать в это!

Перенеситесь в новую эру гибкости и контроля, перенеся свой сайт с #Webflow на #WordPress.

Что вам нужно для перехода с Webflow на WordPress?

Вам понадобится всего пара предметов первой необходимости при переходе с Webflow на WordPress.

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

1. Субдомен на webflow.io или возможность подключения собственного домена.
2. Программа для создания вашего сайта.
3. Хостинг для размещения всех элементов сайта.

Чтобы перейти на веб-сайт WordPress, вам нужно сначала самостоятельно воспроизвести эти ресурсы.

1. Доменное имя. Если у вас уже есть собственный домен в Webflow, вам нужно указать его на новый хост.
2. Особенности сайта. Вам нужно будет установить WordPress. Также потребуются профессиональная тема и несколько плагинов для воспроизведения некоторых функций Webflow.
3. Хостинг. Это место, где вы будете хранить все для вашего сайта.

Это может звучать много, но вы увидите, что это очень простой процесс.

Как шаг за шагом перейти с Webflow на WordPress

Миграция состоит из создания новой платформы с WordPress и последующего перемещения контента из Webflow на ваш новый сайт.

Давайте посмотрим, как добиться этого шаг за шагом.

Шаг 1. Получите хостинг

Прежде всего вам понадобится хостинг WordPress, где вы будете устанавливать и хранить все.

Мы рекомендуем использовать Hostinger или CloudWays, поскольку они предлагают ряд надежных планов по разумным ценам.

В этом примере мы будем использовать Cloudways.

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

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

.

Этот план предлагает 1 ТБ пропускной способности. То, что не предлагает даже бизнес-план Webflow за 39 долларов в месяц.

Этого, вероятно, более чем достаточно для начала, хотя вы всегда можете обновить его в любое время, если это необходимо.

Шаг 2. Установите WordPress

После регистрации вам нужно будет установить WordPress на сервер Cloudways, который вы только что купили.

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

На этом этапе вы можете увеличить размер сервера, если хотите.

В противном случае оставьте все параметры как есть и нажмите «Запустить сейчас» , чтобы завершить настройку сервера и установку WordPress.

Шаг 3. Настройте WordPress

Перейдите к установке WordPress, которую вы только что установили, и найдите учетные данные администратора WordPress на вкладке «Сведения о доступе» .

• Обратите внимание, что Cloudways предоставляет вам временный бесплатный домен, который является субдоменом, например name.cloudways.com .
  • Это похоже на субдомен, также предоставляемый Webflow ( domain.webflow.io ).

Приведенный выше URL-адрес и учетные данные перенаправят вас в панель администрирования WordPress, которая частично похожа на панель инструментов Webflow.

Теперь пришло время настроить WordPress .

Сначала вам понадобится тема .

Рекомендуем Астру. Он очень легкий и быстрый, и его можно легко адаптировать под любые нужды.

В WordPress уже есть редактор блоков для дизайнерской части.

Но если вы хотите что-то более мощное, вы можете установить Spectra, который включает в себя больше блоков и функций.

WordPress очень гибкий и позволяет использовать сотни тем и опций плагинов.

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

Шаг 4. Экспорт содержимого Webflow

Теперь у вас есть готовая новая платформа WordPress, вам нужно наполнить ее контентом.

На панели инструментов Webflow перейдите в раздел CMS Collection .

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

Вы получите CSV-файл с выбранными элементами.

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

Важный

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

Шаг 5. Импортируйте контент в WordPress

Теперь вам нужно импортировать контент, который вы только что экспортировали в Webflow, в WordPress.

Есть только один небольшой недостаток: WordPress изначально не может импортировать CSV-файлы .

К счастью, решение простое. Все, что вам нужно сделать, это установить бесплатный плагин под названием WP All Import .

Вы сделаете это из панели администрирования WordPress > Плагины > Добавить новый .

Используйте функцию поиска, чтобы найти плагин, затем установите и активируйте его.

Затем выберите WP All Import на боковой панели, импортируйте файл, который вы ранее загрузили, и укажите тип контента.

В данном случае посты. Измените его на то, что вы скачали в то время.

Перед завершением импорта вы можете просмотреть, какой контент будет импортирован.

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

Помните, что изображения нельзя автоматически экспортировать из Webflow в WordPress .

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

На последнем шаге вам нужно создать шаблон импорта .

Это означает сообщить плагину, какой контент будет включен в какой раздел статьи.

Перетаскивая, вы можете указать, что информация, содержащаяся в «имя», будет использоваться в качестве заголовка сообщения, «тело сообщения» — в качестве содержимого и так далее.

Когда все будет готово, прокрутите вниз и нажмите «Продолжить» , чтобы перейти к последнему шагу.

Нажмите «Автоопределение» , чтобы подключаемый модуль присвоил каждому импортированному элементу уникальный идентификатор, и снова нажмите «Продолжить» .

Запустите импорт, и все готово.

Статьи будут отображаться на странице сообщений WordPress.

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

Шаг 6. Повторно загрузите изображения

Webflow не позволяет экспортировать изображения.

Он ссылается на них с помощью кода, поэтому они будут видны в ваших сообщениях WordPress.

Они будут размещены в Webflow и исчезнут, если вы удалите свою учетную запись.

Чтобы эффективно решить эту проблему, вы можете использовать плагин Auto Upload Images, поскольку он:

• Сканирует ваши статьи в поисках изображений, встроенных на внешние сайты.
• Скачивает их из первоисточника, загружает в WordPress и обменивает старую ссылку.

Автозагрузка изображений действительно проста в использовании после установки и активации:

1. Перейдите в «Сообщение» > «Все сообщения» .
2. Выберите их все .
3. В первом раскрывающемся списке выберите «Изменить» .
4. Нажмите кнопку Применить .

В появившейся панели редактирования оставьте все как есть и просто нажмите «Обновить» .

Плагин будет работать в фоновом режиме, и с этого момента связанные изображения будут размещаться на вашем веб-сайте.

Шаг 7. Перенаправить домен

Теперь ваш сайт полностью функционален. Но сейчас он доступен только через временный URL-адрес, предоставленный Cloudways.

Ваш домен по-прежнему указывает на ваш веб-сайт, созданный в Webflow.

Чтобы решить эту проблему, вам нужно будет выполнить два шага .

Сначала добавьте домен, который вы хотите использовать, на панель инструментов Cloudways и сделайте его основным доменом .

Затем скопируйте общедоступный IP-адрес вашего сервера .

Вы найдете его на вкладке сведений о доступе в Cloudways.

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

Это делается путем изменения DNS путем добавления 2 новых записей.

Ниже приведен пример того, как это делается в Namecheap.

• Запись:
  • Хост/Имя: @ или пусто.
  • Значение/цель: IP-адрес, который вы только что скопировали.
  • TTL: автоматический/по умолчанию.
• CNAME-запись:
  • Хост: www
  • Значение: ваше доменное имя (например, nameofyourstore.com)
  • TTL: оставить по умолчанию

После внесения этого обновления вам, возможно, придется подождать до 48 часов, пока изменение вступит в силу.

Если вы застряли, ваш регистратор домена или новый веб-хостинг должны быть в состоянии помочь.

Следующие шаги после миграции

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

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

• Воссоздайте меню навигации: и другие элементы, такие как виджеты боковой панели или нижнего колонтитула.
• Установите дополнительные плагины: для создания контактных форм, захвата потенциальных клиентов и любых других функций, которые вернут вашему бизнесу жизненно важные функции.
• Переустановите код, который сейчас отсутствует. Например, код из Google Analytics или Meta Pixels.

Проверьте все , чтобы убедиться, что все под контролем и что вы не оставили никакого контента в Webflow.

Если вы уверены в этом, закройте свою учетную запись Webflow , чтобы избежать дополнительных расходов.

Часто задаваемые вопросы о переходе с Webflow на WordPress

Это руководство содержит все, что вам нужно знать, но мы ценим, что у вас могут остаться вопросы.

Заключительные мысли о переходе с Webflow на WordPress

Перенести сайт с Webflow на WordPress несложно.

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

WP All Import поможет импортировать сообщения блога или продукты, которые вы ранее экспортировали из Webflow.

Помните, однако, что изображения не экспортируются, а встраиваются из исходного источника, поэтому вам нужно будет использовать плагин Auto Upload Images, чтобы решить эту проблему.

Webflow и WordPress — очень разные платформы, и поэтому неизбежно, что некоторые элементы нельзя будет перенести.

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

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

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

По каким причинам вы решили покинуть Webflow?

Хотите знать, как воспроизвести функцию платформы в WordPress?

Дайте нам знать в комментариях ниже!