Создание учебного веб-сайта

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

Нажмите на ссылку "DOWNLOAD FOR FREE", выберите тип вашей операционной системы и укажите адрес электронной почты. Затем, как только вы нажмете кнопку "GET IT NOW!", начнется загрузка. После ее окончания вам нужно будет установить эту программу на свой компьютер. Это очень просто, точно так же, как и любое другое программное обеспечение.

Итак, установка завершена. Оставьте галочку на пункте "Запустить Local" и нажмите кнопку «Готово». Это запустит ваше локальное приложение. Вы можете щелкнуть по нему, создать новый сайт, но я покажу вам другой способ создания сайта. В выпадающем меню слева сверху нужно выбрать пункт "Add New Site", а затем ввести название вашего сайта. Я выбрал имя "marketingbyneil". И если вы нажмете на расширенные параметры, вы можете нажать на "BROWSE" и выбрать место, где вы хотите сохранить свой сайт. Это похоже на папку, созданную на вашем компьютере или ноутбуке. Нажимаем "CONTINUE".Оставим все как есть, а затем еще раз нажмем «CONTINUE». Здесь вы должны указать имя пользователя и пароль для входа в систему. Вам не стоит сильно об этом беспокоиться. Это не общедоступный сайт в Интернете, поэтому не имеет значения, какой у вас пароль или имя пользователя. Если вы проверите дополнительные параметры, здесь нет ничего особенного. Нажмите «ADD SITE», и вы увидите, что ваш сайт создается здесь прямо сейчас. Подождите, на это нужно время.

Ваш сайт уже запущен. Вверху справа появилась опция остановки сайта. Если вы нажмете на нее, сайт остановится. Прямо сейчас он работает. Чтобы просмотреть сайт, вам нужно нажать на кнопку "OPEN SITE", и вы увидите, что наш веб-сайт открылся в браузере. Вот как мы создаем веб-сайт WordPress без единой строчки кода.

Сейчас мы собираемся войти в панель администрирования этого веб-сайта. Для этого после этого URL-адреса в адресной строке браузера вы должны вставить косую черту и ввести /wp-admin, а затем нажать Enter. Вы увидите приглашение ввести имя пользователя и пароль. Воспользуйтесь теми данными, которые вы указывали при установке, и вы сможете войти в учетную запись WordPress.

В меню слева выберите пункт Plugins -> Add New. Плагины - это, как правило, дополнительные инструменты, которые помогают легко выполнять некоторую работу внутри WordPress. Мы хотим установить плагин All-in-One WP Migration. Введите это название в строку поиска и в окне найденного плагина нажмите кнопку «Install Now».

Нажмите «Activate», и вы обнаружите, что в меню слева добавился пункт "All-in-One WP Migration". Откройте его и нажмите на "Import". Сейчас вам нужно загрузить zip-файл, который находится внизу этой лекции. После того, как вы загрузите этот zip-файл, вы должны распаковать его с помощью WinZip или любого другого инструмента для распаковки, который есть в вашей системе. Как только вы разархивируете его, вы найдете папку. Внутри этой папки будет файл gaclass-20200229.wpress. Мы собираемся импортировать этот файл. Это веб-сайт, который устанавливается в нашу только что созданную учетную запись WordPress.

Когда файл будет импортирован, вы можете проверить, все ли получилось правильно. Для этого еще раз наберите в адресной строке браузера http://marketingbyneil.local, и вы должны увидеть такой же сайт, как у меня.

Теперь для отработки упражнений, которые я буду показывать вам в следующих лекциях вы должны использовать этот веб-сайт. Вы должны помнить, как войти в панель администратора, чтобы потому что вы будете довольно часто использовать этот раздел. Для входа в панель администратора в поле "Username or Email Address" нужно ввести "admin", а в поле "Password" - "password".

Прежде чем двигаться дальше и устанавливать код отслеживания Google Analytics, я хотел сообщить всем о небольшом затруднении, с которым могут столкнуться некоторые из вас. В панели администратора слева найдите пункт "Appearance" и выберите вкладку "Theme Editor". В открывшемся окне слева нажмите на ссылку "Theme Header", затем внизу синюю кнопку "Update File".

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

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

Теперь вы будете редактировать php-файлы при помощи этого редактора. Пользоваться им довольно легко. Необходимо выбрать из списка нужный файл, выделить его и нажать кнопку "Edit file". Мы с вами попробуем сделать это в следующей лекции.