Оформление статьи в Windows Live Writer

Я уже рассказала:

► Для чего нужен Windows Live Writer блогеру.

► Как скачать Windows Live Writer, установить и добавить туда блоги.

► Что есть в меню WLW и как настроить программу для работы.

А теперь перейду к самой приятной для меня части – расскажу, как оформлять записи в Windows Live Writer.

Работа с текстом в Windows Live Writer

Если сравнивать команды, которые есть в WLW для того, чтобы редактировать текст с тем, что доступно, например, во встроенном визуальном редакторе WordPress.

Наверное, среди отличий можно назвать только два – возможность менять, собственно, сам шрифт (Arial, Times Roman и т.п). И второе – возможность менять размер шрифта.

Конечно, во встроенном редакторе все это тоже можно сделать, если прописать html код руками 😉 . WLW сам припишет нужные теги и атрибуты к тексту.

И шрифт и его размер можно поменять, вызвав табличку с атрибутами из меню Формат → Шрифт.

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

Работа со ссылками в Windows Live Writer

Вообще вставку объектов в WLW можно производить из верхнего меню, верхней панели или боковой панели.

Вставка ссылок здесь не исключение. Еще ссылки можно добавлять к тексту, выделив его и нажав правую кнопку мыши для вызова меню, в нем выбрать "Гиперссылка". В конце концов каждый выбирает для себя наиболее удобный способ, хорошо, что есть альтернатива. Я пользуюсь верхней панелькой.

Нажимаем на кнопку создания гиперссылки.

Перед нами возникает вот такая менюшка. Естественно мы можем просто добавить URL-адрес из буфера обмена и нажать кнопку "Вставить" – все, гиперссылка будет установлена.

Но мы не ищем легких путей. 😉 Ссылку в WLW можно добавить не только из буфера, есть еще два доступных вам источника. Для этого нажимаем кнопку "Ссылка на".

И видим обе эти возможности для добавления гиперссылки в Windows Live Writer.

Добавление ссылки на предыдущую запись

Если вы выберете Ссылка на → Предыдущая запись, то … вам придется подождать. При этой операции WLW очень надолго задумывается – у меня она думает 20-30 секунд. Но, честное слово, если у вас несколько блогов и в каждом по сотне записей, то вы найдете нужную запись не быстрее. 😉 Если же у вас один блог, тогда действительно будет быстрее воспользоваться буфером обмена.

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

Напоследок она выдаст вот такую таблицу, откуда вы сможете выбрать нужную запись как из раздела "Недавно опубликованные", так и из любого конкретного блога. Вы можете также пользоваться поиском – если вы напишите слово в строке "Фильтровать записи", WLW отберет все записи, содержащие это слово. Согласитесь, удобно? Можно линковать записи как внутри блога, так и между блогами, причем даже не открывая браузер в поисках УРЛов нужных статей.

Добавление ссылки из библиотеки

Если вы выберете Ссылка на → Запись автоссылки, то перед вами откроется бездна возможностей табличка с записанными вами ранее автоссылками. (Вообще-то перевод коряв и должно быть "Выбор автоссылки", а не "Запись автоссылки").

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

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

А как добавить ссылку  в  библиотеку? Это можно сделать тремя способами. Первый способ – добавить гиперссылку через меню библиотеки ссылок. Второй способ – кликнуть по уже существующей в тексте ссылке правой кнопкой мыши и выбрать пункт "Добавить в список автоссылок". Третий способ – при первом добавлении ссылки из буфера поставить галочку "Автоматически ссылаться на этот текст".

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

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

Дополнительно

После нажатия кнопки "Дополнительно", вам откроются еще две настройки для ссылки. Заголовок (title) ссылки и свойства (что такое nofollow, наверное, все знают).

Работа с картинками в Windows Live Writer

Когда я писала в WLW свою первую статью (а этот первый раз был около 2-х лет назад, и Райтер тогда еще много чего не умел даже из сегодняшних способностей), и дело дошло до картинок, я была в таком восторге от умений программы, что сразу же сделалась ее фанатом, не обращающим внимание на всякие мелкие недостатки.

Первое, о чем следует сразу упомянуть – вам не надо будет больше заботится о загрузке фотографии. Вам нужно только поставить картинки в текст, выбрав их с жесткого диска своего компьютера, поменять размеры картинки и прочие атрибуты, а дальше Windows Live Writer при публикации статьи сам загрузит все картинки на сервер (или бесплатный хостинг), прописав их новые адреса.

Куда Windows Live Writer загружает изображения

Windows Live Writer обучен тому, что картинки в WordPress грузятся в папку "Uploads". Но если вам это не подходит – например, вы храните изображения в другой папке или вообще на бесплатном хостинге для фотографий, то вам нужно прописать это для WLW.

Папка для загрузки изображений прописывается при необходимости для каждого блога в отдельности. В меню нужно выбрать Сервис → Учетные записи и из таблицы с блогами выбрать нужный, поставить на него курсор. Затем нажать кнопку "Изменить" и выбрать вкладку "Изображения".

Дальше нужно выбрать "Передать изображения на FTP-сервер" и нажать кнопку "Настроить FTP".

Здесь вы можете прописать параметры своего сервера. Что касается бесплатного хостинга — у каждой уважающей себя службы для хранения картинок есть возможность загружать картинки через FTP. Вот, например, как настраивается FTP на фотохостинге Photobucket.

Что касается заполнения полей, мне кажется, все довольно прозрачно. Адрес FTP начинается с ftp://. После того, как вы укажете путь к ФТП, имя пользователя и пароль, нужно будет указать папку для загрузки изображений. Затем нужно прописать URL для этой папки. На своем сервере этот URL скорее всего будет таким же, как ftp:// путь, только  начинаться будет с http:// .

Как редактировать картинки в Windows Live Writer

После того, как мы нажали кнопку "Вставить изображение" (кнопка вставки картинки есть на панели сверху и справа), программа откроет окошко, с помощью которого нужно будет выбрать изображение.

Обратите внимание – изображение можно добавить не только с диска, можно указать адрес в сети — вкладка "Из интернета" (в этом случае изображение не будет загружаться к вам на сервер).

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

Там мы увидим полный набор действий, которые можно производить с картинкой. Все команды разбиты на три вкладки. Расскажу сначала про первую вкладку "Изображение".

1. Обтекание картинки текстом

Можно выбрать "Встроенный" (удобно пользоваться, если нужно поместить две-три картинки в ряд, нужно присвоить каждой такое обтекание), "По левому краю", "По правому краю", "По центру".

2. Поля

Если вы выбрали выравнивание картинки "По левому краю" или "По правому краю", вам уж точно не обойтись без установки расстояния от текста до картинки.

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

3. Границы

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

Название	Вид в меню	Вид картинки
Нет
Тень
Мгновенная фотография
Фотобумага
Отражение
Скругленные углы (картинка подойдет только для белого фона)
Сплошной, 1 пиксел (к сожалению, цвет только черный)
Сплошной, 3 пиксела (к сожалению, цвет только черный)

4. Ссылка

Здесь вы определяете кликабельность изображений, и что будет открываться при клике на картинку.

Если вы хотите, чтобы посетитель имел возможность просмотреть картинку в более крупном масштабе, вам нужно выбрать Ссылка на → Исходное изображение.

Дальше, нажав на кнопку "Параметры", вы можете установить размеры (маленький, средний, большой, исходный, либо вбить размеры с клавиатуры) и способ открывания ссылки (в новом или текущем окне).

Также возможно сделать так, чтобы при клике на картинку, посетитель уходил по гиперссылке. Для этого нужно выбрать Ссылка на → URL-адрес. В этом случае откроется меню для установки параметров гиперссылки (рассмотрено в этой статье под заголовком "Работа со ссылками в Windows Live Writer").

Если же вы хотите, чтобы картинка была просто картинкой, и на нее нельзя было нажать, то выберете Ссылка на → Нет.

5. Сохранение параметров картинки

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

Сохраняются такие настройки как "Обтекание текстом", "Границы", "Ссылка" и "Размер". Поля к картинкам, к сожалению, не сохраняются, их придется каждый раз устанавливать вручную. После того, как вы присвоили картинке все нужные свойства, нажмите на строчку в самом низу "Сохранить параметры как параметры по умолчанию".

Следующие три раздела команд для форматирования картинки находятся во вкладке "Дополнительно".

6. Размер

Размер безусловно имеет значение. 😉 В Windows Live Writer вы можете установить абсолютно любые подходящие вам размеры картинок, причем еще и не одним способом.

Можно задать ширину и высоту картинки с клавиатуры.

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

В появившемся меню можно поменять размеры по умолчанию. 

7. Действия

Здесь можно выполнить небольшой набор манипуляций над изображением.

Особенно часто я использую "Водяной знак". По прямому назначению его использовать не очень удобно – он очень простенький, нельзя задать цвет ватермарки, нельзя никак ее украсить эффектами. Поэтому я использую его, чтобы надписать картинку.

Исходную картинку возьмем такую.

Название	Меню	Пояснения	Вид картинки после манипуляций
Повернуть	Нет меню настроек.	Каждое нажатие на кнопку поворачивает картинку на 90° по часовой стрелке.
Контрастность		Два бегунка позволяют комбинировать настройки яркости и контрастности.
Обрезать		Картинку можно подрезать в нужных пропорциях или вырезать из нее фрагмент.
Наклон		Картинку можно наклонить вправо или влево, угол – от 1° до 20°.
Водяной знак		Картинку можно надписать. У надписи настраивается шрифт, размер и положение (в любом углу из четырех).

8. Замещающий текст

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

Это текст, который будет виден на месте изображения, если картинка по каким-то причинам не загрузится. Это так называемый параметр "alt", на который, кстати,  не в последнюю очередь обращают внимание поисковики – благодаря верным ключевым словам здесь (и в названии картинки), вы можете получить трафик с поиска по картинкам.

Внимание, предупреждение: Ни в коем случае не пишите в этом поле заглавной буквы Э, в этом случае WordPress глючит и не выводит картинку с заглавной Э в alt или title, а также все то, что написано после этой картинки. Не разбиралась, но скорее всего это глюк самого WP, а не WLW.

Следующая группа команд для редактирования картинки называется "Эффекты" и расположена на отдельной вкладке. Добавить один или несколько эффектов можно при помощи кнопки с зеленым плюсом, удаляются эффекты из списка, как можно догадаться 😉 , при помощи кнопки с красным минусом.

Название и пояснения	Картинка до	Картинка после
Черно-белый   Обесцвечивает картинку
Сепия   Придает картинке вид старой выцветшей фотографии
Изменить температуру — Теплее
Изменить температуру — Холоднее
Цвет в стиле поп-арт   Придает фото "глянцевый" вид.
Резкость Делает картинку резче, отчетливее.
Гаусовское размытие
Приподнятый

Вот такие, далеко не маленькие для программы-клиента, возможности для редактирования картинок есть в Windows Live Writer. В заключение хочу добавить, что все эффекты можно комбинировать между собой, добивая нужного вам качества изображения. Кстати, говорят, что подобные изменения уникализируют картинку для поисковиков. 😉

Работа с таблицами в Windows Live Writer

Таблицу можно вставить разными способами.

Простейший – на верхней панели кликнуть по иконке вставки таблицы.

После этого Windows Live Writer предложить задать параметры таблицы – количество столбцов и строк, ширину, границу таблицы (имеется ввиду толщина линий сетки) и отступы внутри и между ячейками.

Ширину таблицы удобнее всего выбрать равной ширине записи в дизайне вашего блога.

После добавления таблицы, с ней можно будет проделывать ряд действий средствами визуального редактора, не залезая в html код. А именно – можно менять местами столбцы и строки, удалять их и добавлять. Для каждого столбца и строки можно задать размеры и тип выравнивания текста в ячейке ("Свойства строки", "Свойства столбца"). Также можно залезть в свойства таблицы и поменять там ее ширину, границу и интервалы ячеек. Меню свойств таблицы вызывается либо правой кнопкой мыши (курсор должен находится внутри таблицы), либо из верхней панели инструментов.

А еще ширину столбцов можно менять, перетаскивая границы столбцов мышкой (как это делается, к примеру, в программах MS Office) — очень удобно.

Редактирование свойств записи – нижняя панель инструментов Windows Live Writer

Из нижнего меню можно установить свойства записи, предусмотренные платформой вашего блога. Мой блог работает на WordPress, настройки соответствующие.

1. Открыть-свернуть панель

Нажатие на стрелочку в правом верхнем углу нижней панели, откроет панель полностью, либо свернет ее до одной строчки.

2. Дата публикации

Необязательное поле. Если вы публикуетесь в текущем времени – то не трогайте это поле. Оно понадобится, если вам нужно сделать запись задним числом, либо запланированную запись (будущими числами).

3. Теги

Если у вас версия WordPress 2.7 или более поздняя, тогда теги будут подгружаться в это поле автоматически, начиная с первой набранной буквы каждого тега. Но если вам нужен новый тег – вводите его смело, он добавится в базу WP при отправке записи.

В ранних версиях WP теги не подгружаются, их нужно целиком вбивать с клавиатуры. Если у вас другой движок, то поле с тегами может вообще отсутствовать.

4. Категории

Тут можно пометить нужные для записи категории галочками – нажмите на черную стрелочку справа, чтобы развернуть полный список. Можно добавить новую категорию – внизу есть поле и кнопка "Добавить".

5. Автор

Выбор автора записи из списка возможных.

6. Оповещение серверов

Можно запретить пинг новой записи средствами WP или разрешить его.

7. Комментарии

Тут можно запретить или открыть комментирование к записи.

8. Краткий заголовок

Тут имеется ввиду так называемый "slug" записи, то есть, проще говоря, постоянная ссылка записи. Если вы оставите это поле пустым при отправке статьи, то WP сам назначит для статьи эту ссылку, опираясь на указанные вами настройки для конкретного блога.

Если вы хотите, это поле можно назначить самостоятельно, либо отредактировать позже.

9. Пароль

Если вы не хотите делать запись общедоступной, впишите в это поле пароль к ней.

10. Отрывок

В WP это поле называется "Цитата", то есть краткое емкое описание вашей статьи. В некоторых темах эта цитата используется для оформления,  для всех прочих ее заполнять не нужно.

11. Отправить ссылки

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

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

Желаю удачной творческой работы с вашими блогами. 🙂