Вы находитесь на странице: 1из 3

Это первый урок, в котором вы создадите свой

сайт.
Если у вас уже есть свой сайт на CMS WordPress, вы можете перейти ко второй половине этого
видеоурока, где мы установим необходимые плагины и настройки.
Для начала нужно определиться с хостингом и доменным именем для сайта. Хостинг — это размещение
сайта на сервере какой-нибуть компании, предоставляющей услуги хостинга. Хороший хостинг, который
подразумевает надежное оборудование, быстрые каналы связи и круглосуточную поддержку, стоит
денег, причем платить придется регулярно, обычно раз в месяц или раз в год. Если вы планируете
создавать сайт всерьез и надолго, и заниматься его развитием, то вам нужен именно платный хостинг.
Доменное имя — это адрес сайта, например fandroid.info. Оно состоит из имени сайта и домена верхнего
уровня через точку, например info, com, ru и так далее. Доменное имя можно приобрести у регистратора
доменных имен, причем платить за него тоже придется ежегодно. Обычно компании, предоставляющие
хостинг, также предоставляют возможность приобрести и доменное имя. А часто при покупке услуг
хостинга можно получить домен верхнего уровня бесплатно на год или более.
Приведу ссылку на рейтинг хостинг-провайдеров, где можно выбрать хостинг и доменное имя для
сайта: http://hosting101.ru/rating-popular.html
Если вы пока не готовы платить за хостинг и домен, а просто хотите пройти курс в обучающих целях, то
можно воспользоваться бесплатым хостингом для вашего учебного сайта. Но вы должны понимать, что
бесплатный хостинг предоставляет вам минимум гарантий и ответственности за сохранность и
безопасность вашего сайта, и поэтому он не подходит для долгосрочных серьезных проектов.
Регистрация на хостинге.
В этом уроке я покажу, как создать сайт на примере бесплатного хостинга www.freehosting.io
Для начала нужно зарегистрироваться на сайте и подтвердить регистрацию по email.
Далее создаем сайт. При создании сайта вам предложат придумать доменное имя, причем домен
верхнего уровня предоставляется заранее в виде fhio.pw, изменить его или выбрать другой нельзя. Если
адрес нового сайта уникален, то сайт будет создан и появится в списке ваших сайтов. Вы можете открыть
его в браузере, но кроме заставки здесь пока ничего нет.

Установка SMC
В списке ваших сайтов напротив нового сайта нажмите кнопку Cpanel.
Это панель управления вашим хостингом. Здесь вы можете увидеть всю статистику по вашему хостингу и
инструменты для управления хостингом и сайтами. Панель управления Cpanel — это стандарт индустрии,
ее предоставляют практически все хостинг-провайдеры.
Нам нужен установщик скриптов, который находится на вкладке Software.
Он позволяет установить на сайт одну из популярных систем управления контентом. Мы установим
WordPress как одну из самых популярных, надежных и простых в использовании SMC для сайта.
Выбираем WordPress и начинаем установку.
В секции Software Setup первое поле выбора протокола оставляем без изменений, во втором поле
должен отобразться арес вашего сайта. Третье поле содержит подпапку для сайта, нужно очистить его,
чтобы установить WordPress в корень сайта.
Секция Site Settings содержит имя и описание сайта, можно будет изменить эти параметры позже.
Секция Admin Account содержит логин и пароль администратора для входа в админку сайта. Здесь лучше
придумать более сильный пароль. Для еще большей безопасности можно изменить и логин. Нужно
запомнить или записать их, иначе вы не сможете войти в админпанель для управления вашим сатом.
Далее выберите язык сайта. Больше ничего менять не нужно, нажмите кнопку Install в самом низу.
Через некоторое время сайт установится и вы сможете открыть его в браузере.
Для управления сайтом нужно войти в админку сайта. Найдите кнопку Войти. Здесь нужно ввести логин
и пароль администратора, которые вы задавали при установке WordPress.
Вы попадете в консоль управления сайтом. На вкладке Внешний вид можно настроить вид вашего сайта.
Для начала нужно выбрать тему сайта из нескольких предустановленных или загрузить новую.
В меню управления внешним видом откройте редактор настроек нажатием пункта Настроить.
Здесь нужно настроить свойства — название, описание, иконку и логотип сайта.
Далее можно настроить меню, виджеты, добавить дополнительные стили, если вы дружите с CSS.
Также нужно изменить настройки главной страницы сайта, чтобы новые записи отображались на главной
странице (по умолчанию они отображаются в меню Блог).
Можно изменить настройки темы, которые могут отличаться в зависимости от установленной темы
Чтобы сохранить настройки, нажмите вверху кнопку Опубликовать. Закройте редактор настроек
внешнего вида.
Вы сможете экспериментировать с оформлением вашего сайта сколько угодно, это будет вашим
домашним заданием.
А пока давайте создадим тестовую запись. Это можно сделать на вкладке Записи, где отображается
список всех записей сайта. Или нажать команду Добавить на панели быстрого доступа вверху и в
выпадающем меню выбрать Запись. Откроется редактор записи. Добавьте заголовок записи.
Добавьте текст записи. Можно добавить медиафайл — изображение или видео, для этого нужно
загрузить его в библиотеку. Можно изменить параметры вставки медиафайла — расположение и размер,
добавить ссылку и атрибуты.
Перед публикацией нужно установить изображение записи на панели справа внизу. Вверху справа, в
секции Опубликовать, можно сохранить запись, посмотреть, как будет выглядеть запись после
публикации, выбрать параметры публикации и опубликовать запись. После публикации запись появится
на главной странице, если вы изменили настройки внешнего вида, как было указано ранее.
В качестве домашнего задания добавьте несколько записей на сайт.
Внешний вид сайта может отличаться в зависимости от выбранной темы, но в общем на главной
странице вы можете увидеть вашу запись и открыть ее.
В меню быстрого доступа есть команда для редактирования записи.
В верхней части страницы расположено главное меню сайта. Чтобы его изменить, наведите указатель на
имя сайта в панели быстрого доступа и выберите команду Меню в выпадающем списке. Здесь можно
добавить и удалить пункты меню, добавить подпункты, присвоить пунктам ссылки и т.д.
Справа от записи расположена боковая панель сайта, или сайдбар. Чтобы изменить еe содержимое,
наведите указатель на имя сайта в панели быстрого доступа и выберите команду Виджеты в
выпадающем списке. Здесь вы можете добавить различные предустановленные виджеты в боковую
панель или в подвал (нижнюю часть) сайта, для этого достаточно меретащить виджет в нужную секцию и
изменить его настройки, при необходимости. Также можно создать собственный виджет путем
добавления виджета Текст и вставки в него произвольного текста или html-кода. Таким образом, можно,
например , добавить в сайдбар рекламные баннеры AdSense.
Добавьте виджет Мета в сайдбар или подвал сайта, если его там нет, чтобы иметь возможность войти в
админпанель сайта, если вы из нее выйдете.
В качестве домашнего задания поэкспериментируйте с виджетами.

Установка плагинов
Для взаимодействия сайта с мобильным приложением нужно установить плагин JSON-API, который
обеспечивает REST API для WordPress. Если вы не в курсе, что такое REST, смотрите об этом в курсе по
архитектуре клиент-серверных приложений, ссылка http://www.fandroid.info/lektsiya-2-po-arhitekture-android-
prilozhenij-patterny-a-b-c/#1
Для установки плагина откройте Консоль и выберите пункт Плагины.
Над списком плагинов нажмите кнопку Добавить новый. С помощью поиска найдите плагин JSON-API,
установите и активируйте его.
Откройте настройки плагина выбором на панели слева пункта Настройки > JSON-API и убедитесь, что
активна опция Core, которая содержит параметры запросов к API вашего сайта. Ниже проверьте адрес
API вашего сайта, который по умолчанию выглядит так: http://доменное.имя.сайта
/api По умолчанию ничего менять не нужно.
Вернитесь к списку плагинов.
Аналогично нужно установить плагин Cyr-To-Lat, который будет переводить адреса записей из
кириллицы в латиницу, это лучше с точки зрения поисковой оптимизации и работы с REST API.
После установки плагина Cyr-To-Lat откройте запись и посмотрите ее адрес, он должен иметь примерно
такой вид: http://nepo.fhio.pw/2017/12/01/zagolovok-na-latinitse/
Для корректной работы плагина JSON-API в адресе записи должна присутствовать дата. Если ее там нет,
откройте Настройки > Постоянные ссылки и выберите вариант День и название. Сохраните изменения
нажатием соответствующей кнопки внизу.
Если у вас действующий сайт, и настройки ссылок отличаются от нужных, то плагин JSON-API не будет
корректно работать. Для решения проблемы достаточно установить вариант настройки ссылок День и
название, сохранить настройку, а затем вернуть все как было. По моим наблюдениям, после этой
манипуляции плагин JSON-API работает нормально. Но даже если вы оставите новые изменения
настройки ссылок, ваши записи не потеряются, так как WordPress умеет корректно отрабатывать
изменившийся формат ссылок.
На этом мы заканчиваем первый урок. В качестве домашнего задания как следует ознакомьтесь с
панелью администрирования сайта, а также настройте дизайн вашего сайта, и создайте несколько
записей. В сети много туториалов о том, как устанавливать темы и плагины для изменения дизайна и
функциональности сайта на CMS WordPress.
На следующем уроке мы приступим к созданию андроид-приложения. У вас должна быть установлена и
настроена среда разработки Android Studio. Если вы еще не сделали этого, то смотрите видеоурок по
установке Android Studio по ссылке .