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

Введение………………………………………………………………………………………………………

………………………………………………………………………………………………………
………………………………………………………………………………………………………..……….3

Что Вы почерпнете из этой книги ………………………………………………………………


…………………………………………………………………3

1. Установка WordPress

Что такое WordPress ……………………………………………………………………………………………


………………………………………………………………………………………………5

Настройки хостинга для Wordpress ……………………………………………………………………..


…………………………………………………………………..6

Что такое домен и что такое хостинг …………………………………………………………….


…………………………………………………………….6

Привязка домена к хостингу …………………………………………………………………………..


…………………………………………………………………………..7

Установка WordPress на хостинг …………………………………………………………………….


………………………………………………………………….7

2. Настройка вашего веб-сайта


сайта или блога

WordPress:: базовые концепции и понятия ….……………………………………………………


….……………………………………………………12

Выбор темы для WordPress ………………………………………………………………………….


……………………………………………………………………….13

Активация темы для Wordpress ….………………………………………………………………………


………………………………………………………………………14

Дизайн темы для WordPress ….………………………………………………………………………


………………………………………………………………………14

Понимание терминов «Post», «Pages» и «Links» ….…………………………………….


…………………………………….14

Базовая конфигурация WordPress ……………………………………………………………….


…………………………………………………………….15

«Сайдбары» (Sidebars
Sidebars) и «Виджеты» (Widgets) …………………………………………
………………………………………17

Установка необходимого набора «плагинов» …………………………………………………..


………………………………………………..19

Создание баннера для вашего сайта ….………………………………………………………………


….………………………………………………………………20

3. Публикация контента с WordPress

Использование встроенного редактора Visual Editor ……………………………………….


…………………………………….29

Windows Live Writer ……………………………………………………………………………………..


…………………………………………………………………………………..30

Выводы ... ……………………………………………………………………………………30


………………………………………………………………

Об авторе и этой книги


книг …………………………………………………………………
………………………………………………………………31

-2-|Страница
• Настройки хостинга для WordPress;
• Базовая концепция сайта: элементы и графическое отображение;
• Выбор темы для WordPress;
• Понимание терминов Post, Page и Link.
• Использование Sidebar’ов и Widget’ов;
• Установка плагинов для WordPress;
• Установка WordPress на хостинг;
• Список необходимых и полезных плагинов;
• Базовая тема Twenty Ten: стиль и конфигурация;
• Расширение возможностей по написанию статей при помощи стороннего
софта: Windows Live Writer;
• Создания баннера для сайта при помощи бесплатного ПО.

И многое-многое
е другое…

-3-|Страница
-1-
Установка WordPress

-4-|Страница
WordPress – это Система Контент Менеджмента (Content
( Management System
или сокращенно - CMS).
CMS WP позволяет редактировать и создавать контент
вашего сайта при помощи специальной администраторской панели. Помимо
этого, в этой CMS реализована возможность подстраивать «под себя»
навигационную структуру сайта, включая расположение страниц, «сайдбаров»,
«сайдбаров»
«виджетов»,
иджетов», «баннеров» (на этих терминах я остановлюсь немного
поподробней чуть ниже), при этом знания HTML языка могут быть минимальны
или вообще отсутствовать. «Вордпресс» легок в освоении, и как правило,
новички уже через несколько часов активного «юзания» WP,
WP понимают его суть
и устройство. Эта CMS подходит для выполнения большого спектра задач – от
создания «сайта
сайта визитки»
визитки до огромного новостного портала.

WordPress является Open Source разработкой, созданной благодаря работе


тысяч программистов со всего мира, и поэтому Вам не придется платить за его
установку ни копейки (последняя версия WordPress всегда доступна на
официальном сайте проекта http://wordpress.org/).

«ВордПресс» (да простят меня лингвисты за мои англицизмы=)) является web-


приложением написанным на языке PHP, использующим для хранения данных
базы MySQL. Как правило, сервера на которых установлены WP-сайты работают
под управлением ОС Linux.*
Linux

*Примечание.

PHP – язык
ык программирования разработанный для создания web-приложений;
MySQL – бесплатная база данных,
данных постоянно дополняемая и развиваемая; Linux
– операционная система работающая на большинстве web-серверо
серверов по всему
миру. Все это, также как и WP, является Open Source разработками.

WordPress является самой популярной CMS: согласно данным Wiki, в 2010 году
приблизительно 200 миллионов сайтов по всему миру работали на «движке»
WP.

Основное назначение WordPress – создание разноплановых блогов, однако, это


не значит, что на эту CMS нельзя «натянуть» на какой-нибудь
нибудь обычный сайт.
Бесплатные темы для WordPress помогут легко и непринужденно изменить
внешний облик вашего сайта. А бесплатные плагины для WordPress расширят
его функционал.

-5-|Страница
Большинство пользователей WP, выбрали эту CMS за ее легкость в
использовании, чего нельзя сказать о более сложных аналогах (Joomla,
(
Dropal), которые могут быть не только трудны в понимании, но и платными
(DLE).

Настройки хостинга для WordPress

Выбор: сторонний хостинг vs. wordpress.com

Вы можете разместить ваш WordPress блог/сайт на бесплатном хостинге


wordpress.com, а потом привязать к нему платный домен (домен в зоне .ru
можно без проблем приобрести за $5-6 в год). Весь контент вашего сайта,
сайта
будет размещен на серверах wordpress.com, поэтому Вам не нужно
беспокоиться о поиске хостинга.

Однако, этого делать не рекомендуется, так как на официальном хостинге


«движка» WP присутствует ограничение на установку тем и плагинов:
например, все коммерческие темы для WordPress,, включая и многие
бесплатные, устанавливать нельзя.
нельзя Одним словом, Вы будете
будет ограничены в
возможностях управления собственным сайтом, к тому же wordpress.com
wordpress не
дает доступа к PHP-коду
коду вашего блога.

Намного лучше установить ВордПресс на сторонний хостинг, коих в Интернете


сейчас
ейчас огромное множество.

Что такое домен и что такое хостинг

Под доменом,, или если быть точнее под «доменным


«доменным именем»,
именем подразумевают
набор символов (латинский, кириллический алфавит, цифры), который в
совокупности составляет текстовый адрес того или иного сайта. Например, сайт
itdistrict.ru состоит из домена «верхнего уровня» - ru и домена «второго
уровня» - itdistrict.

Для размещения своего сайта в Интернете, Вам потребуется регистратор


доменов и хостинговая компания. Иногда, хостинговые компании по умолчанию
включают в тарифные пакеты одно бесплатное доменное имя.

Хостер (Хостинговая компания) размещает у себя на серверах (хостинге) Ваш


сайт, и обеспечивает 24-часовой
24 часовой доступ к нему из любой точки мира. Сервера -
это те же компьютеры, работающие непрерывно
непрерывно в течении 24-х
24 часов в сутки,
семи дней в неделю и 365-ти
365 ти дней в году. Все сервера подключены к
Интернету, и за их работоспособностью следит персонал.

Стоимость хостинга может разниться от выбора тарифного пакета, а также


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

-6-|Страница
аудио, видео контента или вы ограничитесь загрузкой небольших графических
файлов. По своему опыту могу сказать, что на начальном этапе,
этапе когда вы
только будете знакомиться с «Вордпресс», Вам за глаза хватит и 100 Мб
(видео, аудио и картинки можно размещать и на сторонних сайтах, экономя на
своем дисковом пространстве хостинга). Обойдется такой хостинг, в среднем в
$25-30 за 12 месяцев обслуживания.
обслуживания. Да, еще стоит отметить, что хостинг
должен официально поддерживать PHP 4.3 (или новее) и MySQL 4.1.2 (или
новее).

Привязка домена к хостингу

Соединение имени домена с хостингм, которое у нас чаще всего называют


«парковкой домена», процесс легкий
легк и быстрый.

Важно: если Вы приобрели хостинг с уже установленным доменом, то процесс


его «парковки» отпадает сам по себе.

Во-первых,
первых, необходимо узнать адреса DNS-серверов
серверов вашего Хостера (обычно
их высылают в электронном письме сразу же после регистрации вашего
аккаунта, в противном случае – обращайтесь в службу поддержки вашей
хостинговой компании).

Во-вторых,
вторых, когда адреса DNS-серверов известны – заходим на сайт вашего
в
Регистратора доменов, и в контрольной панели вашего аккаунта находим
соответствующее меню (у каждой хостинговой компании
компании это меню расположено
по-разному,
разному, поэтому если найти его не удается – идем за ответом либо в faq
хостера, либо «стучимся» за помощью
помощ в его техподдержку), где прописываем
их названия (например, ns1.АдресХостера.net и ns2.АдресХостера.
2.АдресХостера.net).

После таких нехитрых и простых манипуляций сайт становится доступным для


«внешних» заходов уже по прошествии нескольких часов, однако, не редки
случаи,
лучаи, когда для этого требуются целые сутки.

Установка Вордпресс на хостинг

Хостинг Вы приобрели, с доменом его соединили, но при обращении к адресу


будущего сайта ничего не показывается… Итак, мы подошли к рассмотрению
очень важного вопроса: как установить «ВордПресс» на хостинг?

Для установки Wordpress на хостинг, Вам потребуется


тся свежий дистрибутив
«движка», который без проблем можно скачать с официального сайта CMS –
http://wordpress.org/.

-7-|Страница
После того, как заархивированная версия WP скачана на ваш компьютер –
распаковываем ее и забрасываем в корневую папку вашего каталога на
хостинге (обычно она называется «htdocs»).. Загрузку, как правило, можно
производить двумя способами: либо через web-интерфейс
интерфейс хостера, либо при
помощи фтп-клиентов
клиентов (тот же, всеми любимый, Total Commander имеет
встроенную поддержку
оддержку фтп-соединений).
фтп соединений). Мне по душе второй способ.
Например, я настроил для работы с фтп-соединением
фтп TC. Как это сделать?*
сделать?

*Заходим на вкладку FTP,


FTP, где выбираем пункт «Соединиться с фтп-сервером»,
фтп
далее – жмем кнопку «добавить» и указываем некоторые параметры вашего
соединения. «Имя соединения» - называем на свое усмотрение, «Сервер» -
указываем ftp-адрес
адрес вашего хостера (например, у меня он таков:
ftp.admin.hosting.willdpark.net
dpark.net); «Учетная запись» - здесь прописываем свой
логин, под которым вы зарегистрированы на хостинге и через «собачку»
доменное имя своего сайта (например, kolya@itdistrict.ru).
). Все. Остальные поля
оставляем без изменения, жмем кнопку «ок» и пробуем соединиться с
удаленным ftp.

Далее, в админпанели хостинга создаем базу данных (указываем ее имя,


имя
пароль и имя пользователя SQL).

Важно: сохраните имя и пароль созданной


создан БД + имя пользователя SQL,
они понадобятся при инсталляции WP.

После этого, заходим через ftp-соединение


соединение на ваш хостинг, где в
разархивированном каталоге WP ищем файл «wp-config-sample.php
sample.php» и
копируем его себе на компьютер
компьют (редактирование на сервере запрещено),
затем открываем его при помощи обычного блокнота, и ищем строки:
'DB_NAME', 'database_name_here' (вместо «database_name_here» вписываем
имя нашей БД); 'DB_USER', 'username_here' (вместо «'username_here'
'username_here'»
вписываем имя пользователя БД); 'DB_PASSWORD', 'password_here' (вместо
«'password_here'»
» вписываем пароль своей БД).

После этого, сохраняем наш текстовый файл и загружаем его обратно на


хостинг, однако, приставку «sample»
« » из его названия следует убрать! Как
все это сделано - прописываем
рописываем в адресной строке интернет-браузера
интернет адрес
своего сайта и видим вот такое окошко приветствия.
приветствия

-8-|Страница
Заполняем все необходимые поля, и если все прошло успешно
успешно – видим вот
такое окошко,

-9-|Страница
где нам предлагают войти в админпанель сайта, заводим введенные на
предыдущем шаге данные, и вуаля - мы в «админке» CMS.. Чтобы перейти на
главную страничку - кликаем по ссылке в левом верхнем углу (название
вашего сайта).

- 10 - | С т р а н и ц а
-2-
Настройка вашего веб-
веб
сайта или блога

- 11 - | С т р а н и ц а
Wordpress:: базовые концепции и понятия

Так выглядит блог сразу после установки. Давайте попытаемся разобраться в


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

• После того, как удалось установить Вордпресс на хостинг, вы увидите


стандартный набор: ссылку «Home»,
« », ведущую на главную страничку
вашего сайта; ссылку «About»,
« где обычно размещается информация о
владельцах
цах сайта; Единственный пост «Hello
« Word» («Привет
( Мир»), а
также правый «Сайдбар» с шестью по умолчанию установленными
«виджетами»: Search (Поиск), Recent Post (Недавние
Недавние темы),
темы Recent
Comments (Недавние комментарии),
комментарии) Archives (Архив),
(Архив) Categories
(Категории) и Meta.
Meta

Важно: все «виджеты» можно переименовать на русский лад. Набор


необходимых «виджетов» можно редактировать через администраторскую
панель (об этом речь пойдет ниже).

- 12 - | С т р а н и ц а
• Навигационная панель, обычно используется для отображения статичных
страничек
• Конфигурация «Сайдбаров» может быть достаточно разнообразной, все
зависит от выбранной вами темы. Некоторые темы, позволяют не только
создавать большое количество «сайдбаров», но
но и позволяют
редактировать их отображение на странице.

Выбор темы для Вордпресс

Поиск подходящей темы для вашего wp-сайта


сайта является важным элементом
общего успеха по нескольким причинам:

• Ваш сайт будет по разному восприниматься не только за счет


размещенногого на нем контента, а и благодаря красивому дизайну
(пословицу «встречают по одежке» еще никто не отменял).
• Хорошо подобранная тема, с правильной цветовой гаммой, уже одним
своим видом создаст ощущение профессионализма, а это 50% того, что
посетитель захоче
чет задержаться на сайте подольше.
• Некоторые темы позволяют иметь доступ к множеству настроек (в
большинстве своем – это платные темы). Здесь вам и дополнительные
«Сайдбары», и изменение цветовой палитры заднего фона, и выбор
оттенков для названия сайта и многое, многое другое, чего нет в
стандартной теме (например,
например, в рассматриваемой нами сегодня «Twenty
«
Ten»).
• Каждую тему можно отредактировать при помощи вмешательства в ее
PHP-код,
код, однако, такой способ не подойдет тем, кто плохо разбирается в
этом языке программирования
ограммирования или вообще впервые слышит о нем. Лучше
искать тему, которая уже будет удовлетворять вашим потребностям.
Например темы Theme Framework дают своим владельцам возможность
изменять внешний вид wp-сайтов
сайтов при этом не вмешиваясь в его php-код
(вся работа происходит в «Dashboard»
« (Главная
Главная страничка
«Админпанели»))).

Важно: быстрота работы Wordpress сайта во многом зависит от качества


установленной темы, а также набора используемых плагинов. Качественные
темы, как правило, являются платными. Например,
Например, из платных Theme
Framework тем очень популярны ThemeForest и Woothemes, тогда как из
бесплатных можно посоветовать Lysa, Revolution, Thematic,, Hybrid, Atahualpa и
Whitehouse.

- 13 - | С т р а н и ц а
Активация и установка темы для Wordpress

Если Вы хотите использовать бесплатную тему, то ее установка и активация


происходит через Dashboard:
Dashboard Appearance (Внешний вид) > Install Theme
(Добавить новую тему)).. Ищите тему по названию, затем устанавливаете и
активируете ее.

Если Вы приобрели коммерческую тему, то сначала ее следует загрузить в


соответствующую директорию на вашем хостинге (все это происходит также
как и в первом случае через админпанель Dashboard): Appearance (Внешний
вид) > Install Theme (Добавить
Добавить новую тему)
тему > Upload (выбираем
выбираем
заархивированный файл нужной нам темы, и загружаем его).
его

Дизайн темы для Вордпресс

Первое, что делает обычно пользователь после установки WP – добавляет


собственное лого/баннер вместо, показываемого по умолчанию. Ниже я опишу
процесс создания
оздания баннера при помощи бесплатной программы Paint.net
(работает только под Windows).
Windows Также для этих целей Вы можете использовать
бесплатный графический редактор Gimp (работает
работает на всех платформах)
платформах или
раскошелиться и за $25
25-50 приобрести профессиональный й софт PhotoShop
Elements.

После создания собственного баннера, процесс его загрузки на сайт не


составит особого труда (как обычно заходим в админпанель Dashboard):

Appearance > Header,, выбираем нужный нам графический файл ( Важно:


размеры картинки должны быть 940 × 198 pixels, в противном случае, WP
предложит на месте обрезать графический файл до нужных пропорций).

Понимание терминов «Post»,


« «Pages» и «Links»

Вы должны понять базовые термины, часто встречающиеся при использовании


Вордпресс.

• Posts. Под «постами» мы подразумеваем статьи, располагающиеся у вас


на сайте в соответствии со временем их публикации (чем пост новее, тем
выше он будет ранжироваться на главной странице). Однако, Вы можете
отказаться от использования на главной странице «постов»и закрепить
на ней статические страницы («Pages»).. «Посты» по умолчанию можно
комментировать, однако, если Вы этого не хотите, публикацию
комментариев к тем или иным «постам» можно отменить.

- 14 - | С т р а н и ц а
Все «посты» публикуются в соответственные категории, которые можно
добавлять, удалять и редактировать
редакт через Dashboard:
Dashboard Posts > Categories.
Если вы создали «пост», но не выбрали ему категорию, она присвоится
ему автоматически как «Uncategorized»
« » (Без категории).

Важно: название всех категорий можно менять.

Все категории, по умолчанию отображаются


отображаются в правом «Сайдбаре» при
помощи виджета «Categories»
« » (название можно поменять на более
привычное «Категории»).

• Pages («Страницы»
«Страницы»). Страницы в WordPress всегда статичны. Это значит,
что они всегда находятся на одном и том же месте, в отличии от
«постов», которые опускаются по мере публикации более свежих статей.
Помимо этого, страницы не имеют категорий. В большинстве случаев, в
них размещается информация о владельцах сайта, навигационная карта
портала, и прочая постоянная информация.
информация

• Links («Ссылки» »). Под «Линками» подразумеваются ссылки на сторонние


ресурсы или странички вашего сайта. Редактируются они через меню
Dashboard в одноименном разделе «Links».
« Чтобы ссылки отображались в
«Сайдбаре» на «Главной страничке» следует зайти в меню Appearance
(Внешний вид) и кликнуть по подкатегории Widgets. В загрузившемся
окне, слева будут отображаться все имеющиеся «виджеты», справа
активные и неактивные «Сайдбары»
«Сайдбары» (нам, естественно, нужен активный
«Сайдбар»): зажимаем левой кнопкой «виджет» Links и перетаскиваем
его в область активного «Сайдбара» справа. Все. Обновляем заглавную
страничку, и проверяем результат.

Базовая конфигурация WordPress

По умолчанию, WP уже обладает большинством самых необходимых базовых


настроек, но зачастую приходится что-то
что то добавлять. Если возникла такая
необходимость – заходим по ссылке http://имявашегосайта.com/wp
://имявашегосайта.com/wp-apmin и
ищем категорию «Settings
Settings»:

• Settings > General:


General здесь можно задавать название для вашего сайта,
выбирать способ отображения дат и времени, а также заменить надпись
«Just
Just another WordPress site/Просто
site/Просто еще один сайт на Вордпресс»
Вордпресс на что-
нибудь собственное;

• Settings > Writing:


Writing здесь задается количество публикуемых на «Главной
страничке» постов (по умолчанию стоит цифра «10»);здесь же можно
заменить текстовые смайлы =) :-)
: ) на графические аналоги; Если Вы
- 15 - | С т р а н и ц а
хотите, удаленно редактировать свой блог при помощи таких программ
как Windows Live Writer, то следует поставить галочку напротив «XML-
RPC»;

• Settings > Reading:


Reading здесь можно выбрать будет ли у Вас блог («Посты»
публикуются на «Главной странице») или же статический сайт. WP
является блог-платформой
платформой по умолчанию. Сайты фирм,
фирм как правило,
имеют статичную «Домашнюю страничку», а все новости публикуются в
отдельном разделе «Блог». Сделать это можно так:

Заходим в «Админпанель» (Dashboard)


( выбираем пункт «Pages»,
« где
создаем по очереди сначала страничку «Главная» (это будет ваша ваш
«Домашняя страничка»), а затем страничку «Блог» (здесь будут
публиковаться ваши «посты»). Затем возвращаемся в Settings > Reading
и ставим галочку напротив «A
«A static page (select below)»,
below) а в двух
выпадающих снизу менюшках ставим: в «Front
« page» » - «Главная», а в
«Posts page» - «Блог». Сохраняем настройки при помощи кнопки «Save «
Changes». Все. Теперь зайдя на «Главную страничку» вашего сайта Вы
увидите статичную страницу, а все новости будут «спрятаны» под
ссылкой «Блог». Важно: комментарии к статичным
тичным страницам можно
отключить, через Dashboard > Pages.

• Settings > Privacy:


Privacy здесь выбираем « I would like my site to be visible to
everyone, including search engines (like Google, Bing, Technorati)»
Technorati - если Вы
хотите, чтобы ваш сайт был виден для поисковых систем.
систем В противном
случае – выбираем второй пункт « I would like to block search engines».

• Settings > Permalinks:


Permalinks это меню помогает сделать отображение ссылок
вашего сайта более дружелюбным. По умолчанию все «линки» на «посты»
выглядят примерно вот так: «?p=123»,», однако, это можно исправить. В
меню «Permalink Settings» слева отображаются варианты показа ссылок
(Day and name/дата
/дата и название, Month and name/месяц
/месяц и название,
Numeric/числовой,
/числовой, Custom Structure/собственные
/собственные настройки),
настройки а справа –
примеры.

- 16 - | С т р а н и ц а
Важно: если Вы хотите, чтобы ссылки на вашем сайте отображали
только заголовок статьи в латинской транскрипции (например, ссылка на
тему «Мысли:
Мысли: самый лучший планшетник»
планшетник» будет выглядеть так
«http://itdistrict.ru/myli
http://itdistrict.ru/myli-samyj-luchshij-planshetnik/»),
»), то следует
установить дополнительный «плагин» Cyr-To-Lat (как это сделать я
расскажу чуть ниже).

Sidebars) и «Виджеты» (Widgets)


«Сайдбары» (Sidebars

«Виджеты» - это еще один способ рассказать посетителям о вашем сайте.


Размещаются «виджеты» только в «сайдбарах».

Корректировка отображения «виджетов»:


«виджетов»

1. Через меню «Dashboard


Dashboard» проследуйте: Appearance > Widgets
2. Слева Вы должны увидеть доступные на данный момент «виджеты».
Некоторые из них установлены с Wordpress по умолчанию, некоторые –
появились при помощи загрузки дополнительных «плагинов». Справа
отображаются имеющиеся «Сайдбары» (всего 6 штук).
3. После стандартной
тной установки активен только один «сайдбар». В
принципе на начальном этапе, его Вам должно хватить с головой. Теперь,
если Вам потребуется сделать какой-либо
какой либо «виджет» активным - просто
нажимаем на нем левой кнопкой мышки и перетаскиваем в поле
«сайдбара» справа. В примере ниже, я перетащил «виджет» Calendar

- 17 - | С т р а н и ц а
(«Календарь») в область активного «сайдбара», при этом в строке «Title»
«
я прописал русское название «календарь».

А вот как эти настройки отображаются на главной страничке:

- 18 - | С т р а н и ц а
Установка необходимого набора «плагинов»

«Плагины» для WordPress – это небольшие программы помогающие отображать


имеющуюся у Вас на сайте информацию в ином, более привлекательном, стиле.
Большинство «плагинов» бесплатны, и могут быть установлены
непосредственно при и помощи поиска через админпанель Dashboard.
Dashboard До тех
пор, пока Вы не активируете «плагины», они не будут работать («плагины»
будут отображаться в «плагин-меню»
«плагин WP как «inactive/неактивный
/неактивный»). Поэтому
если какой-либо
либо «плагин» вдруг ни с того ни с сего начал «хандрить»
« - просто
«деактивируйте» его. Неактивный «плагин» можно также удалить, что
предполагает полное физическое стирание программы с вашего хостинга. Ниже
я представил минимум необходимых, на мой взгляд, «плагинов», которые стоит
установить на WP-сайт.
сайт. Установка «плагинов» происходит через админпанель
Dashboard: Plugins > Add New. Просто вводим часть или полное название
необходимого вам «плагина» в поле «Search»
« и жмем рядом стоящую кнопку
«Search Plugins». На заметку:
заметку «плагины» для WP можно искать либо по дате
(Term) загрузки, либо по автору (Author), либо по «тэгу» (Tag
Tag). После того, как
необходимый нам «плагин» найден – жмем на кнопку «Install
Install Now/Установить
сейчас» и активируем его работу через соответствующее меню.

• Subscribe to Comments.
Comments Этот «плагин» позволяет пользователям
подписываться на комментарии к отдельно взятой статье размещенной на
вашем сайте, таким образом, когда кто-то
кто то ответит, человек будет
извещен об этом по электронной почте.

• SI CAPTCHA Anti-Spam.
Anti «Плагин» создан для борьбы
ьбы со «СПАМом»:
каждому желающему оставить комментарий на вашем блоге предлагается
ввести 4-хзначный
хзначный код сгенерированный компьютером. Этакий себе тест
на человечность.

• All-in-One
One SEO Pack.
Pack Этот «плагин» позволит настроить ваш сайт для
более быстрого его индексирования поисковыми системами. Отлично
генерирует мета-теги
мета и теги Description. На заметку:: некоторые темы,
такие, например, как Thesis, имеют собственные SEO-паки
SEO и вам не
нужно устанавливать дополнительные «плагины».
«плагины»

• Google Analyticator.
Analyticator Создан для отображения интерфейса «Google
«
Analytics»
» в легком и доступном пониманию виде.

• XML Sitemap.. Как следует из названия «плагин» автоматически


генерирует XML--файл карты вашего сайта.

• BACKUP. Последний «плагин» в моем списке,


WP-DB-BACKUP ке, но от этого не
менее важный. WP-DB-Backup
WP позволяет возвратить все на свои места,
если вдруг база данных вашего сайта по какой-то
какой то причине «рухнула».
- 19 - | С т р а н и ц а
Важно!

Некоторые «плагины» автоматически создают «виджеты», например, это


делает «My Link Order»,
», дающий возможность создавать и редактировать в
«сайдбарах» категории ссылок.

Не устанавливайте «плагины» с непроверенных сайтов, которые могут


напрямую выполнять php-код
php код (это может привести к неправильной работе
блога, и даже потере имеющейся на нем информации).
информации). Все, что Вы видите
через собственную панель Dashboard (Plugins >Add New),, вероятнее всего
работает и не причинит вреда вашему сайту («плагины» загружаются
непосредственно с WordPress.org),
WordPress ), хотя и здесь встречаются неприятные
исключения.

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

Мне нравится бесплатное графическое приложение Paint.Net


Net. К сожалению,
эта программа работает только под Windows, поэтому, если у вас Mac –
используйте графический редактор Gimp, который так же бесплатен, но более
сложен в понимании. В дополнение
дополнени к этому, могу посоветовать Вам платный
софт – Photoshop elements - стоящий от 25 до 50 долларов США.

Пример представленный ниже основан на Paint.Net, однако, это не значит, что


его основа не может быть применена в сочетании с другими графическими
редакторами.

Таким будет выглядеть наш баннер по окончанию работы:

- 20 - | С т р а н и ц а
1. Запускаем Paint.Net.. Убеждаемся, что окна Tools (Инструменты)
рументы), Layers
(Слои) и Colors (Цвета) видны. Если они не отображаются – исправляем эту
оплошность через меню Window (Окно).

Важно! Язык программы можно изменить на русский:


русский заходим в меню
Utilities и выбираем вкладку Language.

2. Идем на любимый стоковый сайт фотографий и картинок (например,


), ищем графический файл, который будет составлять
http://www.sxc.hu/),
композицию лого вашего сайта, открываем его самое большое разрешение,
затем: Щелчок правой кнопкой мыши > Копировать картинку.
картинку

3. Edit > Paste in to New Image

- 21 - | С т р а н и ц а
4. Кликаем по Rectangle Select (Прямоугольник выделения)) в Окне Tools
(сверху слева) и используем его для выделения необходимой части
изображения для будущего баннера.

- 22 - | С т р а н и ц а
5. Далее Image > Crop to Selection (этим шагом мы обрезаем выделенную
область по всем краям).
краям

6. Выбираем высоту баннера: как по мне 150 px – приемлемый размер.


Кликаем Image > Resize и вводим выбранный размер в поле Height, жмем ОК.

- 23 - | С т р а н и ц а
7. Выбор ширины баннера зависит от ширины вашего сайта (стандартно
выбирается 800 или 100 px). Выбираем меню Image > Canvas Size и
прописываем ширину (Width)
( в 800 пикселей. Галочку напротив « Maintain
Aspect Ratio » ставить не нужно!

8. Теперь давайте вставим задний слой: заходим Layers > Add New Layer.
Картинка останется без изменений, но заметьте в Окне Layers появился новый
слой «Layer 2».

9. Первым делом, для большей понятливости, кликаем два раза на «Layer 1» в


Окне Layer и переименовываем его в «Teddy». После чего проделываем
аналогичную процедуру с «Layer 2», только даем ему название «Background».

- 24 - | С т р а н и ц а
Чтобы понять что такое «Слои» (Layers)
( снимите галочку напротив названия
«Teddy» в Окне Layers.
Layers Это сделает этот «слой» невидимым. Сейчас
отображаются только «пустые»
« пиксели – слой «Background
Background».

В графической программе, каждый «слой» является отдельным изображением.


Картинки отображаются на экране в порядке расположения в Окошке Layers.
Единственная причина почему виден нижний слой – потому что верхний
состоит из «пустых» пикселей. К примеру, слой «Teddy» отображается на
экране только благодаря «пустому» верхнему слою.

10. Теперь давайте раскрасим слой «Background»


« в черный цвет. В первую
очередь делаем слой «Teddy»
« опять видимым (ставим галочку напротив

- 25 - | С т р а н и ц а
названия «Teddy»), а «Background»
« - невидимым. После, выбираем Color Picker
в Окошке Tools и кликаем по самому темному месту картинки «Teddy»/
«
Заметьте: главный цвет (Primary)
( в Окне Colors изменился на черный.

11. Возвращаемся в слой «Background»


« (кликаем
кликаем по названию в Окне Layers),
выбираем инструмент Paint Bucket в Окошке Tools и кликаем где угодно на
изображении. 100% площади картинки станет черным.

Причина этого, как не трудно догадаться, кроется в расположении слоев: слой


Background располагается выше слоя Teddy.

12. Переместите слой «Background»


« ниже слоя «Teddy». Выделяем название
«Background» в Окне Layers и жмем на стрелочку «вниз».

- 26 - | С т р а н и ц а
13. Теперь используя инструмент Text пишем текст баннера.

14. Если Вам хочется добавить дополнительное изображение в создаваемый


баннер. Копируем эту картинку (правая кнопка мыши > Копировать картинку),
и вставляем в программу Paint.net (См. Шаг №3). Далее подгоняем ее под
размеры баннера (Шаг № 6),6) сохраняем, копируем (Edit > Copy)
Copy и вставляем в
выделяем его в Image List в правом верхнем углу
редактируемое лого (выделяем
программы): Edit > Paste in to New Layer.

Важно! Для сглаживания разных цветов, читай плавный переход от


черного к белому в моем примере (см. конечный вариант баннера в самом
начале этого раздела), используем Rectangle Select (Прямоугольник
Прямоугольник
выделения),, которым выделяем необходимую область размытия. После этого
заходим: Effects > Blurs > Gaussian blur и выбираем необходимую степень
сглаживания.

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

- 27 - | С т р а н и ц а
-3-
Публикация контента
при
ри помощи WordPress

- 28 - | С т р а н и ц а
Чтобы создать новую страничку или пост – выбираем в меню Dashboard Page
> Add New и Post > Add New соответственно. В обеих случаях появится
текстовый редактор WordPress Visual Editor. Ниже описаны его главные
особенности:

* WYSIWYG - аббревиатура от англ. What You See Is What You Get, «что
видишь, то и получишь».
получишь

Редактор вполне понятный и легкий в освоении (по крайней мере это касается
режима «Visual»).

Важно!

• Редактировать текст к постам и загружать его к себе на сайт можно при


помощи специальной программы Windows Live Writer (на ней я
остановлюсь немного поподробней
по ниже).
• Как альтернативу я могу посоветовать плагин «Tiny MCE Advanced
editor»,
», который добавит много полезностей в меню редактирования
контента WordPress Visual Editor.

- 29 - | С т р а н и ц а
Windows Live Writer это великолепный инструмент для создания богатого
контента вашего блога в режиме «офф-лайн». Программа дает намного больше
настроек, чем встроенный редактор Visual Editor, и будет очень кстати, если Вы
планируете публиковать в постах много видео и графических файлов. При
помощи Windows Live Writer Вы создаете контент у себя на компьютере, и уже
потом, при помощи встроенного XML-RPC протокола WordPress (для работы
программы в меню Dashboard необходимо активировать опцию « Enable the
WordPress, Movable Type,
Type MetaWeblog and Blogger XML-RPC publishing protocols »
- Settings > Writing) автоматически передаете его на сайт. К тому же софт
бесплатен, что просто превосходно, учитывая, что конкурент WLW – Blogo
разработанный для Mac платформ - стоит около $30.

Скачать последнюю версию программы всегда можно с официального сайта


приложения - http://explore.live.com/windows-live-writer.
http://explore.live.com/windows

В этом небольшом мануале я попытался раскрыть базовые понятия того, как


создать красивый и привлекательный сайт используя платформу WordPress.
Очень надеюсь, что все что тут написано пригодится Вам (очевидно это именно
так, раз Вы дошли до этих строк ☺). Конечно, в этой электронной книжке
представлена далеко не вся информация о WP. Эта CMS, в отличии от
большинства аналогов, позволяет подгонять под свои потребности
разноплановые сайты. При этом «Вордпресс» достаточно легко воспринимается
новичками, и, что очень важно, он БЕСПЛАТЕН!
- 30 - | С т р а н и ц а
Если Вам понравилась эта книжка - буду рад видеть Вас у себя на сайте
http://ItDistrict.ru.. Комментируйте, пишите свои впечатления, делайте
замечания. Все мы не совершенны, возможно, что-то то упустил, что-то
что до конца
не раскрыл. Одним словом, буду рад любым конструктивным советам и
замечаниям.

Зовут меня Николай Дроздев,


Дроздев, живу я в Украине, в славном городе корабелов
Николаеве. Стимулом написать эту книгу послужило желание сохранить тотт
опыт, который набрался за время работы с WordPress (а это, без малого, год с
хвостиком). Основным видом деятельности для меня является работа в банке,
как хобби веду собственный блог (угадайте на какой CMS он работает ☺). Плюс
ко всему, уже более года работаю копирайтером и рерайтером.
рерайтер

По всем интересующим вопросам обращайтесь:

Николай Дроздев

ICQ: 146082272

E-mail: lomaster84@yandex
yandex.ru или webmaster@itdistrict.ru

Site: http://itdistrict.ru

- 31 - | С т р а н и ц а

Оценить