Создание-сайта-на-CMS-Wordpress-в-программной-среде-Open-Server

Создание сайтов на wordpress с нуля для новичка. Руководство по установке вордпресс на open server

Сегодня, чтобы сделать простой сайт самостоятельно не нужно быть программистом. Нет потребности, в совершенстве владеть языком разметки гипертекста HTML5, таблицами стилей CSS3, Java Script и прочими веб-технологиями. Достаточно изучить wordpress и уметь им пользоваться: устанавливать на хостинг, подбирать хорошие темы, настроить их под свои нужды. Всё.


Если вы поймёте что такое вордпресс, то создание сайтов на wordpress с нуля для новичка станет вашим увлечением или может быть даже постоянным заработком. Без особого труда вы сделаете сайт-визитку, интернет-магазин, корпоративный сайт, личный блог.

 

Что такое wordpress

Вордпресс – это система управления контентом (CMS «content management system»), которую называют ещё «движком сайта». Написана эта CMS на языке php и в этом её основное отличие от веб-страниц, свёрстанных с помощью технологий HTML и CSS.

 

fayli-wordpress

 

Сайт, сделанный на  HTML можно открыть на рабочем столе своего компьютера с помощью браузера. А сайты, созданные на wordpress, открываются посредством интерпретатора php, встроенного в программу веб-сервер, например, Apache. Поэтому для работы с файлами wordpress необходимо купить веб-хостинг, на котором уже установлена программа, исполняющая php код и запросы к базам данных MySQL.

Если вы не готовы покупать виртуальный хостинг и хотите просто потренироваться создать сайт на wordpress с нуля бесплатно, то можете установить на свой ПК портативный локальный сервер. Он будет исполнять php скрипт так же, как и виртуальный  хостинг.

 

Подготовка «среды» для работы с файлами WordPress

Open Server – самая лучшая, на мой взгляд, платформа для работы с движком вордпресс у себя на компьютере. Об этом говорит количество её закачек – 1 027 598 раз. У неё понятный мультиязычный интерфейс, она не требует установки и её можно запускать с флешки.

Open Server – это связка из нескольких программ, предназначенных для создания динамических веб-сайтов. Вот только некоторые из них:

 

  • http-сервер apache;
  • веб-сервер Nginx;
  • сервер баз данных MySQL;
  • интерпретатор PHP;
  • OSPanel .

 

Чтобы скачать его заходим по адресу https://ospanel.io/download/ , выбираем дистрибутив Basic 237Мб и скачиваем бесплатно себе на компьютер.

 

skachivaem-programmu-open-server

 

После того как мы загрузили zip-архив с программой, распакуйте его и установите open server себе на ПК или флеш-накопитель. Для работы программы требуется набор библиотек Microsoft Visual C++ 2005-2008-2010. Если такого набора у вас нет, программа сама предложит его загрузить. Это значительно облегчает создание сайтов на wordpress с нуля для новичка.

Далее вынесите ярлык сервера на рабочий стол своего ПК и запустите программу. В правом нижнем углу рабочего стола в трее появится красный флажок. Чтобы веб-сервер заработал, кликните мышей по флажку и когда увидите меню, кликните на зелёный флажок, чтобы его запустить.

menu-zapuska-open-server

 

Настройка Open Server

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

  • на вкладке «Основные» — запуск вместе с операционной системой;
  • на вкладке «Меню» — показывать сайты в главном меню;
  • на вкладке «Меню» — выберите браузер, с помощью которого будут открываться сайты (кликните по кнопке справа, а затем по ярлыку веб-обозревателя на рабочем столе).

 

nastroyka-open-server

 

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

 

Устанавливаем редактор кода Noutpad ++

Для работы с файлами вордпресс скачайте бесплатный редактор кода https://notepad-plus-plus.org/  Noutpad++.  Эта программа устанавливается стандартным способом, и она не занимает много места на ПК.

 

skachivaem-noutpad++

 

Устанавливаем WordPress и редактируем файл wp-config-sample

Скачать вордпресс можно с официального сайта https://ru.wordpress.org/.

 

skachivaem-wordpress

 

С распакованного архива на данный момент нужен только один файл — wp-config-sample.

 

fail-wp-config-sample

 

Открываем его с помощью программы Noutepad ++ и видим вот это.

 

stroki-wp-config-sample

 

Внутри файла редактируем строчки 23, 26, 29.

  1. В строчке 23 пишем название нашей будущей базы данных, например, baza1.
  2. В строке 26 пишем имя пользователя этой базы, назовём его hozyiainbd.
  3. В строке 29 создаём пароль этой базы – o9^j2ldg^*)y3.

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

Код в файле теперь выглядит так:

Теперь, сохраняем этот файл как wp-config.php (без –sample).

Создаём базу данных сайта

Чтобы войти в базу данных на Open Server, пройдите по пути Меню – Дополнительно – PhpMyAdmin. В поле для логина введите слово «root». Поле для пароля оставьте пустым. Это глобальные настройки для super-пользователя всеми базами данных в программе PhpMyAdmin.

 

sozdaem-bazu-dannih-sayta

 

Для нового сайта создайте базу данных, дав ей имя – baza1. Затем создайте пользователя базы данных, нажав на «добавить пользователя». Назовите его, как мы уже написали в файле wp-config.php – hozyiainbd, дав ему все привилегии на эту базу данных. И также введите свой пароль. Мы записали в файле wp-config.php такой пароль: o9^j2ldg^*)y3.

Также вы сможете сгенерировать пароль к базе данных в самой программе PhpMyAdmin. Тогда его нужно будет записать в конфигурационный файл wordpress wp-config.php и сохранить в программе блокнот Windows или в специальных программах для сохранения паролей.

 

sozdaem-polzovatelya-bazi-dannih

 

Важное замечание

Создание сайтов на wordpress с нуля для новичка требует четкого соблюдения всех инструкций. Хотя новичкам свойственно совершать ошибки. Вот самые распространённые из них.

  • Создают пользователя базы данных, но забывают назначить ему глобальные привилегии на неё;
  • Допускают ошибки, внося разные символы в файл wp-config.php и в программу PhpMyAdmin.

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


 

Запуск сайта wordpress на опен сервере

Переносим папку vizitka.loc на локальный сервер, вставив её в Меню – Папка с сайтами. Затем нажимаем на жёлтый флажок в меню, чтобы перезагрузить сервер. После этого сервер «увидит» новый сайт и он появится в Меню – Мои сайты. Жмём на значок сайта и вуаля, он открывается в браузере! Вы смогли это сделать —  создать сайт на wordpress с нуля бесплатно и запустить его на портативном веб-сервере! Браво!

А теперь остается сделать последний шаг – в открывшемся окне браузера заполнить поля:

  • название сайта;
  • имя пользователя;
  • пароль;
  • e-mail;
  • видимость для поисковых систем.

Я заполнил так.

 

pishem-nazvanie-sayta-wordpress

 

 

После того как всё заполнено (и не забывайте сохранить логин и пароль сайта в блокноте), жмите на кнопку «установить wordpress». Вы попали в консоль wordpress и видите:

 

konsol-wordpress

 

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

 

tema-wordpres

 

Не пугайтесь, так выглядит не настроенная тема wordpress «Twenty Seventeen». Как установить хорошую бизнес тему и загрузить нужные плагины для работы сайта, я расскажу как нибудь в следующий раз.

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

P.S Если вам интересно узнать как перенести сайт wordpress с open server на хостинг в Сети прочитайте эту статью.

 

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

12 + четыре =