Софт для блогера: как побороть Яндекс.фотки и удобно цитировать посты ЖЖ
Здесь: а) по шагам "для чайников" и б) полезная программа для продвинутых.
На этой неделе Яндекс изменил пользовательский интерфейс своего фотохостинга Яндекс.фотки.
И многие пользователи испытали проблемы. Хотя на самом деле мало что изменилось.
Те, кто пользуется Semagic или другими средствами, могут дальше не читать... или, наоборот, читать, потому что кое-что Яндекс всё-таки поменял и эти средства могут частично перестать работать (вот моя, к примеру, перестала, потому что парсила ссылку на страницу фото, которая как раз поменялась). Ну да ближе к делу.
Давайте сначала условимся, как должна выглядеть правильная ссылка на изображение из Яндекс.фоток.
Правильная - это значит с соблюдением законности и этики, а также элементарного удобства для читателя.
1) Картинка должна быть нужного для поста размера. А размер регулируется окончаниями ссылки на изображение: _S - ширина 150 пикселов (просмотр такого изображения не учитывается счётчиком Яндекса, если кому это важно), _M - 300, _L - 500, _XL - 800, _XXL - 1024 пиксела. Зачем нужны эти тонкости? Да затем, чтобы не разводить читателя на трафик, заставляя качать гигапиксельную картинку и ужимать её при показе до размера спичечной коробки (этим часто страдают новички, запихивая без обработки большое фото с современного фотоаппарата без обработки).
Ну и для того, чтобы, наоборот, не растянуть на весь экран миниатюру размера _S, когда можно и нужно взять размер _XXL. :)
2) При клике на картинку должно открываться изображение в исходном, максимальном размере (окончание _orig в ссылке). Или, если картинка цитируется из чьего-то поста, лучше, если ссылка будет вести на сам пост.
3) Под изображением необходимо указывать источник цитирования (например, ссылка на пост или ссылка на страницу фото в Яндекс.фотках).
Этих несложных правил вполне достаточно для того, чтобы было удобно и вам, и читателю, и автору, которого вы цитируете.
Теперь о том, как всего этого добиться разными способами.
Инструкция "для чайников", которые пользуются визуальным редактором ЖЖ
То есть для тех, кто не хочет разбираться в HTML.
Именно у них как раз и возникали проблемы после изменения дизайна Яндекса.
Между нами, я не очень понимаю, как чайники раньше пользовались Яндекс.фотками, потому что в любом случае требуется или ручная правка ссылки, или редактирование поста в режиме HTML. Тем не менее, описываемый способ вполне приемлем, хотя чуть более трудоёмок:
1) правой кнопкой мыши на превью фото в альбоме или вообще где угодно в Яндекс.фотках (правой кнопкой, не левой! - то есть не открывать само фото, а менюшку вызывать!);
2) в менюшке выбрать "копировать ссылку на изображение":
3) в редакторе ЖЖ кнопку "вставить фото" и там вкладку "указать URL";
4) вставить скопированную ссылку;
5) заменить в конце ссылки _S на окончание нужного размера;
6) вставить скопированную ссылку в нижнее поле (URL страницы) и заменить там окончание на _orig (или же вставить туда ссылку на пост, откуда взята картинка);
7) выбрать нужный размер в диалоге (но тут обратите внимание, что размеры, предлагаемые редактором ЖЖ, не совпадают с размерами от Яндекса, поэтому в выпадающем меню лучше выбрать "Оригинал"):
Стандартный способ: редактирование поста в режиме HTML
Собственно, тут два способа: для чайников и для продвинутых. Для продвинутых можно делать всё, как описано выше, но с последующим редактированием HTML-кода (например, вовсе убрать тег Width или задать ему нужное значение вручную).
А для чайников используем стандартный путь, который предполагали разработчики Яндекса:
1) открыть страницу фото (вылезает жуткое полупрозрачное новоизобретение, более всего похожее на Фейсбук);
2) кликнуть "Поделиться" и выбрать "Код для блога":
3) в появившемся диалоге выбрать нужные размеры и нажать кнопку "Скопировать":
4) в режиме HTML редактора ЖЖ просто вставить скопированное;
5) при необходимости отредактировать код.
Ну а теперь про самое полезное для работающих в режиме HTML - моя обновлённая программка, которая в один клик позволяет вставлять полностью оформленные ссылки на фото и даже на целые посты ЖЖ!
Она представляет собой небольшое приложение для Windows, которое не требует установки и может быть запущено откуда угодно.
Как легко понять по флажку "Следить за буфером обмена", программа именно этим и занимается:
Скачать Yaf2blog.exe (всего 700K)
Как только в буфере обмена окажется скопированная ссылка из Яндекс.фоток, программа заменяет её на готовый к вставке в HTML код (в соответствии с настройками на панели программы)!
То есть вы спокойно смотрите фотки на Яндексе, выбираете нужную и без всяких лишних действий в один клик получаете то, что вам надо.
Работа с одиночными изображениями с Яндекс.фоток
Если вы копируете ссылку на страницу фото (как на первой картинке поста), то с Яндекса загружается полное описание фото, откуда программа берёт его название и вставляет в теги TITLE и ALT, а также в качестве подписи под фото (со ссылкой, как задано в настройках "Ссылка под фото").
Если вы копируете ссылку на изображение, то описание программа загрузить не может и названия не знает, так что фактически получается режим "не вставлять подпись". Зато при настройке "На фото orig" она исправно делает код, где при клике в отдельном окне откроется максимальный размер _orig.
Самый же интересный и полезный эффект можно получить, если вы цитируете фото из другого источника и поставите настройку "На ссылку в поле ввода". Тогда вы, скопировав нужную ссылку в поле ввода "Ссылка", в один клик получите сложный код, который даст именно тот эффект, который нужен для корректного цитирования и для которого при редактировании обычным путём потребуется множество действий с многократными переходами со страницы на страницу в браузере и многократным копированием разнородной информации. Получится, например, так:
Радужные облака
Работа с целым альбомом Яндекс.фоток
1) Зайдите в нужный альбом;
2) кликните ссылку "Получить код";
3) выделите нужные изображения (можно с нескольких страниц сразу);
4) выберите нужный размер;
5) ткните в поле "Код для вставки на сайт или в блог" и скопируйте оттуда весь текст:
Собственно, этот текст можно и прямо в пост вставлять, но он очень уж неудобный, да и неполный по сравнению с тем, что хочу я. Поэтому программа подхватит скопированный код и начнёт одну за другой обрабатывать перечисленные там изображения, загружая их названия и формируя ссылки в описанном выше формате, в соответствии с настройками программы.
6) После финального звонка идите в пост (напомню, мы говорим о редакторе ЖЖ в режиме HTML) и вставляйте то, что получилось - там будет всё вместе с подписями и ссылками!
Ссылки на пользователей ЖЖ
Те, кто часто ссылаются на других пользователей, наверняка оценили неудобство кнопки "Добавить имя пользователя ЖЖ", где приходится вводить ник вручную или копированием.
Теперь всё опять же происходит автоматически и в один клик.
Скопируйте ссылку под "головастиком" ЖЖ-пользователя (ссылка вида http://alexey-donskoy.livejournal.com/profile) - и она на лету заменится на ЖЖ-шный тег lj user, который ЖЖ отобразит с соответствующим головастиком. Просто вставляйте в текст.
Ссылки на пост ЖЖ
Наконец, самая муторная работа блогера - правильное оформление ссылок вида:
• alexey_donskoy: Неизвестная Турция: озеро Ван
Обычным путём вам придётся два раза переключаться на страницу поста, чтобы скопировать оттуда заголовок и ссылку, а затем ещё вводить пользователя.
Теперь достаточно скопировать ссылку на пост - и в полях ввода программы появятся ссылка и имя пользователя. Теперь нажмите кнопку "Ссылка на пост юзера" - программа загрузит пост, найдёт его название - и после финального звонка просто делайте вставку в свой пост!
Точка перед полученным текстом предназначена для удобства построения списков. Если она не нужна, просто уберите её из кода.
Прочее
В поле ввода программы можно копировать любую ссылку, не обязательно на пост ЖЖ.
Нажмите кнопку "a href=ссылка..." - и получите оформленную ссылку для вставки в HTML.
Все эти возможности крайне полезны и при написании комментариев, особенно когда стиль владельца комментируемого блога не содержит нового редактора ЖЖ.
Ну и для кого-то может пригодиться и вкладка BBcode. Ссылку на фото она тоже формирует автоматически.
Попробуйте и оцените удобство. Пусть у вас больше времени остаётся на творческую работу!
Повторю ссылку на саму программу: Yaf2blog.exe
На этой неделе Яндекс изменил пользовательский интерфейс своего фотохостинга Яндекс.фотки.
И многие пользователи испытали проблемы. Хотя на самом деле мало что изменилось.
Те, кто пользуется Semagic или другими средствами, могут дальше не читать... или, наоборот, читать, потому что кое-что Яндекс всё-таки поменял и эти средства могут частично перестать работать (вот моя, к примеру, перестала, потому что парсила ссылку на страницу фото, которая как раз поменялась). Ну да ближе к делу.
Давайте сначала условимся, как должна выглядеть правильная ссылка на изображение из Яндекс.фоток.
Правильная - это значит с соблюдением законности и этики, а также элементарного удобства для читателя.
1) Картинка должна быть нужного для поста размера. А размер регулируется окончаниями ссылки на изображение: _S - ширина 150 пикселов (просмотр такого изображения не учитывается счётчиком Яндекса, если кому это важно), _M - 300, _L - 500, _XL - 800, _XXL - 1024 пиксела. Зачем нужны эти тонкости? Да затем, чтобы не разводить читателя на трафик, заставляя качать гигапиксельную картинку и ужимать её при показе до размера спичечной коробки (этим часто страдают новички, запихивая без обработки большое фото с современного фотоаппарата без обработки).
Ну и для того, чтобы, наоборот, не растянуть на весь экран миниатюру размера _S, когда можно и нужно взять размер _XXL. :)
2) При клике на картинку должно открываться изображение в исходном, максимальном размере (окончание _orig в ссылке). Или, если картинка цитируется из чьего-то поста, лучше, если ссылка будет вести на сам пост.
3) Под изображением необходимо указывать источник цитирования (например, ссылка на пост или ссылка на страницу фото в Яндекс.фотках).
Этих несложных правил вполне достаточно для того, чтобы было удобно и вам, и читателю, и автору, которого вы цитируете.
Теперь о том, как всего этого добиться разными способами.
Инструкция "для чайников", которые пользуются визуальным редактором ЖЖ
То есть для тех, кто не хочет разбираться в HTML.
Именно у них как раз и возникали проблемы после изменения дизайна Яндекса.
Между нами, я не очень понимаю, как чайники раньше пользовались Яндекс.фотками, потому что в любом случае требуется или ручная правка ссылки, или редактирование поста в режиме HTML. Тем не менее, описываемый способ вполне приемлем, хотя чуть более трудоёмок:
1) правой кнопкой мыши на превью фото в альбоме или вообще где угодно в Яндекс.фотках (правой кнопкой, не левой! - то есть не открывать само фото, а менюшку вызывать!);
2) в менюшке выбрать "копировать ссылку на изображение":
3) в редакторе ЖЖ кнопку "вставить фото" и там вкладку "указать URL";
4) вставить скопированную ссылку;
5) заменить в конце ссылки _S на окончание нужного размера;
6) вставить скопированную ссылку в нижнее поле (URL страницы) и заменить там окончание на _orig (или же вставить туда ссылку на пост, откуда взята картинка);
7) выбрать нужный размер в диалоге (но тут обратите внимание, что размеры, предлагаемые редактором ЖЖ, не совпадают с размерами от Яндекса, поэтому в выпадающем меню лучше выбрать "Оригинал"):
Стандартный способ: редактирование поста в режиме HTML
Собственно, тут два способа: для чайников и для продвинутых. Для продвинутых можно делать всё, как описано выше, но с последующим редактированием HTML-кода (например, вовсе убрать тег Width или задать ему нужное значение вручную).
А для чайников используем стандартный путь, который предполагали разработчики Яндекса:
1) открыть страницу фото (вылезает жуткое полупрозрачное новоизобретение, более всего похожее на Фейсбук);
2) кликнуть "Поделиться" и выбрать "Код для блога":
3) в появившемся диалоге выбрать нужные размеры и нажать кнопку "Скопировать":
4) в режиме HTML редактора ЖЖ просто вставить скопированное;
5) при необходимости отредактировать код.
Ну а теперь про самое полезное для работающих в режиме HTML - моя обновлённая программка, которая в один клик позволяет вставлять полностью оформленные ссылки на фото и даже на целые посты ЖЖ!
Она представляет собой небольшое приложение для Windows, которое не требует установки и может быть запущено откуда угодно.
Как легко понять по флажку "Следить за буфером обмена", программа именно этим и занимается:
Скачать Yaf2blog.exe (всего 700K)
Как только в буфере обмена окажется скопированная ссылка из Яндекс.фоток, программа заменяет её на готовый к вставке в HTML код (в соответствии с настройками на панели программы)!
То есть вы спокойно смотрите фотки на Яндексе, выбираете нужную и без всяких лишних действий в один клик получаете то, что вам надо.
Работа с одиночными изображениями с Яндекс.фоток
Если вы копируете ссылку на страницу фото (как на первой картинке поста), то с Яндекса загружается полное описание фото, откуда программа берёт его название и вставляет в теги TITLE и ALT, а также в качестве подписи под фото (со ссылкой, как задано в настройках "Ссылка под фото").
Если вы копируете ссылку на изображение, то описание программа загрузить не может и названия не знает, так что фактически получается режим "не вставлять подпись". Зато при настройке "На фото orig" она исправно делает код, где при клике в отдельном окне откроется максимальный размер _orig.
Самый же интересный и полезный эффект можно получить, если вы цитируете фото из другого источника и поставите настройку "На ссылку в поле ввода". Тогда вы, скопировав нужную ссылку в поле ввода "Ссылка", в один клик получите сложный код, который даст именно тот эффект, который нужен для корректного цитирования и для которого при редактировании обычным путём потребуется множество действий с многократными переходами со страницы на страницу в браузере и многократным копированием разнородной информации. Получится, например, так:
Радужные облака
Работа с целым альбомом Яндекс.фоток
1) Зайдите в нужный альбом;
2) кликните ссылку "Получить код";
3) выделите нужные изображения (можно с нескольких страниц сразу);
4) выберите нужный размер;
5) ткните в поле "Код для вставки на сайт или в блог" и скопируйте оттуда весь текст:
Собственно, этот текст можно и прямо в пост вставлять, но он очень уж неудобный, да и неполный по сравнению с тем, что хочу я. Поэтому программа подхватит скопированный код и начнёт одну за другой обрабатывать перечисленные там изображения, загружая их названия и формируя ссылки в описанном выше формате, в соответствии с настройками программы.
6) После финального звонка идите в пост (напомню, мы говорим о редакторе ЖЖ в режиме HTML) и вставляйте то, что получилось - там будет всё вместе с подписями и ссылками!
Ссылки на пользователей ЖЖ
Те, кто часто ссылаются на других пользователей, наверняка оценили неудобство кнопки "Добавить имя пользователя ЖЖ", где приходится вводить ник вручную или копированием.
Теперь всё опять же происходит автоматически и в один клик.
Скопируйте ссылку под "головастиком" ЖЖ-пользователя (ссылка вида http://alexey-donskoy.livejournal.com/profile) - и она на лету заменится на ЖЖ-шный тег lj user, который ЖЖ отобразит с соответствующим головастиком. Просто вставляйте в текст.
Ссылки на пост ЖЖ
Наконец, самая муторная работа блогера - правильное оформление ссылок вида:
• alexey_donskoy: Неизвестная Турция: озеро Ван
Обычным путём вам придётся два раза переключаться на страницу поста, чтобы скопировать оттуда заголовок и ссылку, а затем ещё вводить пользователя.
Теперь достаточно скопировать ссылку на пост - и в полях ввода программы появятся ссылка и имя пользователя. Теперь нажмите кнопку "Ссылка на пост юзера" - программа загрузит пост, найдёт его название - и после финального звонка просто делайте вставку в свой пост!
Точка перед полученным текстом предназначена для удобства построения списков. Если она не нужна, просто уберите её из кода.
Прочее
В поле ввода программы можно копировать любую ссылку, не обязательно на пост ЖЖ.
Нажмите кнопку "a href=ссылка..." - и получите оформленную ссылку для вставки в HTML.
Все эти возможности крайне полезны и при написании комментариев, особенно когда стиль владельца комментируемого блога не содержит нового редактора ЖЖ.
Ну и для кого-то может пригодиться и вкладка BBcode. Ссылку на фото она тоже формирует автоматически.
Попробуйте и оцените удобство. Пусть у вас больше времени остаётся на творческую работу!
Повторю ссылку на саму программу: Yaf2blog.exe