Переезд на другой хостинг. Как перенести доменное имя на другой хостинг. Копирование файлов веб-страницы

В CSS3 были добавлены новые относительные единицы измерения, такие как vh , vw , vmin , vmax . Эти единицы вычисляются относительно размеров окна браузера. Для настольных компьютеров ширина окна браузера больше ширины области просмотра (добавляется ширина скроллбара), поэтому если для элемента установить ширину 100vw , то он выйдет за пределы html.

Рис. 1. Полноэкранное фоновое изображение с шириной 100vw

Поддержка браузерами

IE: 9.0 кроме vmax, вместо vmin используйте vm
Edge: 12.0 кроме vmax, вместо vmin используйте vm
Firefox: 19.0
Chrome: 26.0
Opera: 15.0
Safari: 6.1
iOS Safari: 8.0
Android: 4.4
Chrome for Android: 55.0

1. Единицы vh и vw

Приёмы отзывчивого веб-дизайна базируются на использовании процентных значений. Но проценты далеко не лучшее решение для каждого случая, так как они вычисляются относительно размеров ближайшего родительского элемента. Поэтому, если вы хотите использовать высоту и ширину окна браузера, лучше воспользоваться единицами vh и vw . Например, если высота окна браузера равна 900px , то 1vh будет равен 9px . Аналогично, если ширина окна браузера равна 1600px , то 1vw будет равен 16px .

1.1. Адаптивное полноэкранное фоновое изображение

Так как ширина элемента, указанная с помощью 100vw больше ширины области просмотра, то для создания полноэкранных фоновых изображений лучше использовать ширину 100% , которая будет равна ширине корневого элемента html.

Fullscreen-bg { background: url(image.jpg); background-position: center; background-size: cover; width: 100%; height: 100vh; } Рис. 2. Адаптивно полноэкранное фоновое изображение

1.2. Эффект полностраничного слайда

Чтобы сделать блок на всю высоту окна браузера, необходимо задать height: 100%; для трёх элементов — html, body и непосредственно для самого блока:

Html, body { height: 100%; } section { height: 100%; }

Так как процентные размеры вычисляются относительно значений родительских элементов, то необходимо установить соответствующие значения для каждого элемента DOM. Единица измерения vh не требует установки значений по цепочке, так как её значение вычисляется напрямую относительно окна браузера:

Section { height: 100vh; }

Эффект перелистывания слайдов при клике на стрелку реализуется с помощью небольшого скрипта jQuery:

JQuery(document).ready(function($) { $("nav").on("click", function() { if ($(this).hasClass("down")) { var movePos = $(window).scrollTop() + $(window).height(); } if ($(this).hasClass("top")) { var movePos = $(window).scrollTop() - $(window).height(); } $("html, body").animate({ scrollTop: movePos}, 600); }); });

Высоту, заданную с помощью vh также можно использовать для выравнивания элемента по центру страницы.

В одной статье нет необходимости.

1px (пиксель) = 1/96 дюйма, но не в CSS. 1 px в CSS - это точка на экране пользователя, физическая величина которой зависит от разрешения устройства и от того, с какого расстояния человек смотрит на его поверхность (мобильный телефон или телевизор). В каких бы единицах измерения мы бы не писали код, он приводится именно к px.

1 em = значению font-size родителя. Обратите внимание, что в полигоне ниже font-size жёлтого и коричневого блоков разный, а размер шрифта одинаковый.

16px * 1 = 16px // жёлтый 16px * 0,5 = 8px // зелёный 8px * 2 = 16px // коричневый

1 rem = значению font-size (корневого элемента документа).

16px * 1 = 16px // жёлтый 16px * 0,5 = 8px // зелёный 16px * 2 = 32px // коричневый

1 процент (1%) — значение относительно значения свойства родительского тега.

16px * 100% = 16px // жёлтый 16px * 50% = 8px // зелёный 8px * 200% = 16px // коричневый

При уменьшении ширины родителя, уменьшается и ширина элемента, но не его шрифт.

1vw = 1% от ширины окна. При уменьшении ширины окна, уменьшается ширина, высота, шрифт элемента. Шрифт не будет масштабирован при нажатии Ctrl + или Ctrl - .

1vh = 1% от высоты окна. При уменьшении высоты окна, уменьшается ширина, высота, шрифт элемента. Шрифт не будет масштабирован при нажатии Ctrl + или Ctrl - .

1vmin = 1vw или 1vh. Выбирается то, которое меньше.

1vmax = 1vw или 1vh. Выбирается то, которое больше.

font-size: 16px 100% 1em 1vw 1vh 1vmin 1vmax 1rem ;

font-size: 8px 50% .5em .5vw .5vh .5vmin .5vmax .5rem ;

font-size: 32px 200% 2em 2vw 2vh 2vmin 2vmax 2rem ;

Функция calc()

Никогда не хотелось от процентов вычесть пиксели или емы? Например, для того, чтобы . Теперь это возможно. Функция calc() позволяет реализовать математические выражения

Добавление (символ отделяется пробелами с двух сторон) - вычитание (символ отделяется пробелами с двух сторон) * умножение / деление

Вот ещё один зачётный пример, .

• 1
• 2
• 3
• 4

Я всегда говорил, говорю и буду говорить, что самое важное для сайта — это его домен! Потому что все продвижение, вся реклама, все клиенты завязаны именно на домен. И если вы его потеряете, то все это восстановить будет практически невозможно.

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

Поэтому сегодня мы с Вами возьмем наш домен, который зарегистрирован у регистратора Reg.ru и я покажу как этот домен перенести на timeweb, beget и на WIX.

Важно! Мы здесь вообще не говорим о том, как зарегистрировать новый домен. Мы говорим о переносе существующего домена с одного хостинга на другой!

Я, советую вам посмотреть видео, потому что это именно та вещь, которую проще один раз увидеть, чем 100 раз прочитать. Но в то же время в статье будут некоторые дополнения, которые забыл упомянуть в видео

Перенести домен на Timeweb

Timeweb очень большой хостинг, но не является самостоятельным регистратором. Это значит, что все домены, купленные через timeweb на самом деле хранятся не на нем и даже не в одном месте. Для вас это значит, что если вы купили домен через timeweb и хотите перенести его на другой хостинг — то у вас это не получится. Придется хитрыми способами искать где же он зарегистрирован, потом восстанавливать пароль (единственный способ восстановить пароль — это указать при покупке домена свою настоящую почту и имя, иначе вы никак не докажите, что домен ваш и он будет для вас потерян). Поэтому если вы здесь чтобы перенести домен, купленный на timeweb — либо идите в Google читать «на найти регистратора по WHOIS», либо идите на Kwork с этим вопросом — там это сделают за 500 рублей.

Если же вы хотите привязать домен к сайта на timeweb, то:

1. В панели управления timeweb переходите в: Домены и поддомены > Размещение доменов на NS-серверах > Вводите свой домен

2. Идете к регистратору, где был зарегистрирован домен и ищите любую фразу, где есть «DNS» или «Делегирование домена». Обычно они все называют это именно так. Соответственно вам нужно изменить эти самые DNS на

• ns1.timeweb.ru
• ns2.timeweb.ru
• ns3.timeweb.org
• ns4.timeweb.org

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

Перенести домен на Beget.ru

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

Выбираете «Домены» > «У меня уже есть» и вводите ваш домен. DNS сервера написаны здесь же.

• ns1.beget.com
• ns2.beget.com
• ns1.beget.pro
• ns2.beget.pro

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

Перенести домен на WIX

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

Если ваш домен размещен именно на Reg.ru, то у них вместе с WIX есть совместная программа. Т.е. вам не придется скакать между разными панелями управления, а все можно делать из личного кабинета reg.ru. Более того, вам даже переносить домен не придется — все перенесется автоматически. Это очень удобно, потому что все ваши данные, деньги и домены будут находиться именно на Reg.ru. Wix не стоит доверять ничего, кроме создания сайта. Они при любом случае пытаются украсть у клиента лишнее.

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

Перенести домен на Ukit

Тут все гораздо проще. В главной панели управления есть пункт «Домены», где вам сразу предлагают зарегистрировать новый, либо привязать существующий. 3 простых шага: указываете домен -> Вам сообщают NS сервера — > Проверка корректности работы.

Тут всего 2 NS сервера и это нормально.

Самые частые вопросы

1. Все что нужно сделать для переноса домена: На хостинге куда хотите перенести — «Разместить на NS серверах», У регистратора — откуда хотите перенести — заменить в «Делегировании» DNS сервера на серверах хостинга, куда хотите перенести.
2. Очень частая ситуация: У вас есть домен на reg.ru и сайт на timeweb. А потом вы решили перенести сайт на beget.ru. Так вот домен не нужно перенаправлять по всей цепочке (Reg.ru > timeweb > beget), его нужно перенаправлять только с места его регистрации (Reg.ru > beget).
3. После покупки или переноса домена нужно ждать от 12 часов до 5 суток. Дело в том, что обновление DNS идет поэтапно — у регистратора, у провайдера, у хостинга. Например у меня была ситуация что после переноса домена у клиента в Москве сайт уже работал, а у меня в Питере еще нет.
4. Как именно происходит перенос: Первым делом мы на хостинге должны разместить домен, этим мы сообщаем на каком именно аккаунте его ждут. А потом переписываем DNS, т.е. фактически отправляем в путь. Если DNS не переписать — то вообще ничего не произойдет, потому что он никуда не пойдет. А если не разместить на NS серверах, то будет ошибка — т.к. домен придет на хостинг и не будет знать что делать дальше.

Сегодня я расскажу о переносе сайта на WordPress с хостинга на хостинг или c хостинга на денвер, а так же на новый домен или в другую папку.
Содержание статьи:

Почему возникает проблема переноса WordPress сайта

Рано или поздно каждому из нас приходится столкнуться с переездом, для этого существует ряд причин. Самая распространенная из них – недовольства хостингом, когда терпеть уже нет сил, начинаешь думать о смене хостинг-провайдера. Хотя в этом случае проще оставить заявку в техподдержку на перенос вашего сайта (любой приличный хостинг предоставляет такую услугу бесплатно). Мне приходилось менять хостинг сотню раз, пока однажды, наконец, не повезло, теперь я пользуюсь хостингом и вам советую.

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

Да мало ли какие причины заставили вас заняться переносом сайта на вордпресс. Лично мне понадобилось развернуть локальную версию сайта у себя на денвере (читайте ), потому что работать с локальным сайтом быстрее и удобнее. На нем можно экспериментировать с настройками блога и плагинами, не боясь за работоспособность сайта. Поэтому я советую каждому иметь локальную версию, пусть будет.

Перенос WordPress на другой хостинг

1. Скачиваем файлы сайта и базу данных со старого хостинга

Способ №1:

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

Чтобы попасть в эту папку, можно зайти по FTP (я использую программы Total Commander или File Zilla) или через файловый менеджер хостинга (этот способ удобнее, как мне кажется). Скачайте полученные архивы к себе на компьютер. Распакуйте базу данных.

Если по какой-то причине вы не смогли сделать бэкапы, существует второй способ:

Далее зайдите в раздел управления базами данных вашего хостинга, выберите phpMyAdmin. В колонке слева выберите название вашей базы данных из списка. Перейдите на вкладку Экспорт (Export) и щелкните Ок(Go). Сохраните сгенерированный файл.

Итак, дамп БД в виде файла с расширением.sql и архив со всеми файлами блога находятся на нашем компьютере и готовы к переносу на другой хостинг.

2. Перенос данных с компьютера на новый хостинг

В разделе «базы данных» нового хостинга добавьте нового пользователя БД и новую БД, придумайте ей пароль и запомните его. У меня это выглядит так:

Внимание! Если вы так же меняете доменное имя, то сейчас необходимо выполнить пункт « », затем вернитесь и продолжайте по порядку.

Откройте phpMyAdmin, найдите в списке слева вашу базу данных, перейдите на вкладку Импорт (Import). Закачайте ранее скачанный на компьютер дамп базы данных с разрешением.sql и нажмите ОК (Go).

Теперь залейте архив с файлами на ftp и разархивируйте его. Следите, чтобы в итоге файлы оказались в правильной папке, на моем хостинге это папка public_html, так же она может называться httpdocs, www или иначе, в зависимости от хостинга. Проверьте, чтобы эта папка была пустой, прежде чем распаковывать в нее архив.

3.Настройка соединения с базой и установка прав

Найдите в корне сайта файл wp-config.php. Поменяйте в нем данные подключения к базе данных на новые:

/** Имя базы данных для WordPress */ define("DB_NAME", "имя_вашей_базы_данных"); /** MySQL имя пользователя */ define("DB_USER", "имя_пользователя_базы_данных"); /** MySQL пароль базы данных */ define("DB_PASSWORD", "пароль_к_базе_данных");

Установите права (атрибуты) 777 для папки wp-content/uploads и всех вложенных папок. Это делается по ftp или в файловом менеджере:

Привязка вашего домена к новому хостингу

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

• Узнайте у нового хостера его DNS сервера. Обычно они написаны в письме, отправленном вам на почту при регистрации хостинга.
• Зайдите в личный кабинет своего регистратора доменов — сайт, где вы покупали домен. Я пользуюсь 2domains.ru и расскажу, как это делается там. Найдите раздел «Управление DNS-серверами» и измените DNS-сервера на новые:

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

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

Перенос WordPress на другой домен, папку

Если помимо хостинга, вам нужно перенести сайт на другой домен, придется столкнуться с некоторыми сложностями. В отличие от большинства CMS, в вордпрессе все пути прописаны абсолютными ссылками (это неприятный минус системы) и нам предстоит бороться с ними вручную. Давайте по порядку:

1. Работа с базой данных

Когда вы скачали дамп базы данных со старого хостинга, надо открыть ее в редакторе (я пользуюсь Dreamweaver) и заменить все упоминания о старом домене на новые:

Есть еще один способ: когда вы импортируете базу данных, зайдите на вкладку SQL совершите три запроса:

UPDATE wp_options SET option_value = REPLACE (option_value, "https://old_domain.ru", "https://new_domain.ru") WHERE option_name = "home" OR option_name = "siteurl";

UPDATE wp_posts SET guid = REPLACE (guid, "https://old_domain.ru", "https://new_domain.ru");

UPDATE wp_posts SET post_content = REPLACE (post_content, "https://old_domain.ru","https://new_domain.ru");

2. Изменения в.htacces и robots.txt

Найдите такие файлы в корневом каталоге сайта, найдите в них упоминания имени вашего старого домена и замените на новое.

3. Изменения в файлах сайта

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

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

Перенос сайта в другую папку

Если вам нужно перенести блог в другую папку (например, domain.ru/blog), внесите следующие изменения в.htaccess (изменения выделены жирным):

# BEGIN WordPress
RewriteEngine On
RewriteBase /blog /
RewriteRule ^index\.php$ — [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /blog /index.php [L]
# END WordPress

Возможные ошибки, связанные с переносом WordPress блога

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

1. Error establishing a database connection. Такая ошибка случается, если неверно введены данные вфайле wp-config.php.
2. Открылась страница с установкой WordPress. Подобная ситуация могла возникнуть из-за ошибки импорта базы данных. Попробуйте удалить все таблицы базы и заново импортировать дамп.
3. Вы видите страницу вашего хостинг-провайдера с приветствием. Причиной может стать то, что вы не очистили папку public_html (httpdocs), прежде чем распаковать в нее архив. Удалите файл index.html.
4. Forbidden. You don"t have permission to access / on this server. Возможно, вы залили файлы сайта в неправильную папку.

Чем наш метод лучше?

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

Что с начала?

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

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

Я купил новый хостинг, что дальше?

Дальше есть два варианта: хостинг-провайдер предоставляет технический домен (обычно имеет вид тест1.провайдер.ru) или не предоставляет. В первом варианте, Вы можете протестировать работу точной копии сайта на новом хостинге, при этом старый сайт будет все также работать на старом хостинге. И если что-то пойдет не так, то Вы увидите ошибки только на копии сайта (техническом домене). Во втором варианте права на ошибку у Вас не будет, и негативные результаты переноса (если они будут) увидят посетители Вашего сайта.

Большинство современных провайдеров предоставляют технические домены, о том как их активировать узнавайте на сайте хостера.

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

Как грамотно все это скопировать?

О копировании файлов сайта читаем , о грамотном переносе базы данных - вот .

Также не забудьте сделать (если требуется) все остальные настройки, которых требует Ваш сайт (почтовые ящики, PHP, Cron и т.д.). Еще очень важно в конфигурационных файлах (config.php, configuration.php , wp-config.php или что-то подобное) изменить имена пользователя и базы данных, пароль, а также абсолютные пути к папкам log и tmp. Ведь на новом хостинге они имеют другие значения.

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

Смена DNS-серверов

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

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

Внимание!. Это означает, что управление им будет осуществляться из панели старого хостинг-провайдера или той компании, у которой Вы регистрировали домен изначально. Поэтому не забывайте вовремя его продлевать (платить за него). А чтобы перенести еще и домен к новому хостеру, Вам придется здорово повозится (волокита с оригиналами документов, заявками и т.д.). О том, как это сделать мы расскажем в следующих статьях.