Подумать только

logoas CogITas

Сомневаться - Трудиться - Любить

× Error from canvas.getContext(): Maybe your browser or hardware (GPU) does not appear to support WebGL. The Canvas for WebGL below will be empty.
Mouse и Num Lock

Развертывание WordPress

Строим блог – Шаг 7

Wordpress-пуговица

WordPress-пуговица

   После того, как мы установили Веб-сервер (смотри Шаги 3-4), либо купили хостинг (или зарегистрировали бесплатный), мы можем развернуть там автономный сайт. Самостоятельно написать сайт с нуля – полезный навык, но нужен он только веб-программистам. Всем остальным лучше использовать готовые решения, хотя даже эти решения придется дорабатывать самим. Только для решения сложных задач возможно придется нанимать программиста.

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

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

   Обслуживающий персонал в случае, если понадобиться что-либо доработать, легче найти для самых распростаненных технологий. Поэтому делаем выбор в пользу WordPress – для использования в качестве CMS (системы управления сайтом) и Bootstrap – для реализации адаптивности и оформления интерфейса. Но также рассмотрим возможности шаблона WordPress по умолчанию, он также как и Bootstrap сделан адаптивным по принципу Mobile First.

Wordpress

WordPress — система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных — MySQL. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать проекты широкой функциональной сложности.

BootstrapBootstrap — свободный набор инструментов для создания сайтов и веб-приложений. Включает в себя HTML и CSS шаблоны оформления для типографики, веб-форм, кнопок, меток, блоков навигации и прочих компонентов веб-интерфейса, включая JavaScript-расширения.

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

Распаковка WordPress

   Прежде чем создать собственную тему под WordPress, целесообразней начать с учебного рассмотрения возможностей WordPress на стандартной теме-шаблоне.

 Те, кто и так уверен в своих зниниях, могут перейти сразу к «Настройка WordPress: собственная тема с нуля»

   Скачаем последний WordPress на https://wordpress.org/download/

   Распакуем созданный архив в папку htdocs, например в   htdocs/as/blogas :

Файлы WordPress

Файлы WordPress

   Открываем в браузере localhost/as/blogas

Но лучше всего использовать не localhost, а IP адрес компьютера. Тогда сайт можно будет без проблем смотреть с других компьютеров (а также планшетов, мобильных) локальной сети.
К тому же, при переносе сайта на хостинг в будущем, необходимо будет через текстовый редактор заменить слово localhost во всех настройках на имя сайта, но могут быть названия переменных, содержащих слово localhost, что может привести к ошибке. А вот IP адрес уникален и может быть заменен автоматически.
Также,  при переходе с localhost на IP адрес почему-то теряется настройка дизайна сайта в стандартном шаблоне-теме WordPress.
Чтобы узнать IP адрес компьютера необходимо запустить в Windows в командной строке cmd программу ipconfig:

Определяем IP адрес

Определяем IP адрес
Появятся IP адреса компьютера для его сетевых адаптеров. Я выберу адрес 192.168.0.110 чтобы сайт можно было просматривать из сети этого адаптера. Но если копьютер не подключен ни к одной сети, то вместо localhost используем адрес 127.0.0.1.

   Итак, запускаем в браузере localhost/as/blogas  или 127.0.0.1/as/blogas, автоматически открываются настройки нового сайта:

Начало установки WordPress

Начало установки WordPress
Я предпочитаю использовать интерфейс программ на английском языке, потому что это устоявшийся стандарт компьютерного мира – программы должны быть на английском. К тому же побочно расширяется словарный запас, вспоминается иностранный язык, а это может пригодится где-нибудь. Но при полном незнании английского можно застрелиться переключить на русский. Для этого либо сразу скачивайте русскую версию с https://ru.wordpress.org, либо из этой русской версии скопируйте папку languages в папку wp-content, после чего в настройках (Settings — General) выберите в самом нижнем выпадающем списке ru_RU.

   Переходим на первое окно настроек:

Настраиваем WordPress

Настраиваем WordPress

   Заполним необходимые данные. К имени базы данных я добавляю _db, чтобы было понятно, что это название базы данных. Аналогично и с пользователем, и с паролем. Два последних поля не трогаем.

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

Внести начальные данные можно было и не через браузер, а вручную через файл wp-config-sample.php, но об этом в другой раз.

   Прежде чем нажать на кнопку подтверждения, необходимо создать самостоятельно Базу данных и пользователя через phpMyAdmin:

Создаем БД

Создаем БД

Создаем пользователя

Создаем пользователя

   Нажимаем Go. Теперь возвращаемся на страницу настроек сайта и подтвержаем введенные данные. Попадаем на следующую страницу:

Завершение установки

Завершение установки

   На этой странице придумываем название сайта, имя администратора, пароль, лучше всего завести новый почтовый ящик для сайта (рекомендую gmail.com –  в последнее время там регистрация занимает 60 секунд и анонимна, но самое главное, заводится не только ящик почты, а аккаунт google, то есть сразу получаем доступ и к другим инструментам). Ставить галочку запрещения поисковикам рыться по сайту необходимо только в случае сайта с конфиденциальными данными. Но мы наоборот заинтересованы в привлечении аудитории на сайт, поэтому эту галочку не ставим. После кнопки   Install WordPress  практически сразу нам предлагают войти в управление уже готовым начальным сайтом:

Входим в CMS

Входим в CMS

   Все, мы авторизуемся и попадаем в администраторскую часть сайта:

CMS WordPress

CMS WordPress

   Сам сайт находится по своему адресу:

Начальный сайт

Начальный сайт

   Ура! Работает сайт, но, как видим, он весьма тестовый, требует настройки, которые мы сделаем на следующем шаге.

<< Предыдущий шаг

Следующий шаг >>


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

Ваш email не будет отображаться. Обязательные поля помечены *

(Чтобы установить аватар, необходимо зарегистрировать свой e-mail на gravatar.com. Как это сделать, написано в статье http://cogitas.ru/robots-avatar-icon-wordpress.html)