Загрузка изображений для блога на Liveinternet.ru


Загрузка изображений для блога на Liveinternet.ruИногда блогеры предпочитают загружать изображения не на свой сервер, а на сторонние хостинги картинок. Расскажу, как я загружаю сразу множество изображений на сервер блогохостинга Liveinternet.ru.

Почему картинки хранят "на стороне"? Наверное, чтобы сэкономить выделенное под хостинг место. Может быть, для того, чтобы уменьшить нагрузку на хостинг – перенеся ее часть на сторонний хостинг, где хранятся фотографии… Причины могут быть разные – расскажу техническую сторону вопроса именно пакетной загрузки на Liveinternet.ru и использование потом картинок для WordPress.

Чтобы сделать рассказ еще более запутанным, покажу, как использую не просто загрузку, а как поэтапно использую: Windows Live Writer, Liveinternet.ru, Word 2010 и… и так далее.

Хочу обратить внимание, что некоторые явные пояснения опущены – в посте идет описание моих действий и минимум теории. Зато много подробностей именно этих самых действий.

Примечания:

Для загрузки изображений на Liveinternet.ru можно использовать специальные программы-клиенты. В них есть свои плюсы и минусы. Например, они не нумеруют изображения, загружают не только графику. Минусы – посылают много запросов, не работают с кириллицей, не заполняют тег ALT…

Пост будет состоять из таких частей:

  • Настройка редактора блогов Windows Live Writer
  • Пакетная загрузка картинок на Liveinternet.ru
  • Преобразование текста в таблицу в Word, редактирование и преобразование таблицы в текст
  • Публикация сообщения из Windows Live Writer в блог WordPress

Часть I. Настройка редактора блогов Windows Live Writer

Цитата из Википедии: "Редактор блогов Windows Live (англ. Windows Live Writer) — приложение из пакета программ Windows Live, разрабатываемого корпорацией Microsoft, позволяющее вести блоги на многих популярных блог-платформах (LiveJournal, Blogger и др.). Во время настройки программа создает специальную тестовую запись, благодаря чему пользователь может еще до публикации увидеть, как будет выглядеть его запись на сайте. Кроме того, наряду с обычным, возможно использование режима HTML, в котором при редактировании текста можно использовать HTML-коды".

Официальная страница для установки основных компонентов, в том числе, и Windows Live Writer:

http://windows.microsoft.com/ru-RU/windows-live/essentials-other-programs

После запуска установщика выбираем нужные для установки программы, устанавливаем, запускаем Live Writer. При первом запуске потребуется настроить блог. У меня программа уже установлена и была раньше запущена-настроена, поэтому я покажу, как добавить не первый, а новый блог.

На вкладке меню "Главная" рядом с именем текущего блога нажимаем стрелочку.

Учетные записи. Редактор блогов Windows Live

Выбираем в меню пункт "Добавить учетную запись блога".

Добавить учетную запись. Редактор блогов Windows Live

Начинается настройка блога для работы с ним в Live Writer. Указываем используемую службу блога "Служба WordPress". Нажимаем "Далее".

Служба WordPress. Редактор блогов Windows Live

Очень важно!!! Чтобы публиковать записи из Windows Live Writer, нужно настроить параметры удалённой публикации в WordPress. Идем в панель управления блогом: Параметры – Написание – Удалённая публикация. Там включаем протокол публикации Atom, XML-RPC и сохраняем настройки.

atom

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

Добавление учетной записи. Редактор блогов Windows Live

Программа начинает настраивать всё, что ей нужно… Если, конечно, мы всё сделали правильно.

Настройка учетной записи. Редактор блогов Windows Live

В конце настройки появляется окошко, где можно указать имя для блога, которое будет отображаться в клиенте-редакторе WLW и так далее. Нажимаем "Готово".

Сохранение блога. Редактор блогов Windows Live

Кстати, в редакторе можно видеть пост так, как он будет показан в блоге или в стандартном оформлении. Для переключения нужно в меню выбрать: "Учетная запись блога" – "Тема блога" (вкл/выкл). Если вы меняли шаблон в блоге, то можно в программе его обновить ("Обновить тему").

Тема блога. Редактор блогов Windows Live

Windows Live Writer готов к работе. В нем можно использовать большое количество блогов на разных платформах.

Часть II. Пакетная загрузка картинок на Liveinternet.ru

Теперь нужен бесплатный блог (дневник) на Liveinternet.ru. Если его у вас нет, то идем на главную страницу сервиса и регистрируем дневник по ссылке "Завести дневник" (не буду подробно описывать регистрацию).

Завести дневник Liveinternet.ru

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

Добавить новое сообщение. Liveinternet.ru

Сразу переключаемся на расширенный текстовый редактор CKEditor. Как по мне, он удобнее еще одного – FCKEditor, который также установлен в дневнике.

Текстовый редактор CKEditor. Liveinternet.ru

Установим подкат – на ЛиРу (Liveinternet.ru) от работает с BB-кодом MORE. Можно написать вручную [more] или использовать специальную кнопку редактора "Читать далее (cut)".

Читать далее CUT. Liveinternet.ru

При нажатии на кнопку появится окно с предложением заменить слова "читать далее" на что-нибудь другое, но для нас это не существенно – нажимаем "ОК".

Читать далее CUT. Liveinternet.ru

Нужно поставить тег подката MORE для того, чтобы:

  • не осталось пустое текстовое поле – ЛиРу выдаст ошибку,
  • спрятать подкат загружаемые картинки, чтобы было удобнее редактировать потом пост.

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

Пакетная загрузка. Прикрепить несколько изображений на Liveinternet.ru

Выбираем на компьютере нужные изображения и открываем их.

Пакетная загрузка. Прикрепить несколько изображений на Liveinternet.ru

Нажимаем в форме пакетной загрузки кнопку "Начать закачку".

Пакетная загрузка. Прикрепить несколько изображений на Liveinternet.ru

Закачка пошла, проценты считаются… Обратите внимание! Если общий вес файлов будет приближаться к 8 МБ (обычно даже меньше), то загрузка может не произойти. Баг? Или фича?

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

Пакетная загрузка. Прикрепить несколько изображений на Liveinternet.ru

Здесь еще один интересный момент: картинки при загрузке уменьшаются до 700 пикселей. Но они станут ссылкой на изображения размером до 900 пискселей. Попробуйте – сами увидите, что это такое я пишу.

Если вам нужны гигантские фотографии, то Лиру в пакетной загрузке не поможет (там есть раздел Фотоальбом, в который можно загружать большие снимки).

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

Выше что-то написано, что я сам бы не понял, наверное. Поэтому – trust me: просто снимите галочку и нажмите "В черновик".

Не разворачивать картинки. В черновик. Liveinternet.ru

Сообщение сохраниться в черновик дневника. Теперь нажимаем ссылку "Редактировать" под сообщением, спрятанным под кат.

Редактирование. Liveinternet.ru

Выбираем кнопку "Источник" на панели редактора.

Редактирование. Liveinternet.ru

Удаляем в коде то, что выделено на картинке – нам это не нужно и даже будет мешать.

Редактирование Источник. Liveinternet.ru

Остальное копируем и размещаем в редактор HTML блога на WordPress.

Редактирование. Liveinternet.ru

А запись в черновике можно удалить – отметить галочкой и нажать "ОК".

Удалить запись. Liveinternet.ru

Часть III. Преобразование текста в таблицу в Word, редактирование и преобразование таблицы в текст

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

Вставляем скопированный код в редактор, выделяем всё (Ctrl+A) и в меню выбираем: "Вставка" – "Таблицы" – "Преобразовать в таблицу".

Преобразовать в таблицу. Word 2010

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

В появившемся окошке отмечаем "число столбцов – 3". Именно столько одинаковых елементов есть в скопированном коде. Делим текст в таблице по знаку абзаца. Нажимаем "ОК".

Преобразовать в таблицу. Word 2010

Появляется таблица: перенос строки или абзац, нумерация с переносом строки и код изображения с переносом строки (те три повтора, которые я упоминал выше).

Выделяем второй столбец – он нам не нужен, в нем цифры.

Удалить содержимое столбца. Word 2010

Нажимаем "Delete" и очищаем среднюю колонку-столбец.

Удалить содержимое столбца. Word 2010

То, что описано на трех картинках ниже, можно не делать. Разве что для практики и из интереса.

Теперь выделяем всю таблице с кодом для превращения в текст. Можно нажать подвести курсор к верхнему левому углу таблички и нажать на значок с крестиком.

Выделение таблицы. Word 2010

В верхнем меню: "Работа с таблицами" – "Макет" – "Преобразовать в текст". В окошке выбираем разделитель – "знак абзаца", нажимаем "ОК".

Преобразование таблицы в текст. Word 2010

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

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

Преобразование таблицы в текст. Word 2010

Часть IV. Публикация сообщения из Windows Live Writer в блог WordPress

В нижней части Windows Live Writer, к которому нужно вернуться, есть вкладки – выбираем "Исходный код". Вставляем скопированный из Word код загруженных картинок.

Исходный код. Windows Live Writer

Теперь переключаемся на "Редактирование" и наслаждаемся результатом.

Редактирование. Windows Live Writer

На вкладке "Главная" выбираем "Отправить черновик в блог" для сохранения поста в черновик WordPress, если нужно будет что-то подшаманить. Можно сразу опубликовать, конечно.

Отправить черновик в блог. Windows Live Writer

Еще примечание: можно не загружать картинки с помощью пакетной загрузки Liveinternet.ru, а подключить дневник к WLW и загружать картинки прямо из редактора, а потом перенаправлять полученный код на WordPress – это намного  рациональнее. 146%, уверяю. Но это отдельный рассказ, который, может быть, потом напишу.

И еще: картинки на Liveinternet обещают хранить вечно, в отличие от таких хостингов, как Радикал, например.

А в следующий раз я расскажу, как просто скопировать себе в блок сразу много фотографий со страницы. Причём, загружены они будут не на сервер источника-донора, а опять-таки – на Liveinternet.ru.

"Привет доктор! Как дела?"

Привет доктор! Как дела?

Похожие публикации

Поделитесь своими мыслями с помощью ВКонтакте или Facebook!



Оставить комментарий


Примечание - Вы можете использовать эти HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>