Как скачать сайт wix на компьютер

Мы знаем как скачать сайт с Wix на ваш компьютер. Это не сложно.

Все дело в том, как его заставить потом работать.

Сохранить локальную копию сайта, можно с помощью оффлайн браузеров, таких как TeleportPro/HTTrack. Лично мне больше нравится просто нажать «Сохранить как» в Хроме (ctrl+s). В общем, способов много, выбирайте какой вам больше нравится.

Открываем скачанный файл  index.html удобным для вас редактором кода, например Notepad++ или Dreamweaver.

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

Первым делом удаляем скрипты wix, которые мы теперь не будем использовать. Как вычислить лишние из них, спросите вы? Можно пойти эмпирическим путем. Удалять, сохранятся и проверять, что изменилось. В большинстве случаев приходится удалять вообще все скрипты и сосредоточить усилия на работе с css. 

Первым делом, вынесите стили из вашего файла во внешний css файл.

Для удобства чтения кода,  структурируйте код. В Dreamweaver  это делается просто: «Команды – Применить исходное форматирование». Стало легче? А то!

Каждый тэг <div> Обезображен конструкциями типа «data-reactid=".0.$SITE_ROOT.$desktop_siteRoot», их можно полностью убрать. 

Работа с изображениями.

 Все картинки у Wix, хранятся в  таком формате: «092e04_0b7f158995e54b2a88d5c1beaeee9218.jpg_srz_p_979_455_75_22_0.50_1.20_0.00_jpg_srz». Соответственно, нам необходимо переименовать сами файлы убрав лишнее, ну и коде страницы не забыть тоже имена изменить.

Было

092e04_0b7f158995e54b2a88d5c1beaeee9218.jpg_srz_p_979_455_75_22_0.50_1.20_0.00_jpg_srz

Стало

092e04_0b7f158995e54b2a88d5c1beaeee9218.jpg

Шрифты

Данные о шрифтах сайта хранятся в файле css, без расширения и в cyrillic.css. Откройте его и увидите знакомые ссылки на fonts, хранящиеся на серверах wix. Если планируете их использовать, то придется все скачать к себе на сервер и прописать новые пути. Можно конечно оставить временно на wix, но скорость загрузки сайта резко снизится. Да и кто сказал, что эти шрифты там будут лежать вечно? история.

Таблицы стилей

В 99% случаях, у вас должны быть подключены только эти стили:

<link rel="stylesheet" href="./css/css.css"> Стиль шрифтов, который был без расширения.

<link rel="stylesheet" href="./css/style.css"> Созданный нами файл стиля, в который мы вынесли все стили из файла index.html

<link rel="stylesheet" href="./css/cyrillic.css"> Кириллические шрифты

<link rel="stylesheet" href="./css/mobileIEFix.css"> Фиксы для Internet Exporer

<link rel="stylesheet" href="./css/viewer.css"> Основной файл стилей.

Поработаем немного с style.css.

В этом файле попадаются такие конструкции как data-reactid=".0.0.$font7" , они работают только со скриптом wix. И для нормальной работы без оного их везде надо удалить.

После проделанных манипуляций, сайт у вас должен заработать локально на вашем ПК, даже без доступа к интернету. Но есть одна загвоздка. Скрипт Wix, выполнял очень важную роль, он выяснял размер вашего экрана, и генерировал под него страницу. Нет, к сожалению, у wix «резиновой», а тем более адаптивной, верстки. Все блоки сверстаны с использованием position: absolute. Если вам это о чем то говорит, то вы понимаете, что тянутся и подстраиваться под размер разных устройств, ни кто не будет. 

Теперь наступает именно тот этап, который вызывает трудности у 99% наших клиентов. 

  1. Создание адаптивной версии сайта.
  2. Установка и настройка новой Системы Управления Контентом.
  3. Создание шаблонов для всех страниц.
  4. Перенос всей информации со старого сайта на новый.

Как видите, предстоит очень много работы.

Мы готовы ее выполнить для вас, на самом высоком уровне!

Звоните нам и оставляйте комментарии.

Поможем всем!

Перенос сайтов с Wix

Поделиться с друзьями

Комментарии (11)