Перед созданием любого сайта, после определения концепции, создаем диаграмму сайта. Это можно сделать в графическом редакторе, но проще всего в программе Microsoft Word.
1
Логотип
Хедер
Строка меню
Основной блок
Сайдбар
Футер (копирайт, контакты и т.п.)
2
Наиболее популярным регистратором является 2domains.ru –первый год стоит 99 руб., второй и последующие (если сайт доживет) -150. Переходим к получению домена. Пока платить ничего не будем. Переходим в доменную зону dot.tk, которая принадлежит островугосударству Токелау, с население 1500 чел. Бесплатное доменное имя дается на год, после чего бесплатно продлевается. Однажды я забыл это сделать вовремя, и сайт был тут-же заблокирован, с предложением продлить, но уже за 23 $. Переходим по указанной ссылке.
Переключаемся в правом верхнем углу на русский язык.
3
Переключаемся на вкладку – Использовать DNS- Ваш собственный DNS. Смело вписываем ns1.hostinger.ru и ns2.hostinger.ru. Через пару минут мы их получим.
4
Указываем длину регистрации-12 месяцев.
Нажимаем на кнопку «Регистрация».
5
Переходим к получению бесплатного хостинга, используем hostinger.ru. Два Гб места, 100Гб трафика, два сайта, две базы данных в бесплатном пакете. Сам сервер находится в Великобритании. Из платных я пользуюсь beget.ru, многие предпочитают timeweb, lite-host, ну а если говорить про Беларусь, то здесь всего две серьезных фирмы –hoster.by и active.by. Переходим на сайт.
6
Создаем аккаунт.
7
Заказываем Бесплатный тарифный план.
Вводим домен и пароль. Пишем-Продолжить.
8
Подтверждаем, что я не робот. Нажимаем –Заказать. На электронную почту придут все данные учетной записи и адреса DNS-серверов, которые мы уже ввели.
Переходим к установке CMS WordPress. CMS-Content Management System (система управления контентом). Переходим в панель управления.
9
Выбираем Авто-Установщик.
Кликаем по значку W (WordPress 4.0.1). DNS необходимо подождать некоторое время, от 2 до 10 часов, - время распространения зоны DNS. Иногда меньше, иногда больше.
10
Бесплатный хостинг и домен хороши тем, что на них можно свободно отрабатывать проекты. Ну а для серьезных вещей это не прокатывает. Нажимаем: Установить CMS в нужной папке.
Заполняем все данные латинскими буквами. Жмем- Установить на сайт. WordPress установлен.
После ввода логина и пароля попадаем в административную область
11
Один плагин просит обновиться.
Akismet –неплохая вещь, это плагин, который защищает от спама-удаляет комментарии, добавленные ботами, а не реальными людьми, не будем отказывать. Ставим галочку, и нажимаем- Обновить плагины. Когда попрут спам-боты, активируем его, тем более, что активация бесплатна. По умолчанию установлен еще один -Hello, Dolly, он выводит строки из этой песни на каждой странице панели управления, что нервных людей изрядно раздражает. Его удаляем к ядрёне фене. 12
Настраиваем внешний вид-в левом меню выбираем Внешний вид-Темы. И видим, что к нашей задуманной диаграмме не подходит ни одна. Заходим на сайт wordpressorg.ru, где собрано пол миллиона тем, как и ещё на тысяче аналогичных сайтов, и выбираем боле-менее подходящую из бесплатных Portocal, название, правда, не очень благозвучное. Скачиваем на рабочий стол, все они заархивированы в виде zip-архива. В управлении темами нажимаем- Добавить новую, Загрузить тему, через обзор выбираем на рабочем столе и нажимаем кнопку – Установить.
13
Нажимаем – Просмотреть.
Если с отображением полный порядок, нажимаем на кнопку: Сохранить и активировать.
14
Переходим к наполнению контентом. Но перед этим установим один нужный плагин “Cyr-to-lat”. Он поможет привести алиасы(описания)статей и постов из кириллического вида в понятный для поисковиков и системы вид-латиницу. Плагины- Добавить новый.
15
Жмём: Установить (у меня уже установлен) и активировать. Далее, заходим в Настройки-Постоянные ссылки.
Общие настройки-Название записи. Жмем-Сохранить изменения. Переходим к добавлению страниц: Страницы-Добавить новую.
16
Нажимаем-Сохранить и Опубликовать. Проверяем изменения на сайте, перейдя по ссылке в левом верхнем углу, кликнув по названию, в данном случае- Webmasterskaya. Далее нажимаем-Добавить новую. Аналогично: Обо мне +текст. Страницы-Все страницы. Страница с названием: Пример страницы-жмём: Удалить и Применить. Это мусор. Переходим к Записям. Чтобы добавить записи, предварительно необходимо для них создать рубрики. 17
Записи-Рубрики-Добавить новую рубрику.
Вписали название и жмем: Добавить новую рубрику. Теперь: Все записи- Добавить новую. А вот так вставляется в запись картинка.
18
Переходим на сайт, обновляем страницу (после каждого действия обновляем страницу!), и вот что видим:
Логотип нужно заменить на свой. Можно изготовить на онлайн сервисе Логастер. Логотип в формате png хранится по следующему адресу: http://electorovenik.tk/public_html/wp-content/themes/portocal/images/logo.png
Чтобы залить туда картинку с логотипом, нам понадобится ftp-клиент FileZilla. 19
Устанавливаем FileZilla: переходим по ссылке- Скачать и скачиваем нужную в зависимости от разрядности системы.
В левом верхнем углу кликаем на иконке- менеджере сайтов.
В открывшемся окне-на кнопке- Новый сайт.
20
Вводим имя хоста, полученное при регистрации ftp.electrovenik.tk. Тип входа- нормальный. Пользователь-имя, полученное при регистрации и пароль. Жмем кнопку- соединиться.
Всё,-мы в файловом менеджере сайта. Можно, конечно, войти в файловый менеджер через панель управления хостера, но так гораздо удобнее и быстрее. Загоняем логотип logo2.png и обновляем страницу. Логотип появился. Ну и осталось разобраться с виджетами-убрать лишние, добавить нужные. Внешний вид-Виджеты. Ненужные просто перетягиваем в область Неактивных виджетов. 21
После редактирования получаем следующее.
Следующий штрих-фавикон. Делаем на сервисе favicon.ru . Полученный файл favicon.ico заливаем в ту же директорию, что и логотип, переходим на сайт, обновляем страницу. Но, чтобы иконка появилась рядом с названием сайта, как правило, нужно почистить кэш.
22