Учимся бложить профессионально

Первое. Основные функции

Минимальные требования к материалу – наличие заголовка и любого содержания. Разберем «приправы по вкусу».

Основные функции

1. Предположим, у нас пишется большая статья. В узком окошке для ввода текстов жутко неудобно работать с такими объемами,  поэтому разработчики учли функцию увеличения окна ввода. Для этого берем мышкой за уголок (стрелочка №1), зажимаем левую кнопку мыши и тянем вниз.
2. Все окошки в админке могут быть свернуты. Достаточно кликнуть на соответствующую стрелочку:
   

   Сворачиваем блоки

3. Всякий длинный текст должен быть грамотно оформлен. Для этого используем подзаголовки  (стрелочка №2),  списки (№3), цитирование (№4) – причем цитата отделяется сразу отступом.
4. У хорошей статьи должно быть вступление, которое читатель увидит в первую очередь. Саму статью мы уберем «под кат» – спрячем за ссылкой «читать дальше», чтобы предоставить читателю выбор – грузить ли всю статью целиком. Не забываем, что пользователи заходят на блог с медленных модемов и даже с мобильных телефонов. Нажимаем кнопаську №5, чтобы разграничить вступление и основной текст.
5. Вообще по умолчанию дополнительная панелька виз.редактора выключена. Включается она стрелочкой №6.

Второе. Умная вставка картинок

Кнопка загрузки картинки

Нажимаем на стрелочку №7. Ждем загрузку формы, если загрузка идет слишком долго – отмените ее, кликнув на поле вокруг индикатора загрузки, и попробуйте снова.

Возможности загрузки

Загрузить картинку можно не только с компьютера. Есть возможность загрузить ее с другого сайта (загрузка с URL), для этого необходимо знать ее прямой адрес (URL). Чтобы его узнать, нужно правой кнопкой мыши кликнуть на картинку и далее – свойства.

Медиа-библиотека выводит все когда-либо загруженные нами файлы, сортируя их по типу. Поэтому не нужно закачивать дважды одну и ту же фотку – просто возьмите уже закаченную из медиа-библиотеки.

Галерея (ссылка появляется когда в данную запись загружен хотя бы один файл) отражает только те файлы, которые были загружены для ЭТОЙ записи).

При загрузке картинки используются два обработчика – флеш-загрузчик и загрузчик браузера. Я рекомендую использовать второй. Флешевый нестабилен.

Кнопкой «обзор» выбираем нужный файл (обычные картинки пожимать перед загрузкой не требуется, но категорически не советую закачивать фотографии с фотоаппарата размером в пяток мегабайт без предварительной обработки!).  И крайне нежелательны файлы с названиями кириллицей, нужно переименовать их. Нажимаем загрузить файл. Ждем.

Как грамотно разместить изображение?

Я советую пользоваться возможностями превью со ссылкой на оригинал. Это опять-таки дает пользователям возможность выбирать, какие фотки они согласны открыть в полном размере.

Чтобы вывести фотку таким образом, вводим в появившееся окно следующие данные:

Параметры картинки

Разумеется, система автоматически подставит название файла. Его изменять нельзя.

Чтобы закончить с картинкой, нужно нажать кнопку “Вставить в запись”.

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

Обтекание текстом превьюшки

Но возникает логичный вопрос: а что, если наш читатель не умеет открывать ссылки в новом окне с помощью колесика мыши? Большой процент пользователей и не знает о такой возможности – нажать на ссылку не левой кнопкой, не правой – а колесиком мыши. Это автоматически откроет ссылку в новой вкладке браузера.

Так что делать с теми, кто такого не знает? Очень просто. Запрограммировать открывать превью в отдельном окне по умолчанию. Для этого картинка должна быть уже загружена и вставлена в материал. А теперь кликаем на превью мышкой и видим появившиеся функции доп.настроек:

Дополнительные настройки

Нажимаем на кнопку, отмеченную галкой.

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

Открывать в новом окне

Смело ставим галку на последнем пункте – Открывать в новом окне. Кликаем кнопку Обновление и наслаждаемся результатом!

На следующем уроке В следующей части будем учиться работать с видео и аудио-файлами. Пишите о непонятках =)