Сайтостроение. Конспект курса по CMS «WordPress 5.0» (часть 1):

Уважаемые посетители, цель данного ресурса – предоставить вам наиболее понятный и удобоваримый способ изложения материла по сайтостроению на достаточно популярной системе сайтостроения «WordPress 5.0» с использованием локального сервера (который мы расположим на вашем компьютере) OpenServer.

Для вашего удобства в конце этой страницы вы можете скачать её PDF-версию конспекта по работе с CMS «WordPress 5.0» часть 1.

Раздел 1: Введение:

  • В данном разделе мы рассмотрим последовательные действия по установке локального сервера OpenServer на ваш компьютер. А также установку CMS (Content Management System  — Система управления контентом). Примечание: имеется ввиду контента, используемого при сайтостроении.
  • По локальному серверу надо сразу понять один основной момент – это портабельная программа, не требующая установки, ее достаточно только распаковать и всё — OpenServer будет работать хоть  с компьютера, хоть с флешки, хоть с CD-ROM диска (см. подробную инструкцию на официальном сайте https://ospanel.io/).

1.    Локальный сервер (OpenServer) для Web-разработки сайтов:

Что такое локальный сервер?

  • Локальный сервер – это как бы «эмулятор» реального Интернет-сервера, но который фактически находится не где-то далеко, а у вас на компьютере. И тем самым позволяет получать явные преимущества при разработке, отладке и редактирования содержимого вашего будущего сайта. Ну а после отладки и получения желаемого результата – уже можно перенести файлы вашего сайта с локального сервера на реальный хостинг (место, где будут храниться файлы, разработанного вами сайта).

Для чего нужен локальный сервер:

  • Специалисты разработку файлов ведут на локальном компьютере по многим причинам:
    • независимость от Интернета
    • независимость от всяких платных хостингов
    • работать всё будет в 100 раз быстрей (главная причина, почему сайты разрабатывают на локальном сервере)
    • но, изначально система Windows не приспособлена для создания сайтов (неважно на WordPress’e или на PHP – базовый сайт)
  • Ранее наиболее популярным пакетом для установки локального сервера был Denver, — который счас 2019г. заброшен и не поддерживается разработчиками;
  • Сейчас 2019 г. наиболее популярный и современный пакет «OPEN SERVER»
    • как правило, в этот пакет входит какой-нибудь сервер типа Apache или Nginx; либо и тот и другой;
    • PHP – одна или несколько версий;
    • MySQL
    • Sendmail
    • – т.е. всё, что нужно для разработки сайтов;


Скачать и установить OpenServer:

  •  Для скачивания Open Server на локальный компьютер
    перейти по ссылке https://ospanel.io/ — здесь жмём кнопку «Скачать» (верхнее меню)
  • здесь есть разные варианты, всё бесплатно;
  • выбрать пакет, который больше всего нравится, но нам за глаза BASIC
  • далее 2 способа закачки, через маленькую плату 69 руб., но быстро, или бесплатно, но долго – 3 часа;  вводим код картинки (типа Capcha) и жмем «Скачать»;
  • закачка идет в Загрузки,
    размер дистрибутива 425027 kB (около 500 MB)
    open_server_5_2_9_basic.exe
  • в окне из выпадающего списка выбираем OSPanel Basic 5.2.9 или более поздней версии – 415 MB + вводим код с картинки и жмем «Скачать»
  • результат скачанного контента примерно такой:
  • сразу же – запускаем этот исполняемый файл;
  • при работе «Защитника Windows» может появиться следующее окно «Система Windows защитила ваш компьютер: Фильтр SmartScreen Защитника Windows предотвратил запуск неопознанного приложения, который может подвергнуть компьютер риску. Подробнее.»
  • далее в этом же окне жмем ссылку «Подробнее» — появляется дополнительная поясняющая запись «Приложение open_server_5_2_9_basic.exe» — неизвестный издатель – жмём «Выполнить в любом случае»;
  • далее появится к.л. распаковщик, которому нужно указать, куда нужно извлекать; окно «Самораспаковывающийся архив WinRAR» — по умолчанию C-Users-Admin-Downloads;
    но лучше задать свой путь типа C:\OpenServer;
  • следующее окно — начнётся извлечение, окно архива само закроется;
  • переходим в наш путь, куда мы распаковали архив C:\OpenServer (или ваш путь);
  • далее нужно запустить один из двух исполняемых файлов, в зависимости от разрядности вашей операционной системы:
    • OpenServer x64.exe…………………………………… для 64 битных систем
    • OpenServer x86.exe…………………………………… для 32 битных систем
  • выбрать язык:
  • д.о. запрос – OpenServer: «Запуск на этом компьютере выполняется впервые! Установить Microsoft Visual C++ Runtime & Patches?» — жмём «Да»
  • и пошёл процесс установки различных библиотек, которые неоходимы для работы данного пакета;
  • после установки этих библиотек появляется д.о. OpenServer, в котром нам предлагают перезагрузить компьютер «Вы должны перезагрузить компьютер, чтобы применить сделанные изменения. Перед перезагрузкой сохраните результаты своей работы.» — ответить «Да»;
  • Если программа после установки автоматически не запустилась, то можно ее тут же в этом же окне запустить файл OpenServer x64.exe
  • после запуска программы, она прячет свою менюшку в трей; в этом меню есть две наиболее важные программы главные команды (контекстное меню значка программы в трее выводятся правой кнопкой мыши):
    • запустить  и настройки

Д.о. Настройки сервера:

  • Открываем д.о. «Настройки» [Профиль: Default]:
  • Вкладка «Основные»:
    • Профиле-независимые настройки:
      • Check-box: ……………………………………………….. Автозапуск сервера       галочка = Ok
        автоматически будет запускаться сервер
      • Check-box (Запускать вместе с Windows)…………. Да
      • Check-box (Автоматически проверять наличие новых версий)      Да/Нет
        если слабый компьютер – нет, если нормальный – да
      • Check-box: Очищать логи при запуске сервера…. Да
      • Check-box: Требовать учетную запись администратора………. Да/Нет
        если программа будет требовать права, то поставить эту галочку, т.е. право запуска программы от имени администратора – Да; если запускается без пролем – Нет;
  • Вкладка «Сервер»:
  • здесь ничего менять не нужно, здесь перечисляются все ваши домены; по-умолчанию они находятся по адресу C:/OpenServer/OSPanel/domeins, т.е. в папке domeins, что является очень удобным:
    • Настройка виртуального диска / Буква диска:
      «Автоопрделение потребности»………………………… «W»
      в этом случае будет создан виртуальный диск, который будет полностью дублировать папку C:/OpenServer/, но проще без него, напрямую обращаться файлам папки OpenServer
  • Вкладка «Модули»:

  • определяют настройки сервера перед его запуском:
    • HTTP:…………………………………………………………… Apache_2.4-PHP7-7.2 x64 останавливаемся на последнем варианте;
    • PHP……………………………………………………………… PHP7-7.2 x64
      т.е. выбираем в соответствии с последней настройкой HTTP (Apache_2.4-PHP7-7.2 x64);
      PHP – это язык, на котором WordPress и работает;
    • MySQL / MariaDB……………………………………………. MySQL-8.0-x64
      — это была самая последняя версия, но если при запуске сервера что-то не заработае, то выбираем здесь на 1-2 уровня предыдущей версии, например MySQL-5.7-x64
  • Вкладка «Меню»:

здесь ничего не меняем

  • Вкладка «Кодировки»:
  • Раздел: HTTP сервер:………………………………………. Не задавать
     (Кодировка HTTP сервера по-умолчанию);
    рекомендация М.Русакова – кодировку не задавать, чтобы приучить себя, в т.ч. для тех случаев, если будуте созавать сайты не на WordPress’e, а именно с нуля; и соответствено кодировку создавать или в HTACCESS’e (специальный файл), или в PHP, т.к. на серверах бывает совсем что-то другое;
  • Вкладка «FTP сервер»:

ничего не меняем;

  • Вкладка «Почта»:
  • вещь важная, но здесь всё по-умолчанию настроено правильно:
    • ничего не меняем
    • Способ отправки почты: ………………………………….. Сохранять письма в папку userdata/temp/email
      т.е. фактически письма, которые вы будете отправлять на своем сайте, — эти письма будут отправляться в эту папку «userdata/temp/email», т.е. в реальности они никуда отпрвляться не будут; все приохдящие письма, пришедшие в эту папку можно просмотреть обычным блокнотом;
    • Использовать расширенное логирование при обработке email обращений: = Нет
    • SMTP сервер, Порт, Email оправителя, Имя пользователя, Пароль, Шифрование =Нет, Запланируйте только, если требуется авторизация POP3 перед SMTP (POP3 сервер, Имя пользователя, Пароль) – все поля пустые;
      если мы хотим, чтобы письма реально куда-то отправлялись, то необходимо будет заполнить все эти поля – все данные об этих полях есть у почтового сервиса mail.ru; оговорка М.Русакова – хотя непонятно, зачем это нужно, если спамить кого-то, то тот mail.ru не позволит это сделать; все нормальные SMTP сервера от подобных «глупостей» защищены;
  • Вкладка «Закладки»:
    • ничего не менять  — ничего важного здесь нет;
  • Вкладка «Домены»:
    • вещь важная, но — ничего менять не нужно  — в уроке будет показано, как создавать у себя доменные имена у себя на компьютере
  • Вкладка «Алиасы»:
    • ничего не меняем – псевдонимы нам совершенно не нужны; предположительно изменять наим. сайта (домена), например было «abc.local», а поменять на «abc2.local»
  • Вкладка «Планировщик заданий»:
    • пользоваться можно, но далеко не всегда востребовано; самые наиболее необходимые задания , например – запуск скрипта по оптимизации базы данных  в 3 часа ночи, настраиваются непосредственно на сервере; и перенести отсюда планировочные задания на сервер невозможно;
  • Вкладка «Разное»:
    • ничего не менять – ничего важного нет;
  • Вкладка «Автозагрузка»:
    • ничего менять не нужно – запускать каке-то программы, скрипты при запуске сервера; — ни разу не использовал, и зачем нужно – непонятно;

Запуск сервера:

  • При запуске впервые (в системном трее будет красный флажок) может всплыть запрос на установку необходимых библиотек:
    — далее сама установка:

далее, примерно индикатор установки продукта:

  • после установки библиотек — Запуск серера через контекстное меню иконки программы в трее – команда «Запустить» (красный флажок); если после запуска сервера цвет флажка поменялся на зеленый – этот значит, что сервер успешно запущен;
  • И, чтобы это проверить, достаточно зайти на localhost (в адресную строку браузера забиваем localhost, жмем Интер) – выскочит к.л. д.о. (диалоговое окно) типа «Добро пожаловать! Open Server Panel (уточнить, может в браузере, на видео не видно) работает J», т.е. всё прекрасно рабтает; обратите внимание, что флажок в системном трее изменился с желтого на зеленый;
  • Почему для проверки исправности работы нашего сервера OpenServer мы используем словое localhost? Потому, что это главный домен в папке domeins нашего сервера OpenServer, т.е. нахоится по адресу C:/OpenServer/OSPanel/domeins, далее папка localhost;
  • Виртуальный хост (хосты), иногда именуют Домены (тоже правильное название;
    т.е. «Виртуальный хосты» = «Домены» )
  • Виртуальные хосты (домены) нужно создавать в папке domeins (там же, где находится папка localhost) по адресу C:/OpenServer/OSPanel/domeins
  • Виртуальный хост – это имя папки, например «abc.local», созданной в директории доменов (хостов) программы (напрмер, в «C:/OpenServer/OSPanel/domeins», т.е. адрес нового хоста получился в «C:/OpenServer/OSPanel/domeins/abc.local»);
  • например, мы создали папку (виртуальный хост) «abc.local» по примеру выше, а затем (после перезагрузки OpenServer’a) вбиваем abc.local в адресную строку вашего браузера и мы попадаем на начальную страницу этого хоста; хост abc.local виртуальный, т.к. фактически его в Интернете нет, и он находится у вас на локальном компьютере в программе OpenServer;
  • Примечание:
    а) при изменении настроек программы, а также
    б) при добавлении нового хоста
          – необходимо перезапускать OpenServer:
  • перед началом разрабтки перепроверить настройки вклдаки «Модули».
  •  при каждом запуске сервера – проверять состояние (цвет) флажка, — если он остался желтый, не стал зеленым, то сервер не перезапусился;  посмотреть, что не так и попробовать снова, пока флажок не превратится в зеленый (после кажджого перезапуска подождать 1-5 сек):
  • Есть еще два момента:
  • первое: если при вбивании в адресную строку abc.local происходит ошибка, то попробуйте ввести то же самое, только с конечным прямым слешем, как на рис.
  • второе: попробуйте запусить ваш abc.local – вот таким способом – после добавления этой папки в папку domein — ваш домен добавился в меню «Мои сайты» (см.рис.):

Ну вот, как-то на этом с установкой и настройкой OpenServer’a и всё!..
Далее рассмотрим последовательную цепочку действий по установке WordPress 5.0 на наш локальный сервер OpenServer.
— — —


Читать далее «Установка CMS WordPress на OpenServer»…

A copy error occurred!