Краткое руководство по работе с блогами
Пришло время (и нашлось время) для того, чтобы объяснить нашим посетителям некоторые технические хитрости правильного оформления блогов и общения в блогах.
Начну с малого, с малюсенького. Для того, чтобы ответить не на сам материал, а на какой-либо комментарий к нему, нужно писать не в автоматически открывающемся окне для комментария, а – в том окне, что откроется после того, как вы кликнете ссылку “высказаться” под нужным комментарием. Попробуйте – убедитесь. Это вполне удобно, – если только не забывать кликать в нужном месте.
Второе. Так называемый тэг “more” (кто немного изучал html, тот поймёт. Для неизучавших поясняю. Для того, чтобы ваше сообщение отражалось в суммарной ленте блогов аккуратно, нужно отделить его верхнюю часть (“лид”, “анонс”) от основного текста. В будущем мы это автоматизируем, но пока это приходится делать либо вам самим, либо модераторам за вас. А делается это просто. Ставите текстовый курсор на то место в тексте, которым следует, по вашему мнению, ограничить анонс, и нажимаете кнопку над текстовым полем редактора. Если вы работаете в редакторе в режиме HTML, то эта кнопка так и называется – “more”. Если в визуальном режиме, то это – 12-я кнопка слева в верхнем ряду (чуть левее центра), при наведении на которую высвечивается “Вставить тэг “далее””. При нажатии нужный тэг вставляется – и текст можно публиковать.
…Если только у вас всё в порядке с иллюстрациями. А с ними может таки быть две проблемы.
Одна из них связана с тем, что пока что мы не даём возможности пользователям публиковать иллюстрации упрощённым способом, с использованием встроенной галереи портала. До её запуска опубликовать их можно лишь путём вставки соответствующего кода с какого-либо другого сайта. Со своей галереи на Яндекс-фотки, Гугл-Пикасса, Gallery.ru и других, либо – опубликованных на иных сайтах, то есть уже имеющих свой адрес в интернете.
Внимание! Всё, описанное ниже, должно производиться только в редакторе, переключённом в режим “HTML”!
Если вы берёте фото из какой-то галереи, то её сервис уже наверняка предлагает вам “получить код для вставки в блог”. Что и следует сделать, обратив внимание на то, чтобы был взят код именно с угловыми, а не вертикальными скобками. (Углубляться в тонкости HTML я не хочу, поэтому пытаюсь объяснять предельно элементарно.) Например, код фотографии с Яндекс-фоток будет иметь такой вид:
Кстати, то же относится и к вставке видео. Рекомендуется вставлять его с сервиса YouTube, где код можно получить, нажав кнопку “Отправить” под плеером, затем – кнопку “Встроить” в выпавшем окне, а затем – выкопировав код из открывшегося окна при поставленном флажке в нижней строке “Использовать старый код встраивания”. Выглядеть такой код будет примерно так:
Выкопировать же картинку или фотографию с другого сайта – тоже совсем несложно. Для начала уясним, что код любого изображения выглядит в принципе так:
Запомним: открывающая угловая скобка – слова img src – знак равенства – кавычки (обязательно в латинской раскладке!), между которыми заключён адрес – закрывающая угловая скобка.
Теперь вы можете просто вписать этот код (в режиме редактора – “HTML”!), и выкопировать в кавычки адрес картинки. Который, в свою очередь, просто копируется из адресной строки во вкладке, открывшейся после того, как вы навели на понравившуюся картинку курсор, кликнули правой кнопкой мыши, а в выпавшем меню выбрали “Открыть картинку в новой вкладке”. Уточняю: не “Открыть ссылку…”, а именно “Открыть картинку…”. Не исключено, правда, что какой-то сайт может предложить вам сначала только “открыть ссылку”, а уж оттуда – “открыть картинку”.
И – ву а ля! Код картинки вставлен, можно публиковать. (Кстати, как оно будет выглядеть – можно оценить, нажав кнопку “Посмотреть” в правом верхнем углу консоли.)
Посмотрели? Понравилось?
Не обязательно.
Потому что мы не рассмотрели ещё один момент – как сделать так, чтобы картинка (или видео) оказались нужного размера, не залезали на сосендние колонки, и не занимали собой всю страницу. Рассмотрим и его, – тем более, что в примере с Яндекс-Фотками, приведённом выше, я специально использовал такой код, который в нашу страницу явно не впишется. Что же можно сделать?
Ну, во-первых, нужно запомнить, что максимальный размер картинки для наших страниц – 460рх, то есть 460 пикселей по горизонтали. Потому, если сервис фото или видео предоставляет возможность выбрать какой-либо размер из предлагаемого ряда, или установить размер самому (а и Яндекс и YouTube такие возможности предлагают), то нужно выбрать размер подходящий. Не более 460. (В коде YouTube как раз и использован размер 420.)
Если же вы берёте картинку с другого сайта, то придётся выучить ещё один тэг, – тэг ширины, width=””. Используется он обычно в паре с тэгом высоты – height=””. В вышеприведённых примерах вы найдёте эту пару без труда. Но достаточно использовать и лишь один из них – тэг ширины. К тому же он допускает подстановку не абсолютного отношения, в пикселах, а относительного – в процентах от того поля, в которое предполагается вставлять картинку. Например width=”90%”. Вставим же его (с пробелом) между закрывающей кавычкой и закрывающей угловой скобкой, и получим:
Кстати, точно так же можно поправить и тэги в вышеприведённом коде с Яндекс-фоток, – убрав полностью тэг высоты, и вставив проценты в тэг ширины:
Вот теперь точно всё.
Удачи!
В очень скором времени всё будет окончательно автоматизировано, и мы избавим вас от необходимости таких доработок.
КОММЕНТАРИИ 3 Войти
Для комментирования Вам необходимо авторизироваться.
Spasibo za rekkomendacyi 🙂 Dumayou, mnogim oni progodjtsja 😉
спасибо! с вашими рекомендациями мне удалось вставить в новый пост очень вкусные фотки)))
А вот кнопочка есть - "вставить картинку", и вылезает окно с предложением ввести адрес. Оно работает? А то я тут хотела было запостить так, а оно вылезло, и я испугалась. Хнык.