Создай Свой Собственный wordpress Сайт (Учебное пособие) -...

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

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

1.

Что такое WordPress …

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

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

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

Установка WordPress

2.

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

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

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

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

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

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

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

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

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

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

Использование встроенного

Windows Live Writer

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

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

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

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


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

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

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

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

WordPress на хостинг …………………………………………………………………….

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

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

WordPress ………………………………………………………………………….

Wordpress ….………………………………………………………………………

WordPress ….………………………………………………………………………

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

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

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

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

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

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

встроенного редактора Visual Editor ……………………………………….

Writer ……………………………………………………………………………………..

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

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

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

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

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

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

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

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

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

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

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

……………………………………………………12

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

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

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

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

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

………………………………………17

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

………………………………………………………………20

WordPress

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

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

……………………………………………………………………………………30

………………………………………………………………31

http://itdistrict.ru/

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

• Базовая концепция сайта: элементы и графическое отображение;

• Выбор темы для

• Понимание терминов

• Использование Sidebar’ов и Widget’ов;

• Установка плагинов

• Установка WordPress

• Список необходимых и полезных плагинов;

• Базовая тема Twenty

• Расширение возможностей по написанию статей при помощи стороннего

софта: Windows

• Создания баннера для сайта при помощи бесплатного ПО.

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

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

Базовая концепция сайта: элементы и графическое отображение;

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

Понимание терминов Post, Page и Link.

Sidebar’ов и Widget’ов;

Установка плагинов для WordPress;

WordPress на хостинг;

Список необходимых и полезных плагинов;

Twenty Ten: стиль и конфигурация;

Расширение возможностей по написанию статей при помощи стороннего

Live Writer;

Создания баннера для сайта при помощи бесплатного ПО.

е другое…

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

Базовая концепция сайта: элементы и графическое отображение;

Расширение возможностей по написанию статей при помощи стороннего

Создания баннера для сайта при помощи бесплатного ПО.


Установка

-1-


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

WordPress


WordPress – это Система Контент Менеджмента (

или сокращенно - CMS

вашего сайта при помощи специальной администраторской панели. Помимо

этого, в этой CMS реализована возможность подстраивать «под себя»

навигационную структуру сайта, включая расположение

«виджетов», «баннеров» (на этих терминах я остановлюсь немного

поподробней чуть ниже), при этом знания

или вообще отсутствовать.

новички уже через несколько часов активного

и устройство. Эта CMS

создания «сайта визитки

WordPress является Open

тысяч программистов со всего

установку ни копейки (последняя версия

официальном сайте проекта

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

приложением написанным на языке

базы MySQL. Как правило,

под управлением ОС Linux

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

PHP – язык программирования разработанный для

MySQL – бесплатная база данных

– операционная система работающая на большинстве

миру. Все это, также как и

WordPress является самой популярной

приблизительно 200 миллионов сайтов

WP.

Основное назначение WordPress

не значит, что на эту CMS

Бесплатные темы для WordPress

внешний облик вашего сайта. А бесплатные плагины для

его функционал.

это Система Контент Менеджмента (Content Management

CMS). WP позволяет редактировать и создавать контент


реализована возможность подстраивать «под себя»

навигационную структуру сайта, включая расположение страниц, «сайдбаров»

иджетов», «баннеров» (на этих терминах я остановлюсь немного

ниже), при этом знания HTML языка могут быть минимальны

или вообще отсутствовать. «Вордпресс» легок в освоении, и как правило,

новички уже через несколько часов активного «юзания» WP

подходит для выполнения большого спектра задач

сайта визитки» до огромного новостного портала.

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

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

установку ни копейки (последняя версия WordPress всегда доступна на

официальном сайте проекта http://wordpress.org/).

(да простят меня лингвисты за мои англицизмы=))

приложением написанным на языке PHP, использующим для хранения данных

правило, сервера на которых установлены

Linux.*

ык программирования разработанный для создания

база данных, постоянно дополняемая и развиваемая;

операционная система работающая на большинстве web-серверо

миру. Все это, также как и WP, является Open Source разработками.

является самой популярной CMS: согласно данным

приблизительно 200 миллионов сайтов по всему миру работали на «движке»

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

CMS нельзя «натянуть» на какой-нибудь обычный сайт.

WordPress помогут легко и непринужденно изменить

внешний облик вашего сайта. А бесплатные плагины для WordPress

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

Management System

позволяет редактировать и создавать контент


реализована возможность подстраивать «под себя»

страниц, «сайдбаров»,

иджетов», «баннеров» (на этих терминах я остановлюсь немного

языка могут быть минимальны

«Вордпресс» легок в освоении, и как правило,

WP, понимают его суть

подходит для выполнения большого спектра задач – от

до огромного новостного портала.

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

мира, и поэтому Вам не придется платить за его

всегда доступна на

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

использующим для хранения данных

сервера на которых установлены WP-сайты работают

создания web-приложений;

постоянно дополняемая и развиваемая; Linux

серверов по всему

разработками.

согласно данным Wiki, в 2010 году

по всему миру работали на «движке»

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

нибудь обычный сайт.

помогут легко и непринужденно изменить

WordPress расширят


http://wordpress.org/

Большинство пользователей

использовании, чего нельзя сказать о более сложных аналогах (

Dropal), которые могут быть не только трудны в понимании, но и платными

(DLE).

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

Выбор: сторонний хостинг

Вы можете разместить ваш

wordpress.com, а потом привязать к нему платный домен (домен в зоне

можно без проблем приобрести за

будет размещен на серверах

беспокоиться о поиске хостинга.

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

«движка» WP присутствует ограничение на установку тем и плагинов:

например, все коммерческие темы для

бесплатные, устанавливать нельзя

возможностях управления собственным сайтом, к тому же

дает доступа к PHP-коду вашего блога.

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

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

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

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

набор символов (латинский, кириллический алфавит, цифры), который в

совокупности составляет текстовый адрес того или иного

itdistrict.ru состоит из домена «верхнего уровня»

уровня» - itdistrict.

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

доменов и хостинговая компания. Иногда, хостинговые компании по

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

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

сайт, и обеспечивает 24

это те же компьютеры, работающие непре

семи дней в неделю и 365

Интернету, и за их работоспособностью следит персонал.

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

сроков его использования. З

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

Большинство пользователей WP, выбрали эту CMS за ее легкость в

использовании, чего нельзя сказать о более сложных аналогах (

которые могут быть не только трудны в понимании, но и платными

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

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

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

а потом привязать к нему платный домен (домен в зоне

можно без проблем приобрести за $5-6 в год). Весь контент вашего сайта

будет размещен на серверах wordpress.com, поэтому Вам не нужно

беспокоиться о поиске хостинга.


присутствует ограничение на установку тем и плагинов:

например, все коммерческие темы для WordPress, включая и многие

устанавливать нельзя. Одним словом, Вы будет

возможностях управления собственным сайтом, к тому же wordpress

коду вашего блога.


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

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

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


совокупности составляет текстовый адрес того или иного сайта. Например, сайт

состоит из домена «верхнего уровня» - ru и домена «второго


доменов и хостинговая компания. Иногда, хостинговые компании по



сайт, и обеспечивает 24-часовой доступ к нему из любой точки мира. Сервера

это те же компьютеры, работающие непрерывно в течении 24

семи дней в неделю и 365-ти дней в году. Все сервера подключены к

Интернету, и за их работоспособностью следит персонал.

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

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


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

за ее легкость в

использовании, чего нельзя сказать о более сложных аналогах (Joomla,

которые могут быть не только трудны в понимании, но и платными

блог/сайт на бесплатном хостинге

а потом привязать к нему платный домен (домен в зоне .ru

в год). Весь контент вашего сайта,

поэтому Вам не нужно


присутствует ограничение на установку тем и плагинов:

, включая и многие

Одним словом, Вы будете ограничены в

wordpress.com не


доменным именем», подразумевают


сайта. Например, сайт

и домена «второго


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



часовой доступ к нему из любой точки мира. Сервера -

рывно в течении 24-х часов в сутки,

ти дней в году. Все сервера подключены к

тарифного пакета, а также

десь главное понимать, что Вам необходимо от



аудио, видео контента или вы ограничитесь загрузкой небольших графических

файлов. По своему опыту могу

только будете знакомиться с «Вордпресс», Вам за глаза хватит и 100 Мб

(видео, аудио и картинки можно размещать и на сторонних сайтах, экономя на

своем дисковом пространстве хостинга). Обойдется такой хостинг, в среднем в

$25-30 за 12 месяцев обслу

должен официально поддерживать

новее).

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

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

«парковкой домена», процесс легк

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

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

Во-первых, необходимо узнать адреса

их высылают в электронном письме сразу же после регистрации вашего

аккаунта, в противном случае

хостинговой компании).

Во-вторых, когда адреса

Регистратора доменов, и в контрольной панели вашего аккаунта находим

соответствующее меню (у каждой хостинговой к

по-разному, поэтому если найти его не удается

хостера, либо «стучимся» за помощ

их названия (например,

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

«внешних» заходов уже по прошествии нескольких часов, однако, не редки

случаи, когда для этого требуются целые сутки.

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

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

будущего сайта ничего не показывается… Итак, мы подошли к рассмотрению

очень важного вопроса: как установить «ВордПресс» на хостинг?

Для установки Wordpress

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

http://wordpress.org/.


файлов. По своему опыту могу сказать, что на начальном этапе




за 12 месяцев обслуживания. Да, еще стоит отметить, что хостинг

должен официально поддерживать PHP 4.3 (или новее) и MySQL

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


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

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

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

первых, необходимо узнать адреса DNS-серверов вашего Хостера (обычно


аккаунта, в противном случае – обращайтесь в службу поддержки

хостинговой компании).

вторых, когда адреса DNS-серверов известны – заходим на сайт в


соответствующее меню (у каждой хостинговой компании это меню расположено

разному, поэтому если найти его не удается – идем за ответом либо в

либо «стучимся» за помощью в его техподдержку), где прописываем

их названия (например, ns1.АдресХостера.net и ns2.АдресХостера.



лучаи, когда для этого требуются целые сутки.

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




Wordpress на хостинг, Вам потребуется свежий дистрибутив

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

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


сказать, что на начальном этапе, когда вы




живания. Да, еще стоит отметить, что хостинг

MySQL 4.1.2 (или


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

серверов вашего Хостера (обычно


обращайтесь в службу поддержки вашей

заходим на сайт вашего


омпании это меню расположено

идем за ответом либо в faq

техподдержку), где прописываем

2.АдресХостера.net).






тся свежий дистрибутив

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


http://wordpress.org/

После того, как заархивированная версия

распаковываем ее и забрасываем в

хостинге (обычно она называется

производить двумя способами: либо через

помощи фтп-клиентов (тот же, всеми любимый,

встроенную поддержку фтп

Например, я настроил для работы с фтп

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

далее – жмем кнопку «добавить» и указываем некоторые параметры вашего

соединения. «Имя соединения»

указываем ftp-адрес вашего хостера (например, у меня он таков:

ftp.admin.hosting.willdpark.net

логин, под которым вы зарегистрированы на хостинге и через «собачку»

доменное имя своего сайта (например,

оставляем без изменения, жмем кнопку «ок» и пробуем соединиться с

удаленным ftp.

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

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

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

они понадобятся при инсталляции

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

разархивированном каталоге

копируем его себе на компьют

затем открываем его при помощи обычного блокнота, и ищем строки:

'DB_NAME', 'database_name_here'

имя нашей БД); 'DB_USER', 'username_here'

вписываем имя пользователя БД);

«'password_here'» вписываем пароль своей БД).

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

хостинг, однако, приставку «

все это сделано - прописываем в адресной строке интернет

своего сайта и видим вот такое окошко приветствия

После того, как заархивированная версия WP скачана на ваш компьютер

распаковываем ее и забрасываем в корневую папку вашего каталога на

хостинге (обычно она называется «htdocs»). Загрузку, как правило, можно

производить двумя способами: либо через web-интерфейс хостера, либо при

клиентов (тот же, всеми любимый, Total Commander

оддержку фтп-соединений). Мне по душе второй способ.

Например, я настроил для работы с фтп-соединением TC. Как это сделать?

FTP, где выбираем пункт «Соединиться с фтп

жмем кнопку «добавить» и указываем некоторые параметры вашего

соединения. «Имя соединения» - называем на свое усмотрение, «Сервер»

адрес вашего хостера (например, у меня он таков:

dpark.net); «Учетная запись» - здесь прописываем свой


доменное имя своего сайта (например, [email protected]). Все. Остальные поля


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

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

сохраните имя и пароль созданной БД + имя пользователя

они понадобятся при инсталляции WP.

заходим через ftp-соединение на ваш хостинг, где в

разархивированном каталоге WP ищем файл «wp-config-sample.php

копируем его себе на компьютер (редактирование на сервере запрещено),

открываем его при помощи обычного блокнота, и ищем строки:

'DB_NAME', 'database_name_here' (вместо «database_name_here» вписываем

'DB_USER', 'username_here' (вместо «'username_here'

имя пользователя БД); 'DB_PASSWORD', 'password_here'

» вписываем пароль своей БД).

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

приставку «sample» из его названия следует убрать!

рописываем в адресной строке интернет

своего сайта и видим вот такое окошко приветствия.

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

скачана на ваш компьютер –

корневую папку вашего каталога на

. Загрузку, как правило, можно

интерфейс хостера, либо при

Commander имеет

соединений). Мне по душе второй способ.

Как это сделать?*

, где выбираем пункт «Соединиться с фтп-сервером»,

жмем кнопку «добавить» и указываем некоторые параметры вашего

называем на свое усмотрение, «Сервер» -

адрес вашего хостера (например, у меня он таков:

здесь прописываем свой


). Все. Остальные поля


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

+ имя пользователя SQL,

соединение на ваш хостинг, где в

sample.php» и

(редактирование на сервере запрещено),

открываем его при помощи обычного блокнота, и ищем строки:

(вместо «database_name_here» вписываем

'username_here'»

'DB_PASSWORD', 'password_here' (вместо

и загружаем его обратно на

» из его названия следует убрать! Как

рописываем в адресной строке интернет-браузера адрес


Заполняем все необходимые поля, и если все прошло у

такое окошко,

Заполняем все необходимые поля, и если все прошло успешно

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

спешно – видим вот


где нам предлагают войти в админпанель

предыдущем шаге данные, и вуаля

главную страничку - кликаем по ссылке в левом верхнем углу (название

вашего сайта).

где нам предлагают войти в админпанель сайта, заводим введенные на

предыдущем шаге данные, и вуаля - мы в «админке» CMS. Чтобы перейти на

кликаем по ссылке в левом верхнем углу (название

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

сайта, заводим введенные на

. Чтобы перейти на

кликаем по ссылке в левом верхнем углу (название


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


-2-

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


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

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



Wordpress: базовые концепции и понятия

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

его навигации и дизайне. Каждая тема для Вордпресс (

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

Давайте попытаемся разобраться в них.

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

стандартный набор: ссылку «

вашего сайта; ссылку «

владельцах сайта; Единственный пост «

также правый «Сайдбар» с шестью по

«виджетами»: Search

Comments (Недавние комментарии)

(Категории) и Meta

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

необходимых «виджетов» можно редактировать через администраторскую

панель (об этом речь пойдет ниже).

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


его навигации и дизайне. Каждая тема для Вордпресс (спорт, новости, бизнес

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

Давайте попытаемся разобраться в них.

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

стандартный набор: ссылку «Home», ведущую на главную страничку

ссылку «About», где обычно размещается информация о

цах сайта; Единственный пост «Hello Word» (

также правый «Сайдбар» с шестью по умолчанию установленными

Search (Поиск), Recent Post (Недавние темы

(Недавние комментарии), Archives (Архив)

Meta.

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


панель (об этом речь пойдет ниже).

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


спорт, новости, бизнес)

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

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

», ведущую на главную страничку

где обычно размещается информация о

(«Привет Мир»), а

умолчанию установленными

Недавние темы), Recent

(Архив), Categories

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



• Навигационная панель, обычно используется для отображения статичных

страничек

• Конфигурация «Сайдбаров» может быть достаточно разнообразной, все

зависит от выбранной вами темы. Некоторые темы, позволяют не только

создавать большое количество «сайдбаров», н

редактировать их отображение на странице.

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

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

общего успеха по нескольким причинам:

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

размещенного на нем контента, а и благодаря красивому дизайну

(пословицу «встречают по одежке» еще никто не отменял).

• Хорошо подобранная тема, с правильной цветовой гаммой, уже одним

своим видом создаст ощущение профессионализма, а это 50% того, что

посетитель захоче

• Некоторые темы позволяют иметь доступ к множеству настроек (в

большинстве своем

«Сайдбары», и изменение цветовой палитры заднего фона, и выбор

оттенков для названия

стандартной теме

Ten»).

• Каждую тему можно отредактировать при помощи вмешательства в ее

PHP-код, однако, такой способ не подойдет тем, кто плохо разбирается в

этом языке программирования или вообще впервые слышит о нем. Лучше

искать тему, которая уже будет удовлетворять вашим потребностям.

Например темы Theme

изменять внешний вид

(вся работа происходит в «

«Админпанели»)

Важно: быстрота работы

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

темы, как правило, являются платными. Например

Framework тем очень популярны

бесплатных можно посоветовать

Whitehouse.

Навигационная панель, обычно используется для отображения статичных

Конфигурация «Сайдбаров» может быть достаточно разнообразной, все


создавать большое количество «сайдбаров», но и позволяют

редактировать их отображение на странице.

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

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

общего успеха по нескольким причинам:

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

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


Хорошо подобранная тема, с правильной цветовой гаммой, уже одним


чет задержаться на сайте подольше.

Некоторые темы позволяют иметь доступ к множеству настроек (в

большинстве своем – это платные темы). Здесь вам и дополнительные


оттенков для названия сайта и многое, многое другое,

стандартной теме (например, в рассматриваемой нами сегодня «

Каждую тему можно отредактировать при помощи вмешательства в ее

код, однако, такой способ не подойдет тем, кто плохо разбирается в

ограммирования или вообще впервые слышит о нем. Лучше


Theme Framework дают своим владельцам возможность

изменять внешний вид wp-сайтов при этом не вмешиваясь

работа происходит в «Dashboard» (Главная страничка

)).

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

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

темы, как правило, являются платными. Например, из платных

тем очень популярны ThemeForest и Woothemes

бесплатных можно посоветовать Lysa, Revolution, Thematic,

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

Навигационная панель, обычно используется для отображения статичных

Конфигурация «Сайдбаров» может быть достаточно разнообразной, все


о и позволяют

сайта является важным элементом

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

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


Хорошо подобранная тема, с правильной цветовой гаммой, уже одним


Некоторые темы позволяют иметь доступ к множеству настроек (в

это платные темы). Здесь вам и дополнительные


многое, многое другое, чего нет в

например, в рассматриваемой нами сегодня «Twenty

Каждую тему можно отредактировать при помощи вмешательства в ее

код, однако, такой способ не подойдет тем, кто плохо разбирается в

ограммирования или вообще впервые слышит о нем. Лучше


дают своим владельцам возможность

сайтов при этом не вмешиваясь в его php-код

Главная страничка

сайта во многом зависит от качества

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

, из платных Theme

, тогда как из

, Hybrid, Atahualpa и


Активация и установка темы для

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

происходит через Dashboard

(Добавить новую тему)

активируете ее.

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

соответствующую директорию на вашем хостинге (все это происходит также

как и в первом случае через админпанель

вид) > Install Theme (Добавить новую тему

заархивированный файл нужной нам темы, и загружаем его

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

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

собственное лого/баннер вместо, показываемого по умолчанию. Ниже я опишу

процесс создания баннера при помощи бесплатной программы

(работает только под Windows

бесплатный графический редактор

раскошелиться и за $25

Elements.

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

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

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

размеры картинки должны быть

предложит на месте обрезать

Понимание терминов «

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

Вордпресс.

• Posts. Под «постами» мы

на сайте в соответствии со временем их публикации (чем пост новее, тем

выше он будет ранжироваться на главной странице). Однако, Вы можете

отказаться от использования на главной странице «постов»и закрепить

на ней статические

комментировать, однако, если Вы этого не хотите, публикацию

комментариев к тем или иным «постам» можно отменить.

Активация и установка темы для Wordpress


Dashboard: Appearance (Внешний вид) >

). Ищите тему по названию, затем устанавливаете и



как и в первом случае через админпанель Dashboard): Appearance

Добавить новую тему) > Upload (выбираем

заархивированный файл нужной нам темы, и загружаем его

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

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


оздания баннера при помощи бесплатной программы

Windows). Также для этих целей Вы можете использовать

бесплатный графический редактор Gimp (работает на всех платформах

25-50 приобрести профессиональный софт


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

, выбираем нужный нам графический файл (

размеры картинки должны быть 940 × 198 pixels, в противном

обрезать графический файл до нужных

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


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




на ней статические страницы («Pages»). «Посты» по умолчанию можно



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


> Install Theme

. Ищите тему по названию, затем устанавливаете и



Appearance (Внешний

выбираем

заархивированный файл нужной нам темы, и загружаем его).

WP – добавляет


оздания баннера при помощи бесплатной программы Paint.net

Также для этих целей Вы можете использовать

работает на всех платформах) или

й софт PhotoShop


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

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

противном случае, WP

нужных пропорций).


статьи, располагающиеся у вас




. «Посты» по умолчанию можно




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

добавлять, удалять и редакт

Если вы создали «пост», но не выбрали ему категорию, она присвоится

ему автоматически как «

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

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

помощи виджета «

привычное «Категории»).

• Pages («Страницы»

что они всегда находятся на одном и том же месте, в отличии от

«постов», которые опускаются по мере публикации более свежих статей.

Помимо этого, страницы не имеют категорий. В большинстве случаев, в

них размещается информация

портала, и прочая постоянная информация

• Links («Ссылки»

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

Dashboard в одноименном разделе «

«Сайдбаре» на «Главной страничке» следует зайти в меню

(Внешний вид) и кликнуть по подкатегории

окне, слева будут отображаться все имеющиеся «виджеты», справа

активные и неактивные «Сайдбары

«Сайдбар»): зажимаем левой кнопкой «виджет»

его в область активного «Сайдбара» справа. Все. Обновляем заглавную

страничку, и проверяем результат.

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

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

настроек, но зачастую приходится что

необходимость – заходим по ссылке

ищем категорию «Settings

• Settings > General

выбирать способ отображения дат и времени, а также заменить надпись

«Just another WordPress site

нибудь собственное;

• Settings > Writing

страничке» постов (по умолчанию стоит цифра «10»);здесь же можно

заменить текстовые смайлы =) :


добавлять, удалять и редактировать через Dashboard


ему автоматически как «Uncategorized» (Без категории).

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

Все категории, по умолчанию отображаются в правом «Сайдбаре» при

помощи виджета «Categories» (название можно поменять на более

привычное «Категории»).

«Страницы»). Страницы в WordPress всегда статичны. Это значит,




них размещается информация о владельцах сайта, навигационная карта

и прочая постоянная информация.

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

ресурсы или странички вашего сайта. Редактируются они через меню

в одноименном разделе «Links». Чтобы ссылки отображались в

«Сайдбаре» на «Главной страничке» следует зайти в меню

и кликнуть по подкатегории Widgets.


активные и неактивные «Сайдбары» (нам, естественно, нужен активный

«Сайдбар»): зажимаем левой кнопкой «виджет» Links


страничку, и проверяем результат.

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

уже обладает большинством самых необходимых базовых

настроек, но зачастую приходится что-то добавлять. Если возникла такая

заходим по ссылке http://имявашегосайта.com/wp

Settings»:

General: здесь можно задавать название для вашего сайта,


Just another WordPress site/Просто еще один сайт на Вордпресс

нибудь собственное;

Writing: здесь задается количество публикуемых на «Главной


заменить текстовые смайлы =) :-) на графические аналоги; Если Вы

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


Dashboard: Posts > Categories.


» (Без категории).

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

ся в правом «Сайдбаре» при

» (название можно поменять на более

всегда статичны. Это значит,




о владельцах сайта, навигационная карта

Под «Линками» подразумеваются ссылки на сторонние

Редактируются они через меню

Чтобы ссылки отображались в

«Сайдбаре» на «Главной страничке» следует зайти в меню Appearance

В загрузившемся


» (нам, естественно, нужен активный

Links и перетаскиваем


уже обладает большинством самых необходимых базовых

то добавлять. Если возникла такая

://имявашегосайта.com/wp-apmin и

здесь можно задавать название для вашего сайта,


/Просто еще один сайт на Вордпресс» на что-

здесь задается количество публикуемых на «Главной


) на графические аналоги; Если Вы


хотите, удаленно редактировать свой блог при помощи таких программ

как Windows Live

RPC»;

• Settings > Reading

публикуются на «Главной странице»)

является блог-платформой по умолчанию. Сайты фирм

имеют статичную «Домашнюю страничку», а все новости публикуются в

отдельном разделе «Блог». Сделать это можно так:

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

создаем по очереди сначала страничку «Главная» (это будет ваш

«Домашняя страничка»), а затем страничку «Блог» (здесь будут

публиковаться ваши «посты»). Затем возвращаемся в

и ставим галочку напротив «

выпадающих снизу менюшках ставим: в «

«Posts page» - «Блог». Сохраняем настройки при помощи кнопки «

Changes». Все. Теперь зайдя на «Главную страничку» вашего сайта Вы

увидите статичную страницу, а все новости будут «спрятаны» под

ссылкой «Блог».

отключить, через

• Settings > Privacy

everyone, including

хотите, чтобы ваш

случае – выбираем

• Settings > Permalinks

вашего сайта более дружелюбным. По умолчанию все «линки» на «посты»

выглядят примерно

меню «Permalink

(Day and name/дата и название,

Numeric/числовой,

примеры.


Live Writer, то следует поставить галочку напротив «

Reading: здесь можно выбрать будет ли у Вас блог («Посты»

публикуются на «Главной странице») или же статический сайт.

платформой по умолчанию. Сайты фирм


отдельном разделе «Блог». Сделать это можно так:

Заходим в «Админпанель» (Dashboard) выбираем пункт «

создаем по очереди сначала страничку «Главная» (это будет ваш


публиковаться ваши «посты»). Затем возвращаемся в

ставим галочку напротив «A static page (select below)

выпадающих снизу менюшках ставим: в «Front page»

«Блог». Сохраняем настройки при помощи кнопки «

Все. Теперь зайдя на «Главную страничку» вашего сайта Вы


ссылкой «Блог». Важно: комментарии к статичным страницам можно

отключить, через Dashboard > Pages.

Privacy: здесь выбираем « I would like my site

including search engines (like Google, Bing, Technorati

ваш сайт был виден для поисковых систем

выбираем второй пункт « I would like to block

Permalinks: это меню помогает сделать отображение ссылок


выглядят примерно вот так: «?p=123», однако, это можно исправить. В

Settings» слева отображаются варианты

/дата и название, Month and name/месяц и название,

/числовой, Custom Structure/собственные настройки

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


то следует поставить галочку напротив «XML-

здесь можно выбрать будет ли у Вас блог («Посты»

или же статический сайт. WP

платформой по умолчанию. Сайты фирм, как правило,


выбираем пункт «Pages», где

создаем по очереди сначала страничку «Главная» (это будет ваша


публиковаться ваши «посты»). Затем возвращаемся в Settings > Reading

A static page (select below)», а в двух

» - «Главная», а в

«Блог». Сохраняем настройки при помощи кнопки «Save

Все. Теперь зайдя на «Главную страничку» вашего сайта Вы


тичным страницам можно

site to be visible to

Technorati)» - если Вы

систем. В противном

block search engines».

это меню помогает сделать отображение ссылок


», однако, это можно исправить. В

варианты показа ссылок

/месяц и название,

/собственные настройки), а справа –


Важно: если Вы хотите, чтобы ссылки на вашем сайте отображали

только заголовок статьи в латинской транскрипции (например, ссылка на

тему «Мысли: самый лучший планшетник

«http://itdistrict.ru/myli

установить дополнительный «плагин»

расскажу чуть ниже).

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

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

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

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

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

2. Слева Вы должны увидеть доступные на данный момент «виджеты».

Некоторые из них установлены с

появились при помощи загрузки дополнительных «плагинов». Справа

отображаются имеющиеся «Сайдбары» (всего 6 штук).

3. После стандартной установки активен только один «сайдбар». В

принципе на начальном этапе, его Вам должно хватить с головой. Теперь,

если Вам потребуется сделать какой

нажимаем на нем левой кнопкой мышки и перетаскиваем в поле

«сайдбара» справа. В примере ниже, я перетащил «виджет»

если Вы хотите, чтобы ссылки на вашем сайте отображали


Мысли: самый лучший планшетник» будет выглядеть так

http://itdistrict.ru/myli-samyj-luchshij-planshetnik/»), то следует

установить дополнительный «плагин» Cyr-To-Lat (как это сделать я

расскажу чуть ниже).

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

это еще один способ рассказать посетителям о вашем сайте.

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

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

Dashboard» проследуйте: Appearance > Widgets

Слева Вы должны увидеть доступные на данный момент «виджеты».

Некоторые из них установлены с Wordpress по умолчанию, некоторые



тной установки активен только один «сайдбар». В


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


справа. В примере ниже, я перетащил «виджет»

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

если Вы хотите, чтобы ссылки на вашем сайте отображали


» будет выглядеть так

»), то следует

(как это сделать я

это еще один способ рассказать посетителям о вашем сайте.

Appearance > Widgets

Слева Вы должны увидеть доступные на данный момент «виджеты».

по умолчанию, некоторые –



тной установки активен только один «сайдбар». В


либо «виджет» активным - просто


справа. В примере ниже, я перетащил «виджет» Calendar


http://itdistrict.ru/myli-samyj-luchshij-planshetnik/

(«Календарь») в область активного «сайдбара», при этом в строке «

я прописал русское название «календарь».

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

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

я прописал русское название «календарь».


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

в область активного «сайдбара», при этом в строке «Title»



Установка необходимого

«Плагины» для WordPress

имеющуюся у Вас на сайте информацию в ином, более привлекательном, стиле.

Большинство «плагинов» бесплатны, и могут быть установлены

непосредственно при помощи поиска через админпанель

пор, пока Вы не активируете «плагины», они не будут работать («плагины»

будут отображаться в «плагин

если какой-либо «плагин» вдруг ни с того ни с сего начал «

«деактивируйте» его. Неактивный «плагин» можно также удалить, что

предполагает полное физическое стирание программы с вашего хостинга. Ниже

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

установить на WP-сайт.

Dashboard: Plugins > Add

необходимого вам «плагина» в поле «

«Search Plugins». На заметку

(Term) загрузки, либо по автору

необходимый нам «плагин» найден

сейчас» и активируем его работу через соответствующее меню.

• Subscribe to Comments

подписываться на комментарии к отдельно взятой статье размещенной на

вашем сайте, таким образом, когда кто

извещен об этом по электронной почте.

• SI CAPTCHA Anti

каждому желающему оставить комментарий

ввести 4-хзначный код сгенерированный компьютером. Этакий себе тест

на человечность.

• All-in-One SEO Pack

более быстрого его

генерирует мета

такие, например, как

нужно устанавливать дополнительные «плагины»

• Google Analyticator

Analytics» в легком и доступном пониманию виде.

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

генерирует XML-

• WP-DB-BACKUP

менее важный. WP

если вдруг база данных вашего сайта по какой

необходимого набора «плагинов»

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



и помощи поиска через админпанель Dashboard


будут отображаться в «плагин-меню» WP как «inactive/неактивный

либо «плагин» вдруг ни с того ни с сего начал «




сайт. Установка «плагинов» происходит через

Add New. Просто вводим часть или полное название

необходимого вам «плагина» в поле «Search» и жмем рядом стоящую кнопку

На заметку: «плагины» для WP можно искать либо

либо по автору (Author), либо по «тэгу» (Tag

необходимый нам «плагин» найден – жмем на кнопку «Install


Comments. Этот «плагин» позволяет пользователям


вашем сайте, таким образом, когда кто-то ответит, человек будет

извещен об этом по электронной почте.

Anti-Spam. «Плагин» создан для борьбы со «СПАМом»:

каждому желающему оставить комментарий на вашем блоге предлагается

хзначный код сгенерированный компьютером. Этакий себе тест

на человечность.

One SEO Pack. Этот «плагин» позволит настроить ваш сайт для

более быстрого его индексирования поисковыми системами. Отлично

генерирует мета-теги и теги Description. На заметку: некоторые темы,

такие, например, как Thesis, имеют собственные SEO

нужно устанавливать дополнительные «плагины».

Analyticator. Создан для отображения интерфейса «

» в легком и доступном пониманию виде.

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

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

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

WP-DB-Backup позволяет возвратить все на свои места,

если вдруг база данных вашего сайта по какой-то причине «рухнула».

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

это небольшие программы помогающие отображать



Dashboard. До тех


/неактивный»). Поэтому

либо «плагин» вдруг ни с того ни с сего начал «хандрить» - просто




через админпанель

Просто вводим часть или полное название

и жмем рядом стоящую кнопку

можно искать либо по дате

Tag). После того, как

Install Now/Установить


Этот «плагин» позволяет пользователям


то ответит, человек будет

ьбы со «СПАМом»:

вашем блоге предлагается

хзначный код сгенерированный компьютером. Этакий себе тест

Этот «плагин» позволит настроить ваш сайт для

индексирования поисковыми системами. Отлично

: некоторые темы,

SEO-паки и вам не

для отображения интерфейса «Google

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

ке, но от этого не

позволяет возвратить все на свои места,

то причине «рухнула».


Важно!

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

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

«сайдбарах» категории ссылок.

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

напрямую выполнять php

блога, и даже потере имеющейся на нем ин

через собственную панель

работает и не причинит вреда вашему сайту («плагины» загружаются

непосредственно с WordPress

исключения.

Каждый сайт требует достойного для себя баннера. Ниже я расскажу и покажу

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

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

эта программа работает только под

используйте графический редактор

сложен в понимании. В дополнени

софт – Photoshop elements

Пример представленный

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

редакторами.

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


», дающий возможность создавать и редактировать в

«сайдбарах» категории ссылок.


php-код (это может привести к неправильной работе

блога, и даже потере имеющейся на нем информации). Все, что Вы видите

через собственную панель Dashboard (Plugins >Add New), вероятнее всего


WordPress.org), хотя и здесь встречаются неприятные

сайт требует достойного для себя баннера. Ниже я расскажу и покажу


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

эта программа работает только под Windows, поэтому, если у вас

используйте графический редактор Gimp, который так же бесплатен, но более

сложен в понимании. В дополнение к этому, могу посоветовать Вам платный

elements - стоящий от 25 до 50 долларов США.

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


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

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


», дающий возможность создавать и редактировать в


код (это может привести к неправильной работе

формации). Все, что Вы видите

, вероятнее всего


), хотя и здесь встречаются неприятные

сайт требует достойного для себя баннера. Ниже я расскажу и покажу


Net. К сожалению,

поэтому, если у вас Mac –

который так же бесплатен, но более

могу посоветовать Вам платный

стоящий от 25 до 50 долларов США.

однако, это не значит, что



1. Запускаем Paint.Net.

(Слои) и Colors (Цвета)

оплошность через меню

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

Utilities и выбираем вкладку

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

http://www.sxc.hu/), ищем графический

композицию лого вашего сайта, открываем его самое большое разрешение,

затем: Щелчок правой

3. Edit > Paste in to New Image

. Убеждаемся, что окна Tools (Инструменты)

(Цвета) видны. Если они не отображаются –

оплошность через меню Window (Окно).

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

и выбираем вкладку Language.

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

), ищем графический файл, который будет составлять


Щелчок правой кнопкой мыши > Копировать картинку

Edit > Paste in to New Image

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

рументы), Layers

– исправляем эту

заходим в меню

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

файл, который будет составлять


кнопкой мыши > Копировать картинку.


http://www.sxc.hu/

4. Кликаем по Rectangle

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

изображения для будущего баннера.

Rectangle Select (Прямоугольник выделения)

и используем его для выделения необходимой части

изображения для будущего баннера.

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

) в Окне Tools

и используем его для выделения необходимой части


5. Далее Image > Crop

область по всем краям

6. Выбираем высоту баннера:

Кликаем Image > Resize

Crop to Selection (этим шагом мы обрезаем выделенную

область по всем краям).

баннера: как по мне 150 px – приемлемый

Resize и вводим выбранный размер в поле

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

шагом мы обрезаем выделенную

приемлемый размер.

поле Height, жмем ОК.


7. Выбор ширины баннера

выбирается 800 или 100

прописываем ширину (

Aspect Ratio » ставить

8. Теперь давайте вставим

Картинка останется без

слой «Layer 2».

9. Первым делом, для большей

Окне Layer и переименовываем

аналогичную процедуру

баннера зависит от ширины вашего сайта

100 px). Выбираем меню Image > Canvas

(Width) в 800 пикселей. Галочку напротив

не нужно!

вставим задний слой: заходим Layers > Add

без изменений, но заметьте в Окне Layers

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

переименовываем его в «Teddy». После чего проделываем

процедуру с «Layer 2», только даем ему название

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

сайта (стандартно

Canvas Size и

напротив « Maintain

Add New Layer.

Layers появился новый

раза на «Layer 1» в

проделываем

название «Background».


Чтобы понять что такое «Слои» (

«Teddy» в Окне Layers

отображаются только «

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

Картинки отображаются на экране в порядке расположения в Окошке

Единственная причина

состоит из «пустых» пикселей.

экране только благодаря «пустому» верхнему слою.

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

очередь делаем слой «

Чтобы понять что такое «Слои» (Layers) снимите галочку напротив названия

Layers. Это сделает этот «слой» невидимым. Сейчас

«пустые» пиксели – слой «Background


отображаются на экране в порядке расположения в Окошке

причина почему виден нижний слой – потому что верхний

состоит из «пустых» пикселей. К примеру, слой «Teddy» отображается

экране только благодаря «пустому» верхнему слою.

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

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

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

снимите галочку напротив названия

Это сделает этот «слой» невидимым. Сейчас

Background».


отображаются на экране в порядке расположения в Окошке Layers.

потому что верхний

отображается на

в черный цвет. В первую

опять видимым (ставим галочку напротив


названия «Teddy»), а «

в Окошке Tools и кликаем по самому темному месту картинки «

Заметьте: главный цвет (

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

выбираем инструмент Paint

изображении. 100% площади

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

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

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

«Background» в Окне Layers

а «Background» - невидимым. После, выбираем

и кликаем по самому темному месту картинки «

Заметьте: главный цвет (Primary) в Окне Colors изменился на черный.

Возвращаемся в слой «Background» (кликаем по названию в Окне

Paint Bucket в Окошке Tools и кликаем где угодно на

площади картинки станет черным.


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

«Background» ниже слоя «Teddy». Выделяем название

Layers и жмем на стрелочку «вниз».

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

невидимым. После, выбираем Color Picker

и кликаем по самому темному месту картинки «Teddy»/

изменился на черный.

кликаем по названию в Окне Layers),

и кликаем где угодно на


Выделяем название


13. Теперь используя инструмент

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

баннер. Копируем эту картинку (правая кнопка мыши

и вставляем в программу

размеры баннера (Шаг № 6)

редактируемое лого (выделяем его в

программы): Edit > Paste

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

черного к белому в моем примере (см. конечный вариант баннера в самом

начале этого раздела), используем

выделения), которым выделяем необходимую область размытия. После

заходим: Effects > Blurs

сглаживания.

15. Теперь сохраняем

необходимо для быстрого редактирования баннера. После

графический файл в формате

инструмент Text пишем текст баннера.


баннер. Копируем эту картинку (правая кнопка мыши > Копировать картинку),

и вставляем в программу Paint.net (См. Шаг №3). Далее подгоняем ее под

размеры баннера (Шаг № 6), сохраняем, копируем (Edit > Copy

выделяем его в Image List в правом верхнем углу

Paste in to New Layer.

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


начале этого раздела), используем Rectangle Select (Прямоугольник

, которым выделяем необходимую область размытия. После

Blurs > Gaussian blur и выбираем необходимую степень

работу в .pdn формате, со всеми активными

необходимо для быстрого редактирования баннера. После сохраняем

формате .JPEG и загружаем лого к себе на сайт.

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

баннера.


Копировать картинку),

Далее подгоняем ее под

Copy) и вставляем в

в правом верхнем углу

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


Прямоугольник

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

и выбираем необходимую степень

активными слоями, это

сохраняем

лого к себе на сайт.


Публикация контента

при помощи

-3-


ри помощи WordPress

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


WordPress


Чтобы создать новую страничку или пост

> Add New и Post > Add New

текстовый редактор WordPress

особенности:

* WYSIWYG - аббревиатура от англ.

видишь, то и получишь

Редактор вполне понятный и легкий в освоении (по

режима «Visual»).

Важно!

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

помощи специальной программы

остановлюсь немного по

• Как альтернативу я могу

editor», который добавит много полезностей в меню редактирования

контента WordPress

Чтобы создать новую страничку или пост – выбираем в меню

Post > Add New соответственно. В обеих случаях появится

WordPress Visual Editor. Ниже описаны его главные

аббревиатура от англ. What You See Is What You

получишь».

Редактор вполне понятный и легкий в освоении (по крайней мере это касается

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

помощи специальной программы Windows Live Writer

остановлюсь немного поподробней ниже).

Как альтернативу я могу посоветовать плагин «Tiny MCE

», который добавит много полезностей в меню редактирования

WordPress Visual Editor.

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

меню Dashboard Page

В обеих случаях появится

описаны его главные

You Get, «что

крайней мере это касается

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

(на ней я

MCE Advanced

», который добавит много полезностей в меню редактирования


Windows Live Writer

контента вашего блога в режиме

настроек, чем встроенный редактор

планируете публиковать в постах много видео и графических файлов. При

помощи Windows Live Writer

потом, при помощи встроенного

программы в меню Dashboard

WordPress, Movable Type

- Settings > Writing) автоматически

бесплатен, что просто превосходно, учитывая, что конкурент

разработанный для Mac

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

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

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

создать красивый и привлекательный сайт используя платформу

Очень надеюсь, что все

так, раз Вы дошли до этих строк

представлена далеко не вся информация о

большинства аналогов, позволяет подгонять под свои потребности

разноплановые сайты. При этом «Вордпресс» достаточно легко воспринимается

новичками, и, что очень важно, он БЕСПЛАТЕН!

Writer это великолепный инструмент для создания богатого

контента вашего блога в режиме «офф-лайн». Программа дает

встроенный редактор Visual Editor, и будет очень кстати, если Вы


Writer Вы создаете контент у себя на компьютере, и уже

потом, при помощи встроенного XML-RPC протокола WordPress

Dashboard необходимо активировать опцию

Type, MetaWeblog and Blogger XML-RPC

автоматически передаете его на сайт. К

просто превосходно, учитывая, что конкурент

Mac платформ - стоит около $30.


http://explore.live.com/windows-live-writer.

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

создать красивый и привлекательный сайт используя платформу

все что тут написано пригодится Вам (очевидно это именно

так, раз Вы дошли до этих строк ☺). Конечно, в этой электронной

представлена далеко не вся информация о WP. Эта CMS, в отличии от


сайты. При этом «Вордпресс» достаточно легко воспринимается

новичками, и, что очень важно, он БЕСПЛАТЕН!

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

инструмент для создания богатого

дает намного больше

и будет очень кстати, если Вы


у себя на компьютере, и уже

WordPress (для работы

опцию « Enable the

publishing protocols »

К тому же софт

просто превосходно, учитывая, что конкурент WLW – Blogo


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

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

Вам (очевидно это именно

электронной книжке

в отличии от


сайты. При этом «Вордпресс» достаточно легко воспринимается


http://explore.live.com/windows-live-writer

Если Вам понравилась эта

http://ItDistrict.ru. Комментируйте, пишите свои впечатления, делайте

замечания. Все мы не совершенны,

не раскрыл. Одним словом, буду рад любым конструктивным советам и

замечаниям.

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

Николаеве. Стимулом написать эту книгу послужило желание сохранить т

опыт, который набрался за время работы с

хвостиком). Основным видом деятельности для меня является работа в банке,

как хобби веду собственный блог

ко всему, уже более года

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

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

ICQ: 146082272

E-mail: lomaster84@yandex

Site: http://itdistrict.ru

понравилась эта книжка - буду рад видеть Вас у себя на сайте

. Комментируйте, пишите свои впечатления, делайте

замечания. Все мы не совершенны, возможно, что-то упустил, что


Дроздев, живу я в Украине, в славном городе корабелов

Николаеве. Стимулом написать эту книгу послужило желание сохранить т

опыт, который набрался за время работы с WordPress (а это, без малого, год с

Основным видом деятельности для меня является работа в банке,

собственный блог (угадайте на какой CMS он работает

ко всему, уже более года работаю копирайтером и рерайтер

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

yandex.ru или [email protected]

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

буду рад видеть Вас у себя на сайте

. Комментируйте, пишите свои впечатления, делайте

то упустил, что-то до конца


, живу я в Украине, в славном городе корабелов

Николаеве. Стимулом написать эту книгу послужило желание сохранить тот

(а это, без малого, год с

Основным видом деятельности для меня является работа в банке,

он работает ☺). Плюс

и рерайтером.




Создай Свой Собственный wordpress Сайт (Учебное пособие) -...

Documents