Это продолжение цикла статей о переносе сайта с WIX на свой хостинг и CMS. В первой статье я рассказала как отвязать свой домен от WIX и привязать его к своему хостингу. Так как я работаю в основном с системой управления WordPress, продолжать описание процесса переноса буду относительно этой CMS.

Все этапы переноса были описаны в первой статье — перенос сайта с wix на другой хостинг, в этой статье я подробно распишу процесс переноса содержимого сайта WIX на WordPress.

Что понадобится для переноса сайта

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

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

Итак, я использовала в работе:

Подготовка содержимого сайта WIX перед переносом на WordPress

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

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

Как сохранить картинку с сайта WIX

С одной стороны ясно, что все права на изображения и иконки пренадлежат конструктору, поэтому использовать данные изображения в коммерческих целях вне конструктора WIX незаконно, поэтому лучше не копировать виксовские картинки. Но если выбора нет, то, чтобы увидеть исходное изображение нужно навести на картинку и нажать Исходный код или Inspect (как в моей англоязычной версии). Подобная возможность есть не только в гугл хром, но и практически во всех современных браузерах.

Чтобы добраться до самого изображения нужно раскопать «авдиевы конюшни» кода:

Сам файл картинки это файл с расширением .png, вот он нам и нужен. Нажимаем на эту строку и далее жмем на правую кнопку — Открыть в новой вкладке, изображение откроется в новой вкладке. Теперь привычным способом можно сохранить картинку, нажав на правую кнопку и выбрав Сохранить как…

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

Устанавливаем WordPress

Если вы пользовались моей инструкцией по переносу домена с wix на другой хостинг, то вероятно вы используете хостинг, которым пользуюсь и я.
Установка WordPress на нем требует нажатия одной кнопки, а именно, передем в меню нашего домена, далее — Другие настройки.

Следуйте инструкциям системы и вы окажетесь в админ-панели WordPress.

Подбираем подходящую тему в каталоге WordPress

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

Расположение блоков и основных элементов сайта

Так как моя статья больше подходит для новичков, то стоит сказать, что вордпресс состоит из нескольких основных блоков, а именно:

• Заголовок
• Основное содержимое
• Боковая колонка
• Подвал

Определяем макет сайта

Расположение этих блоков может быть различным, например, боковая колонка может быть справа или слева, или может вообще отсутствовать. Боковая колонка также может быть не одна их может быть две или даже три, их расположение так же может варьироваться. Чтобы показать это наглядно приведу несколько примеров их расположения:

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

Выбираем тему

К счастью в каталоге wordpress.org очень много бесплатных шаблонов для любого из представленных макетов. Теперь наша задача найти такую же как есть сейчас. Для того, чтобы упростить процесс существует система меток (Tags), по которым можно найти подходящую тему. Например, зайдем в фильтр характеристик, там можно выделить те пункты, которые нам нужны:

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

Переносим записи и страницы с Wix на WordPress

На этом этапе мы перенесем ваши записи в блоге Wix на ваш новый сайт WordPress.
Wix — закрытая платформа, и они не обеспечивают легкий способ для пользователей переносить свой контент с Wix. Но мы все еще можем автоматизировать процесс, импортируя ваш RSS-канал Wix, вместо того, чтобы вручную обновлять каждый блог-пост.
Чтобы начать работу, вам необходимо загрузить свой файл Wix RSS.
Вы можете найти файл, добавив /feed.xml на ваш URL-адрес веб-сайта Wix. Если у вас нет пользовательского домена с Wix, вы можете найти свой RSS-канал на username.wixsite.com/blogname/feed.xml, где «username» — ваше имя пользователя Wix и «blogname» — это имя вашего блога.
Если у вас есть собственный домен, например www.yourwixblog.com, вы можете найти свой RSS-канал по адресу www.yourwixblog.com/feed.xml.
После перехода к правильному URL-адресу вы должны увидеть страницу с кодом. Уведите мышь вправо и щелкните правой кнопкой мыши в любом месте страницы и нажмите «Сохранить как», чтобы сохранить файл на вашем компьютере.

Теперь, когда у вас есть ваш файл RSS, вы можете войти в свою панель управления WordPress и нажать «Инструменты» «Импорт».
Затем нажмите ссылку «Установить» под заголовком RSS.