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

В сегодняшней статье с помощью WampServer создадим сайт на своем компьютере. Для создания сайта будем использовать CMS WordPress, установим тему, плагины, проще говоря сделаем готовый сайт на локальном компьютере.

 

Установка WordPress на локальном компьютере с помощью WAMP

Wamp — это платформа для веб-разработки под Windows. Она содержит самые последние версии Apache, MySQL и PHP. Вы сможете: управлять настройками Apache и MySQL, менять версию Apache, MySQL и PHP, управлять параметрами конфигураций серверов, получать доступ к логам и к файлам конфигурации и т.д.

На странице загрузки WampServer вам предложит скачать 32х или 64х разрядную версию приложения. Если не знаете какой разрядности у вас Windows — нажмите на «Компьютер» правой клавишей мыши и выберите «Свойства», напротив «Тип системы» вы увидите разрядность.

2016071822-min

Запустите скачанный файл =>  установка будет на английском, но после первого запуска вы смоете изменить язык приложения на нужный => почти кругом нужно просто нажимать «Next», в одном из первых окон вам нужно принять лицензию поставив галочку в поле «I accept the agreement» и нажать «Next»

20160718-min

Вам нужно выбрать диск и папку для установки приложения, также учитывайте, что в ту папку будем заливать WordPress и все нужные для сайта файлы. На данном диске желательно не меньше 1Гб свободного места, хоть установочные файлы и меньше по размерам. С помощью «Browse» вы можете выбрать нужный диск и папку, после чего нажмите «Next»

201607181-min

Дальше вам предложит создать ярлык на рабочем столе и в меню пуск, если не хотите ярлыков — не ставьте галочки и просто нажмите «Next».  Еще на английском вам предложит выбрать браузер по умолчанию для данного приложения. Вы можете выбрать любой из браузеров установленных в системе или просто нажать далее. Можно всё оставить по умолчанию и просто нажимать «Next»

201607183-min

После установки WampServer появится на панели задач в трее возле часов, значок должен быть зеленым! Нажмите на значок Wamp правой клавишей мыши =>  выберите «Language» => выберите любой язык для приложения.

201607184-min

Нажмите на зеленый значок WampServer левой клавишей мыши и выберите «phpMyAdmin»

201607185-min

Откроется phpMyAdmin через браузер, здесь нужно создать базу данных для сайта. Нажмите на «База данных»  (если для входа в phpMyAdmin затребует логин и пароль — в поле логин введите root, поле пароль оставьте пустым)

Скриншот 2016-07-18 11.58.00-min

В поле «Создать базу данных» придумайте название для базы и нажмите «Создать».

Скриншот 2016-07-18 11.59.09-min

Если всё правильно, то с левой стороны на панели появится созданная база.

Скриншот 2016-07-18 11.59.19-min

Теперь нам нужно скачать последнюю версию WordPress, переходим на их официальную страницу и нажимаем «Скачать WordPress».

201607186-min

Снова нажмите на значок WampServer возле часов левой клавишей мыши и выберите «Перейти в папку WWW»

201607188-min

Создайте в открывшейся папке еще одну папку. То есть в пустом месте нажимаем правой клавишей мыши => Создать => Папку

Скриншот 2016-07-18 12.13.53-min

Обычно в папке WWW на хостинге хранится папка с названием вашего сайта на латыне, вы же можете назвать ее как захотите. Мы в примере назовем папку VM.

Скриншот 2016-07-18 12.14.06-min

Теперь открываем созданную папку и в нее нужно распаковать всё из скачанного архива WordPress. Открываем скачанный архив, там будет папка WordPress, открываем и ее двойным щелчком =>  выделяем все файлы и папки хранящиеся внутри =>  нажимаем на один из файлов левой клавишей мыши и не отпуская клавишу тянем все в папку созданную выше (в нашем примере VM). Можно и по другому все файлы и папки распаковать в VM, делайте как вам удобно, главное чтобы содержимое архива оказалось в нужной папке.

Скриншот 2016-07-18 12.14.35-min Скриншот 2016-07-18 12.14.41-min

Если всё правильно то в папке WWW должна быть создана вами папка, а в ней все файлы и папки из архива (как на рисунке)

Скриншот 2016-07-18 12.27.17-min

Теперь откройте любой браузер и в адресной строке введите localhost/vm  Где vm нужно заменить на название папки, которое вы придумали выше и которая хранится в WWW. После ввода адреса нажмите Enter.

Начнется настройка сайта на WordPress, перед вами появится маленькая инструкция, нажмите «Вперед».  Если кратко то вы начнете настраивать файл конфигурации wp-config.php через браузер, но вы также можете найти файл wp-config-sample.php в папке WWW/имя сайта и с помощью правой клавиши мыши открыть его через блокнот => внести изменения => сохранить его в той же папке под названием wp-config.php. В будущем его можно редактировать через блокнот, если вам понадобится изменить имя базы данных, имя пользователя и т.д.

Скриншот 2016-07-18 12.29.02-min

Теперь нужно внести следующие данные:

  • Имя базы данных — имя, которое вы написали когда создавали базу данных в phpMyAdmin. Если ввести неправильное имя базы данных — сайт не будет работать;
  • Имя пользователя — здесь имя пользователя должно быть root. Но когда вы создаете базу данных на хостинге, то придумываете к ней пользователя и пароль, который потом уже нужно ввести здесь. Имя пользователя, имя базы данных и пароль, как писалось ранее — можно изменить в любой момент в файле wp_config.php;
  • Пароль — оставьте поле пустым;
  • Сервер базы данных — пока оставляете localhost, измените это поле когда переедете с локального компьютера на хостинг;
  • Префикс таблиц — оставьте префикс по умолчанию, в дальнейшем для лучшей безопасности можно будет его сменить.

После внесения изменений нажмите «Отправить».

Скриншот 2016-07-18 12.30.22-min

В следующем окне нажмите «Запустить установку».

Скриншот 2016-07-18 12.30.53-min

Вам предложит внести название сайта (сможете в будущем изменить), имя пользователя под которым вы будете настраивать сайт и пароль (тоже можно в будущем изменить и желательно, чтобы пароль был сложным),  также внести свой почтовый ящик (желательно, чтобы почта привязанная к сайту тоже была хорошо защищена, к примеру двух этапной аутентификацией).  После заполнения данных нажмите «Установить WordPress»

Скриншот 2016-07-18 12.33.20-min

Вас поздравят с успешным созданием сайта и предложат в первый раз войти на сайт. Нажимаем «Войти»

Скриншот 2016-07-18 12.33.44-min

Вводите логин и пароль, придуманный в предыдущем шаге и нажимайте «Войти»

Скриншот 2016-07-18 12.33.53-min

Также в будущем, чтобы попасть в админ панель нужно открывать в браузере http://localhost/имя папки/wp-admin (в нашем примере (http://localhost/vm/wp-admin). Перед вами откроется консоль вашего сайта, вы сможете приступить к его настройке.

Скриншот 2016-07-18 12.35.57-min

найти и настроить нужную вам тему

Скриншот 2016-07-18 12.36.26-min

найти и установить нужные плагины

Скриншот 2016-07-18 12.36.42-min

Так сайт будет выглядеть в начале 🙂

Скриншот 2016-07-18 12.36.55-min

Еще раз нажмите на значок WampServer левой клавишей мыши => выберите Apache => модули Apache => rewrite_module.

2016071823-min

Всё, теперь можно настраивать свой сайт, устанавливать и тестировать темы, плагины, добавлять записи. Когда вы уже поймете, что сайт готов увидеть мир — переносите содержимое папки WWW на хостинг. Можно заказать недорогой домен в HOSTiQ и вам дадут 3 месяца хостинга бесплатно.

2016071824-min

Так просто можно создать свой сайт WordPress на локальном компьютере.  На сегодня всё, если есть дополнения — пишите комментарии! Удачи Вам 🙂

2 комментария

Оставить комментарий

Ваша почта не будет опубликована