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

Немаловажным фактором, о котором следует обязательно задуматься пред установкой WordPress является выбор ее версии. Так, можно зайти на официальный сайт - WordPress.org и скачать программу там. Несомненным плюсом данного шага является то, что это будет самая свежая версия. Однако на сайте выкладывается так называемая “чистая” версия движка. В ней отсутствуют многие необходимые для работы плагины. Сами же плагины, которые действительно будут необходимы Вам для работы, могут конфликтовать с данной версией. Таким образом, настоятельно рекомендую Вам не устанавливать такую “голую” версию, а скачать и установить проверенную сборку, пусть даже это будет не самая последняя версия WordPress. В качестве примера приведу сайт lecactus.ru, где можно скачать качественную сборку “Русский WordPress Lecactus Edition” с набором необходимых для работы плагинов. (Рекомендации по выбору и установке плагинов для WordPress смотри ЗДЕСЬ).

Шаг 1. Уроки создания сайта на WordPress.  Устанавливаем сервер на локальном компьютере.

Скачиваем программу Denwer3 здесь. Запускаем программу. После нашего согласия установить программу, появляется DOS меню. Нажимаем Enter. Соглашаемся с директорией установки папки (по умолчанию C:\WebServers). Далее жмем снова Enter. Указываем букву наименования виртуального диска – к примеру Z. Снова Enter. Выбираем режим при котором будет работать наш виртуальный диск. Ставим -1. Далее Enter. Все – процедура закончена.

После установки Denwer на нашем компьютере появился виртуальный диск Z, где в директории Z:\home\localhost\www\ мы будем создавать папку с нашим сайтом.

Шаг 2. Уроки создания сайта на WordPress. Устанавливаем wordpress на локальном компьютере.

Создадим базу данных для тестировнаия сайта на локальном компьютере, для чего в браузере набираем: http://localhost/Tools/phpMyAdmin/ - Создать новую БД (назовем ее, к примеру wpblog).

Скачиваем дистрибутив wordpress. Создаем в директории Z:\home\localhost\www папку, в которой будет располагаться наш сайт (назовем ее , к примеру wpblog). Распаковываем в эту папку скаченныый дистрибутив wordpress. Откываем файл wp-config-sample.php текстовым редактором, например WordPad или аналогичным и заполняем данные для подключения к базе данных. Название базы данных - wpblog. Пользователь - root (т.к. создаваемый сайт мы будем тестировать на домашнем компьютере). Пароль не пишем (будем его указывать на реальном хостинге). Остальное оставляем без изменений. Сохраните файл как wp-config.php

Открываем http://localhost/wpblog/wp-admin/install.php в вашем браузере. В появившемся окне прописываем название блога, свой email-адрес. Жмем кнопку Установить. Копируем для себя пароль, который нам при этом дается. Жмем кнопку “Войти”. Прописываем имф пользователя - admin, пароль, данный нам при установке. Таким образом мы вошли в администраторскую зону.

Шаг 3. Уроки создания сайта на WordPress. Проводим базовые настойки нашего блога.

Заходим в админскую зону нашего сайта, набрав в адресной строке браузера http://localhost/wpblog/wp-admin/ и жмем кнопку “Настройки” в левой панели. Заполняем Общие настройки. Сохраняем. Переходим на вкладку “Постоянные ссылки ЧПУ”. Для более правильного отображения страниц сайта в адресной строке браузера, рекомендуем Вам выбрать строку “Произвольная структура” и вставить сюда следующее: /%category%/%postname%.html.

Далее переходим на вкладку Плагины, находим там пункт RusToLat и жмем на кнопку Активировать (Это необходимо для транслитерации русских символов URL в английские).

Шаг 4. Уроки создания сайта на WordPress. Создадим первую заметку в нашем блоге.

Заходим в админскую зону нашего сайта, набрав в адресной строке браузера http://localhost/wpblog/wp-admin/. Выбираем вкладку Записи - Добавить запись. Пишем название заметки, выбирая вкладку Визуальный редактор, набираем свой текст, используя форматирование текста. Для вставки картинок используем соответствующую панель Визуального редактора.

Далее переходим на вкладку Рубрики и создаем новую рубрику. Далее перезодим на вкладку Метки и делаем метку: прописываем одно из ключевых слов статьи (метки используются для создания так называемого “Облака тегов”). Жмем “Опубликовать”. Переходим на сайт по адресу: http://www.svoysite.infoblog/ и видим, что на главной странице нашего сайта опубликвана наша первая заметка. (Как Вы знаете, смысл блога заключается в том, что в нем все опубликованные заметки выводятся в хронологическом порядке).

Шаг 5. Уроки создания сайта на WordPress. Создаем новую страницу сайта.

Заходим в админскую зону нашего сайта, набрав в адресной строке браузера http://localhost/wpblog/wp-admin/. Идем на вкладку Страницы - Добавить страницу. Прописываем название страницы, вставляем текст. Жмем “Опубликовать”.

Шаг 6. Уроки создания сайта на WordPress. Создаем тег “Читать далее”.

Если Вы посмотрите на главную страницу нашего сайта, то увидите, что опубликованная нами статья выведена здесь полностью. Наверно Вы видели, что на главных страницах блогов выводятся лишь анонсы статей, а под ним пишется: “читать далее” со ссылкой на страницу отражения полного теста статьи. Для этого в админке сайта идем на вкладку Записи - Редактировать. Выбираем нужную заметку, ставим курсор в место, куда будем ставить тег “Далее” и жмем на кнопку “Вставить тег “Далее” в Визуальном редакторе, который говорит о том, что здесь статья будет прервана. Жмем на кнопку “Обновление”. Если мы зайдем на главную страницу нашего сайта, то увидим, что под анонсом нашей статьи появилась надпись: “Читать полностью”.

Так же анонс статьи можно сделать, используя Вкладку Цитата, включив при этом плагин Auto_more.

Шаг 7. Уроки создания сайта на WordPress. Изменяем оформление блога.

Оформление флога изменяют с помощью шаблонов. В интернете можно найти много шаблонов для WordPress. Например на сайте wpbot.ru.

Инструкция по установке шаблона:

1. Скачайте тему на свой компьютер.
2. Распакуйте архив с темой.
3. С помощью файлового менеджера (Total Commander, Far и т.п.) закачайте папку с темой на ваш сайт в директорию wp-content/themes.
4. Перейдите в Панель управления блога и в меню выберете опцию Дизайн – Добавление новой темы. Новая тема должна появиться в списке.
5. Выберете новую тему и нажмите на кнопку Активировать.

В общих чертах любой шаблон (тема) WordPress имеет следующую структуру файлов:

Шаг 8. Уроки создания сайта на WordPress. Редактируем шаблон.

1. Редактирование Сайдбара.

Содержимое Сайдбара редактируется корректировкой файлов sidebar.php данной темы и панели Дизайн - Виджеты.

ВНИМАНИЕ. Редактирование php-файлов сайта мы производим с помощью стандартного Блокнота (Пуск-Программы-Стандартные-Блокнот).

2. Редактирование header (шапки сайта).

Содержимое шапки сайта редактируется внесением изменений в файлах header.php и style.css данной темы. За это, как правило, отвечает <div id=”header”>, содержимое которого удаляется от стандартного, с внесением изменений в стиль #header файла style.css.

Для создания своей шапки откроем программу Photoshop, создадим новый документ (примерные размеры 150 на 1000 px), нарисуем шапку сайта на свой вкус и сохраним ее для Web в папку images шаблона под именем header.jpg.

В файле style.css в стиль #header внесем свою высоту шапки (height: 150px) и прописываем, что фоном этого блока у нас будет созданный нами рисунок:

background: url(images/header.jpg) no-repeat top left;

Шаг 9. Уроки создания сайта на WordPress. Меняем фон нашего шаблона.

Выбрать хороший фон можно к примеру на сайте patterns.ava7.com.

Для замены фона в файле style.css пропишем правило для тега body: background-color:…, либо background: url(images/….jpg).



Автор - Leonid Chirkov

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