Как установить WordPress на свой компьютер, а затем перейти на Live

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

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

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

Самый простой способ сделать это — иметь локальную среду разработки. И я собираюсь показать вам, как это сделать в этом уроке.

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

Итак, я собираюсь показать вам, как настроить это на вашем компьютере, а затем я покажу вам, как затем взять ваш веб-сайт и отправить его на вашу учетную запись веб-хостинга.

Программное обеспечение для установки WordPress на ваш компьютер

Таким образом, у вас есть три варианта простой установки и управления WordPress на локальном компьютере.

Рабочий столСервер

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

Ларагон

Есть еще одна программа только для ПК под названием Laragon. В настоящее время я не использую Ларагон, но я использовал его в течение шести месяцев. В настоящее время я не использую его.

Я использовал его больше из любопытства, чтобы посмотреть, будет ли он лучше, чем местный от Flywheel.

И хотя я нашел это интересным, в нем еще больше работы, меньше пользовательского интерфейса, меньше полезных функций, которые я нашел, используя это.

Поэтому, когда я заменил свой старый компьютер на новый, я сказал себе: знаете что? Это мило и все. Я возвращаюсь к местным. Просто мне на много легче.

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

Местный по маховику

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

Сейчас Flywheel — это веб-хостинговая компания. Что они сделали, так это купили этот инструмент под названием local и использовали его как лид-магнит. Нет никаких уловок или ошибок в его использовании.

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

И он будет работать на ПК или Mac, и я фактически установил его на свой ПК и на свой Mac.

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

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

Как установить WordPress на свой компьютер

Некоторые из настроек покажут вам, как правильно их настроить, а также некоторые полезные функции. И поэтому все, что вам нужно сделать, это скачать это. Теперь, если вы работаете на ПК или Mac, вы сможете следовать инструкциям.

Просто нажмите на бесплатную загрузку. Вы можете ввести настоящую информацию, поддельную информацию. Я думаю, это просто приведет вас к загрузке. Фактически. Кроме того, я думаю, вы могли бы Google. Локальная загрузка с помощью маховика, и вы можете просто получить прямую ссылку для скачивания, но просто выберите свою версию. И я ненавижу, когда контактные формы.

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

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

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

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

Так что это позволит вам выбрать вашу версию PHP, вашу, мою версию SQL и даже предпочтительный веб-сервер. Так что я, по этому поводу, думаю, я только что написал, что предпочитаю, но я мог бы также использовать пользовательскую среду. Если вы выбираете пользовательский вариант, мне нравится использовать высокую версию PHP. Прямо сейчас самое высокое, которое они предлагают, — 7.2, которое я предпочитаю тестировать.

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

Вот очень рискованная настройка этих быстрых томов Docker. Я это не рекомендую. Они выпустили версию полтора года назад, когда выпустили это, и она была включена по умолчанию и не вызывала ничего, кроме проблем, но это бесплатное программное обеспечение. И это было давно. Ладно, все остальное здесь в порядке.

Ну, а затем вот список этих вещей, называемых чертежами. Таким образом, вы можете настроить установку WordPress со стеком инструментов diff по умолчанию, которые вы используете, и вы можете сохранить это как план. Поэтому, когда вы переходите к S. Создайте новый веб-сайт, вы можете просто создать его на основе этого плана, а затем все плагины и все остальное уже установлено.

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

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

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

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

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

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

Хорошо, теперь, когда сайт создан, я собираюсь дать вам обзор вариантов, которые у вас есть прямо здесь для сайта. Во-первых, вы это увидите. Добавлено слева здесь в список ваших сайтов и вот некоторые варианты. Есть обзорная база данных, SSL и утилиты. Теперь для обзора, он предоставит вам список деталей вашей среды.

Это версия PHP, моя версия SQL и все такое, и у вас также будет возможность настроить их, если хотите. Опция базы данных — действительно классный инструмент. Когда я нажму на это, на самом деле, вот, позвольте мне просто сделать это. Вот база данных, и я могу копаться в данных базы данных.

Если бы я хотел, и я действительно иду туда за вещами. Это немного на стороне технарей. SSL, вы хотите прямо сейчас создать SSL-сертификат, и инструмент прямо здесь скажет, доверяйте. Ты, нажми на эту кнопку. Вам будет предложено ввести пароль, если вы работаете на Mac. Если вы находитесь на ПК, в это время он выдаст вам предупреждающее сообщение о ПК.

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

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

Это не публично. Это все приватно, но вы можете щелкнуть прямо здесь, где написано действующая ссылка. На самом деле, позвольте мне просто включить это очень быстро. Давай посмотрим. У меня есть брандмауэр на моем компьютере. Вот оно. Он просто динамически в ту долю секунды создавался. Ссылка, которую я мог бы дать своему клиенту, и когда они нажмут на нее, он отобразит этот веб-сайт.

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

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

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

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

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

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

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

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

И я не собираюсь сидеть и устанавливать реальный сайт, хотя Astro делает это очень просто. Хорошо? Теперь я просто пойду вперед и . Активируйте сайт, и я закрою это. Таким образом, вы можете видеть, когда я захожу на сайт, вы можете видеть, что у меня есть астроцит, который говорит, что местный живет и все такое. Итак, что вы должны сделать, так это пойти сюда и настроить свой веб-сайт, чтобы он выглядел красиво и красиво.

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

Теперь мне нравится использовать два веб-хостинга. Вы можете посетить WP crafter.com/siteground. У меня есть ссылка ниже. Мне также нравится использовать облачные способы. И вы можете посетить WP crafter.com/cloudways, и я поставлю ссылку ниже на это и на учебник, который у меня есть в этой веб-хостинговой компании. Это немного другая служба.

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

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

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

Я собираюсь избежать всего этого, и вместо этого мы собираемся использовать этот плагин прямо здесь. Это называется перенос и резервное копирование. С этим плагином вы сможете. Перенесите свой веб-сайт, вы также сможете использовать его в качестве решения для резервного копирования, если хотите. Хотя я предпочитаю использовать для этого Uptrac. Э-э, но это бесплатно и нет ограничений на размер резервной копии.

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

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

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

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

Amazon S три цифровых океанских пространства. Есть все эти места, куда вы можете вернуться, куда вы отправляете свои резервные копии после того, как сделаете их. Итак, теперь, когда резервная копия сделана и находится на моем локальном компьютере, моей локальной установке WordPress, я прокручиваю вниз. Вот резервная копия прямо здесь. Щелчок прямо здесь, где написано «загрузить», и он загружается в одну часть прямо здесь, и есть фактическая ссылка для скачивания.

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

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

Итак, ваш следующий шаг — вы идете в свою веб-хостинговую компанию, где у вас есть доменное имя. Вы собираетесь установить WordPress, используя их установщик WordPress. В этом случае я установил это на месте. Доменное имя: давайте создадим веб-сайт.com, поэтому всякий раз, когда вы получаете хостинг с SiteGround, одним из шагов является автоматическое создание для вас установки WordPress.

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

И мы просто загрузим эту резервную копию, которую мы только что создали, и нажмем «Восстановить». Поэтому, когда я прокручиваю вниз, здесь есть вкладка с надписью «Загрузить». Если я нажму на него. Я могу найти резервную копию или просто перетащу ее. Вот моя резервная копия, перетащите. Он собирается загрузиться, и это, наверное, у меня действительно круто, давайте посмотрим, я нажимаю загрузить здесь.

Может с этого и начнется. Хорошо. Ну вот. А вот и индикатор прогресса. У меня очень хороший интернет. Для скорости загрузки. Итак, для вас это может занять минуту или две, в зависимости от размера сайта, но для меня вы видите, что все сделано. И тогда у нас есть это. Итак, теперь я на сайте, я пытаюсь все протолкнуть, и вы можете видеть, что моя резервная копия находится прямо здесь.

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

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

Теперь, если бы я просто восстанавливал резервную копию, сделанную на том же веб-сайте с тем же URL-адресом, я бы сделал другой выбор. Итак, я нажму «Восстановить», я нажму «Окей», и что это собирается сделать, так это просто продолжить и восстановить все в каждой ссылке. На этот URL. Каждая ссылка на старый URL-адрес будет динамически заменена новым URL-адресом, который в данном случае позволяет создать веб-сайт.

Теперь имя пользователя и пароль не те, которые были у меня при создании этого общедоступного веб-сайта. Это имя пользователя и пароль от локальной версии компьютера, так что я введу их сейчас. Хорошо. Я нажму войти. И это сработало. И прямо здесь написано, что миграция завершена. Эм, другая информация.
Давайте закроем это, и вот подсказка для резервного копирования или дать обзор. И если я зайду на живой сайт, вы увидите, что это точно так же, как на локальной машине. Итак, вот как это выглядело. Гм, вот как это выглядит сейчас, после того, как я его перенес. А вот здесь, это местный сайт.

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

Так что просто толкает его с сайта на сайт. Я не освещал это в этом видео. Мне нравится делать это таким образом, поэтому у меня больше возможностей для детального контроля. Ну, в любом случае, я рассказал обо всем этом в этом видео. Если у вас есть вопрос. Не стесняйтесь спрашивать меня внизу.