 |
|
|
|
Бесплатная программа от Мicrosoft WLW как нельзя кстати подходит клиентам веб-дизайнеров и тем кто ведет свои дневники и хочет редактировать сайт/блог в программе подобной Word, не заходя в панель управления сайтом и не вникая в премудрости html-кодинга. Можно без труда скопировать текст из Word или другого источника в WLW и при этом получить чистый код на выходе. Руководство пишу так, как хотела бы, чтобы все остальные писали.
Блоги и системы управления сайтом (CMS), поддерживаемые Windows Live Writer:
Откроем свойства модуля и скопируем в буфер обмена ссылку, которая нам понадобится для вставки в WLW. 
Поле предисловия – Extended text 
“Разделить запись”, которая при неправильной настройке полей неактивна, потому что служит для разделения Поля контента и Поля продолжения, а не Поля предисловия и Поля контента. В связи с этими особенностями надо настроить поля, как показано на скриншоте. Тогда в окошко Отрывок можно вставлять текст Extended text, а summary и body редактировать в основном окне, в визуальном редакторе, а для разделения этих полей использовать кнопку “Разделить запись”, которая станет активной после правильной настройки по скриншоту. Кроме того, если вы вообще никогда не используете поле Extended, то можно настроить Metaweblog API так, чтобы Поле предисловия (Отрывок) и Поле ключевых слов использовались для других целей: например настроить какие-то custom-fields или установить плагин EE для мета-тегов и потом в WLW в окошки Ключевые слова и Отрывок вставлять нужную дополнительную информацию. В итоге получается, что у нас доступны для передачи по API четыре поля, не считая заголовка и его URL, который, к сожалению, формируется неявно, о чём будет упомянуто ниже. Кстати, что я еще сделала: при настройке в Default Field Group полей Summary/Body/Extended указала, чтоб по умолчанию текст никак не форматировался (раньше у меня был тип <br/> ). Это чтоб ЕЕ не добавлял лишние обрывы строк при публикации записей из WLW – ведь в WLW мы уже получаем корректный исходный код. 
Дальше ждать, когда вопросы задаст, ответить Да. Не забываем после установки программы включить проверку русской орфографии Сервис->Параметры->Орфография, Язык словаря – русский. Одно плохо – нельзя одновременно два словаря использовать. Может сделают. Эти настройки можно изменить, а потом нажать внизу правого меню “Сохранить параметры как параметры по умолчанию”. Но всё-таки WLW пока не позволяет гибко работать с картинками, потому что я не могу регулировать все свойства, которые автоматом прописываются для картинки. даже после изменений на свои настройки и сохранения их по умолчанию я получаю код:
<p><img title="настраиваем свойства metaweblog API"
style="border-right: 0px; border-top: 0px; display: block; float: none;
margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px"
height="602" alt="настраиваем свойства metaweblog API" src="$metaweblog3[8].png"
width="635" border="0" /> </p>
У меня свойства для картинок описаны в CSS, и потому мне дополнительные параметры нужны только когда я что-то хочу поменять в свойствах по умолчанию. В итоге я захожу на вкладку Исходного кода и меняю его на код, необходимый для меня:
<p><img alt="настраиваем свойства metaweblog API" src="$metaweblog3[8].png"/> </p>
Надеюсь ситуация с более гибкими настройками картинок улучшится в будущем.
Основная проблема при создании записи – это создание правильного адреса URL Title. Если работать непосредственно из EE, то это делается просто: существует поле записи, где я пишу полное название записи, и поле URL Title, где я на английском создаю краткую ссылку к записи. В WLW данный вопрос решен, если используется Wordpress. Но что делать нам, когда наша система ExpressionEngine? На деле url записи формируется только один раз, а при дальнейшем редактировании записи передаются заголовок, категории, содержимое полей. URL формируется из заголовка записи, но только из английских букв и цифр. Поэтому мы создаем запись и сначала задаем для неё заголовок на английском языке, вместо пробелов в URL будет поставлено тире.
Далее мы сохраняем запись, отправляя черновик в блог. Это значит, что наша запись перешлется на сайт со статусом Closed. Вообще пока вы не доделали статью, можно постоянно отправлять запись как черновик – так удобно будет продолжить её редактирование с другого компьютера. Я её также сохраняю как черновик, т.е. использую и Сохранить черновик локально, и Отправить черновик в блок. так у меня содержится 2 копии записи. Если я потом внесу изменения на другом компьютере, я открою запись из блога и еще раз сохраню её как черновик локально.
В дальнейшем при редактировании записи можно смело изменять заголовок на русский – URL уже не изменится. Мой получившийся URL wlw-ee.
Чтобы сразу создавать документ видя то оформление. которое у нас на сайте, заходим в меню Вид->Обновить тему и ждем, когда тема обновится. Переключение между своей темой и темой, которая в WLW по умолчанию клавишами Ctrl+F11. В окне Редактирование видим только работу со своей записью (без картинок оформления), а в окне Просмотр пример всего сайта с картинками и нашей записью. Но поглюкивает. У меня, например для списков маркеры в виде картинок. У первого элемента списка маркер не показывает, почему то не показывает картинку для цитаты. Но в целом очень приятно редактировать свои записи, когда виден конечный результат, например у меня это выглядит так:
Открываем запись или из меню, или сочетанием клавиш (см. сочетания клавиш в разделе ниже). Доступен показ до 500 заголовков записи, причем можно фильтровать по названию.
Черновики и Недавно опубликованные удобно открывать не из окна Открыть, а из правого меню.
Плагины к Widows Live Writer и описание некоторых действий в программе. Text Template Plugin for Windows Live Writer - плагин позволяет создавать свои теги, длинный текст и его сокращенный ввод. Но лучше использовать Dynamic Template Plugin, потому что он заменит многие плагины и делает клёвые вещи! Обязательно посмотрите его страничку с примерами Flash! Темплейты хранятся отдельно как файлы .wlwtemplate, в папке Application DataWLWTemplates. Вот окно плагина:
Вот например так можно вставить текст html/xml для того, чтобы показать пример кода, обычно это относится к многострочному коду, который должен интерпретироваться не как код, а как пример кода, потому что WLW преобразовывает скобки кода и пробелы некорректно, что утяжеляет вес конструкции. Выше для вставки длинного куска кода я как раз использовала темплейт, чтоб преобразовывались только скобки и не добавлялись лишние служебные символы. Создаем например новый темплейт с именем Pre xml из буфера и добавляем туда такой код:
<pre><%= HtmlEncode(xmlCode) %></pre>
Указываем переменную Variable name это xmlCode, а тип данных Data Type многострочное окно ввода из буфера обмена Text (Multi-Line). Есть еще один вариант сделать то же самое:
<pre><%= xmlCode.Replace("<", "<").Replace(">", ">") %></pre>
Также плагин можно использовать для аббревиатур и акронимов, выделения текста цветом, использования любых тегов. Тегом <abbr> пользоваться не будем, потому что его IE6 не поддерживает, и он нормально вставляется только при редактировании из WLW исходного кода страницы, поэтому и для акронимов, и для аббревиатур будем пользоваться одним и тем же тегом акронимов <acronym>
<acronym title="<%= full %>"><%= term %></acronym>
Здесь уже две переменные term и full – акроним и его расшифровка – и обе типа Text (однострочные). Например, вот эта аббревиатура выделена тегом акронима и при наведении курсора покажет расшифровку ACM.
По умолчанию у акронима нет какого-то особого форматирования. Чтобы акроним как-то выделялся из текста, опишу для него такие свойства (русские пояснения копировать нельзя, т.к. русский в CSS несовместим с IE6):
acronym{
color:#7E0202; //цвет как у заголовков сообщений при наведении курсора
border-bottom:1px dotted #7E0202; //подчеркивание прерывистой линией
cursor: help; //при наведении курсора видны стрелка и знак вопроса}
После создания темплейтов достаточно будет щелкнуть на их имени, чтобы использовать – это то, о чём я мечтала. Эх… ещё бы сюда клавиатурные сокращения.
Здесь прочитать о Portable и скачать загрузчик для WLW. Распаковать содержимое архива WLWPortable3.zip на жесткий диск. После настройки программы WLW скопировать все файлы из
C:Program FilesWindows LiveWriter
в указанную директорию нашей разархивированной папки
WindowsLiveWriterPortableAppWindowsLiveWriter
Теперь можно вообще деинсталлировать WLW с компьютера. Запускается программа открытием файла WindowsLiveWriterPortable.exe и она будет заботиться о необходимых настройках реестра и путей к документам. носите на флешке, переносите на другой компьютер!
<code> или <kbd> : ставите стрелку после отформатированного элемента и жмете нужную комбинацию. Как удалить опубликованную запись
Нет подсветки исходного кода, т.е. не очень удобно редактировать его, хотя многим это может и лишнее.
Не знаю как работает программа с разными авторами. Кроме меня никто мой сайт не редактирует, поэтому не тестировала.
Хотелось бы использовать клавиатурные сокращения или дополнительные кнопки клавиатуры для плагина Dynamic Template (пока нет), настраивать верхние кнопки редактирования.
Как сделать полный бэкап записей
Иметь возможность изменять URL Title (в WordPress это возможно - slug), а не только использовать хитрость
Изменить выделение жирным: вместо тега <strong> тег <b>, хотя я понимаю, что семантически более верно использовать первый вариант, который есть в WLW.
Функция Отменить работает только в пределах текущего окна, т.е. если из окна редактирования перейти в окно Исходного кода, кнопка становится неактивной. Очень жаль.
Невозможно включить проверку орфографии одновременно и для русского, и для английского.
Может сделают всё-таки поддержку именно EE, хотя и так вроде удалось настроить.
Автор: bestann
Оригинал статьи: Руководство по настройке Windows Live Writer для работы с ExpressionEngine
