Вся необходимая информация, которая может понадобиться для подключения к хостингу по FTP, содержится в письме хостера:

• FTP-логин: wm41399;

• FTP-пароль: v2Iz2SihJUJrt9c;

• FTP-URL: 91.219.194.32 (или ftp.строюсам.рф);

• FTP-порт: 21.

Запустив FileZilla, вводим необходимые данные и нажимаем кнопку Быстрое соединение. После этого должно произойти подключение к хостингу. Дальнейшие действия очевидны: необходимо выделить файлы на локальном компьютере (левая панель) и перетащить их мышью на хостиг в папку public_html (правая панель) (рис. 4.28).

Рис. 4.28. Копирование файлов на хостинг

После загрузки файлов можно приступать к установке движка WordPress.

Шаг 1. Заходим на наш сайт www.строюсам.рф и вводим всю необходимую информацию в стартовом окне установки WordPress (рис. 4.29). После этого нажимаем кнопку Установить WordPress.

Рис. 4.29. В стартовом окне установки WordPress нужно указать всю необходимую информацию

Шаг 2. На этом шаге нам остается лишь с удивлением узнать, что установка WordPress уже завершена (рис. 4.30).

Рис. 4.30. Сообщение о том, что установка WordPress уже завершена

Теперь можно перейти по адресу www.строюсам.рф и убедиться, что процедура установки WordPress прошла удачно и в окне браузера отображается новоиспеченный блог со стандарным шаблоном (рис. 4.31).

Рис. 4.31. Блог на WordPress со стандартным шаблоном

Для работы с блогом необходимо зайти в панель управления одним из следующих способов:

• перейти по ссылке Войти в меню сайта (такой ссылки может и не быть);

• дописать после имени сайта через прямой слеш wp-admin и нажать клавишу Enter; в нашем случае в строке браузера должно быть прописано www.строюсам.рф/wp-admin.

Теперь можно переходить к самому главному – наполнению блога контентом.

Многие начинающие веб-мастера первым делом принимаются работать над внешним видом сайта. На наш взгляд, нужно начать с наполнения сайта контентом, оставив все остальное на потом. Дело в том, что на индексирование сайта уйдет определенное время, в течение которого всегда можно изменить дизайн, установить необходимые плагины и выполнить другие настройки.

Сразу начнем с главного – добавим новые записи.

Шаг 1. Выбираем в консоли команду Записи → Добавить новую (рис. 4.32).

Рис. 4.32. Добавление новой записи

Шаг 2. После запуска редактора прописываем название статьи. В нашем случае статья будет называться «Погреб своими руками. Перекрытие погреба». Работать с редактором можно как в визуальном режиме (вкладка Визуально), так и в режиме отображения HTML-кода (вкладка HTML). Во время работы можно переключаться между этими режимами.

Для примера в начале каждой статьи будем вставлять изображение размером примерно 250 х 250 пикселов. Размер выбран не случайно, а с таким расчетом, чтобы рядом с рисунком «хорошо смотрелся» рекламный блок Google AdSense прямоугольной формы.

Для добавления изображений и прочих мультимедийных объектов в новых версиях WordPress используется универсальная кнопка Добавить медиафайл (рис. 4.33).

Рис. 4.33. Для добавления изображений предназначена кнопка Добавить медиафайл

Изображение можно загрузить с локального компьютера или выбрать из библиотеки файлов, то есть из тех файлов, которые были загружены на хостинг ранее. Перед вставкой изображения необходимо прописать альтернативный текст, текст под картинкой, указать выравнивание картинки и т. д. (рис. 4.34).

Рис. 4.34. Перед добавлением изображения задаем необходимые настройки

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

После того как запись будет создана, ее можно опубликовать. Перед публикацией для записи следует выбрать рубрику. Для добавления новой рубрики используется ссылка Добавить новую рубрику. Стоит также добавить в соответствующее поле пару меток (ключевых слов), относящихся к записи. Когда будут заполнены все необходимые поля, публикуем запись нажатием кнопки Опубликовать (рис. 4.35).

Рис. 4.35. Для публикации записей предназначена кнопка Опубликовать

Сразу после публикации запись будет доступна для посетителей сайта.

После публикации первой статьи стоит сразу сообщить «Яндексу» о появлении нового сайта. Это можно сделать, пройдя по ссылке http://webmaster.yandex.ru/addurl.xml. Что касается Google, то он и без подсказки проиндексирует ваш сайт.

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

В отношении сайтов мы придерживаемся простого принципа: изображение в верхней части (в шапке) сайта не должно занимать слишком много места по высоте. Если еще раз взглянуть на шаблон по умолчанию (см. рис. 4.31), то сразу видно, что изображение не соответствует этому принципу. В этом шаблоне высота изображения составляет 288 пикселов, что, на наш взгляд, слишком много.

Установим другой шаблон и изменим стандартную картинку на свою. Итак, для смены шаблона необходимо зайти в консоль управления и выбрать пункт меню Внешний вид – темы.

По умолчанию установлена тема Twenty Eleven, а мы настроим вторую тему под названием Twenty Ten. Для этого достаточно щелкнуть на ссылке Активировать, расположенной под описанием интересующей нас темы. В этой теме можно настроить виджеты, меню, фон и заголовок, перейдя по соответствующей гиперссылке в строке Особенности.

В заголовке блога при использовании темы Twenty Ten могут отображаться заранее подготовленные изображения. Несколько рисунков предустановлены в комплекте с темой (рис. 4.36).

Рис. 4.36. Несколько различных изображений предусмотрены в комплекте с темой

Возможен показ одного и того же изображения на всех страницах или случайный показ изображений. Размер рисунков темы Twenty Ten составляет 940 х 198 пикселов – именно под него мы создали в Photoshop изображение для нашего сайта «Строю сам» (рис. 4.37).