Наши подписчики в социальных сетях знают об этом инсайде. Сегодня мы представляем возможность установки тегов ALT и TITLE для изображений в материалах. И начинаем мы с самого первого модуля — модуля “Блог”. Если обновление будет полезным и востребованным, обещаем реализовать его в большинстве модулей! :)

Добавление атрибута ALT для изображений

Атрибут alt — это альтернативный источник информации для пользователей, у которых отключен показ изображений в браузере. Также он полезен в тех случаях, когда изображение недоступно на сервере. Если атрибут alt определен, то при невозможности отображения картинки на ее месте отобразится текст атрибута.

Добавление атрибута TITLE для изображений

Атрибут title предоставляет дополнительную информацию о картинке. Текст, заключенный в этом атрибуте, появляется возле указателя мыши при наведении его на картинку.

Данные атрибуты очень важны для качественной индексации картинок в поисковых системах. Подробнее о важности атрибутов можно прочитать в справке Яндекса.

Обновлённый режим добавления изображений
и превью картинок*

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

* превью доступно только на странице редактирования материала

Больше возможностей с новыми переменными

Мы не просто добавили новые поля ALT и TITLE, но также дали возможность дополнительно использовать целых 2 поля к каждой картинке для ваших целей!

Кроме того, что ALT и TITLE автоматически прописываются в готовый код $IMAGE1...10$, вы можете самостоятельно реализовывать любые идеи, так как мы даем возможность отдельно использовать все введенные данные в эти поля при помощи новых переменных.


$IMG1..10_URL$ — теперь данный код работает прямо в поле добавления материала на сайте, а не только в шаблоне в панели управления. Вы получаете прямую ссылку на изображение сразу в виде удобного кода.


$IMG1..10_TITLE$ — выводите TITLE не только как атрибут картинки, но и используйте его для своих целей: делайте подписи к картинкам, заголовкам слайдов картинок или текст, появляющийся при наведении курсора на картинку! Работает код как на сайте, так и в панели управления.


$IMG1..10_ALT$ — можно использовать для любых нужд, как и в случае с кодом TITLE. Работает код как на сайте, так и в панели управления.


И, конечно же, информеры!

Мы решили не томить с информерами и сразу сделали поддержку всех новых кодов в информерах модуля “Блог”:


На сегодня все! Ждем ваших отзывов, предложений и пожеланий по новому функционалу! :)

85 комментариев
1 2 3 »
1 Написал K1l0 17 Ноябрь 2015, 17:06
Отлично ведь! Правда придется теперь всю форму переписывать, но это теперь уже "мои проблемы".
0
2 Написал o_Lisovenko 17 Ноябрь 2015, 17:07
Зачем всю форму переписывать?
4 Написал K1l0 17 Ноябрь 2015, 17:24
Я использую "предпросмотр" при добавлении. Пример: http://jsfiddle.net/LvsYc/
3 Написал tan4ik_prihodko 17 Ноябрь 2015, 17:08
Наконец-то, счастье то какое!  eek
5 Написал PtrPt 17 Ноябрь 2015, 17:25
Маленький вопросик. Эти коды будут доступны только администраторам? (Может это и к лучшему.) Ведь структура <img src="$IMG_URL1$" alt="$IMG1_ALT$" title="$IMG1_TITLE$" /> - это html-код.

UPD. Это я почему написал $IMG_URL1$? А потому что так в описании сказано. А на картинке $IMG1_URL$. Исправьте, пожалуйста, чтобы людей не смущать. smile

UPD2. А на второй картинке по-другому. wacko Вы уж сами определитесь, пожалуйста, куда цифры ставить. Игра "Найди n отличий". biggrin
0
16 Написал o_Lisovenko 17 Ноябрь 2015, 19:48
У Вас уже есть на сайте обновление? Если да, то смотрите непосредственно на сайте какие коды.
21 Написал PtrPt 17 Ноябрь 2015, 20:04
Исчерпывающий ответ. smile
Нет, обновление же на s4 только.
Просто я не думал, что на половине сайтов будет $IMG1_URL$, а на другой - $IMG_URL1$.
Неужели и такое бывает?
0
22 Написал o_Lisovenko 17 Ноябрь 2015, 20:11
Разбираемся, увидел проблему.
avatar
6 Написал Mitreya 17 Ноябрь 2015, 17:25
Извините, что не по теме, однако вопрос.
Подскажите, планируется ли допилить модуль СЕО, чтобы материалы быстро залетали в поисковые системы не только из Блога и Каталога статей, но и из других модулей, в частности, Онлайн-игр. Последний активно использую в том числе потому, что он один из самых продвинутых каталожных контент-модулей в системе. А материалы из него в поисковики попадают очень плохо.
0
15 Написал o_Lisovenko 17 Ноябрь 2015, 19:47
Вы и правда не по теме. На форум с такими вопросами в раздел SEO модуля.
7 Написал psolovev 17 Ноябрь 2015, 17:36
Очень приятное нововведение!
8 Написал _CrySiS_ 17 Ноябрь 2015, 17:38
Отличное обновление.
9 Написал zZzodiac 17 Ноябрь 2015, 17:49
Согласен! smile
10 Написал Komoff 17 Ноябрь 2015, 18:19
А почему только для блога? В других модулях в них не меньше нуждаются.
0
17 Написал o_Lisovenko 17 Ноябрь 2015, 19:49
Читайте внимательно о других модулях в посте.
11 Написал nickblack 17 Ноябрь 2015, 18:33
А в какие примерно сроки планируется введение для остальных модулей? И не планируется ли ввести превью на странице добавления материала (т.к. это не сложно и не логично как-то)?
0
18 Написал o_Lisovenko 17 Ноябрь 2015, 19:49
В посте написано - посмотрим по востребованию.
12 Написал K1l0 17 Ноябрь 2015, 18:52
Лучше "мультизагрузку", но это не реализуемо.
13 Написал 0RJ0 17 Ноябрь 2015, 18:57
В данный момент лично я жду это обновление для следующих модулей: «Новости сайта», «Каталог статей», «Онлайн игры», «Каталог файлов» и может быть ещё «Доска объявлений». Модуль «Блог» почти не используется, но буду использовать и там, чтобы появилось везде  biggrin
avatar
14 Написал Mitreya 17 Ноябрь 2015, 19:29
Для тех же Онлайн-игр до сих пор не сделаны "постинг в соцсети" и СЕО (мониторинг пингов и оригинальные тексты). Так что у меня для тебя плохие новости, камрад sad
19 Написал 0RJ0 17 Ноябрь 2015, 19:49
Постинг в соцсети для онлайн-игр — зачем? Я в целом вообще не понимаю этого функционала, мне больше нравится ручками — так можно точнее управлять контентом.

А про мониторинг пингов и оригинальные тексты — соглашусь, но по моему этот модуль пока перестали активно развивать, насколько я вижу (я про SEO-модуль).
1
20 Написал o_Lisovenko 17 Ноябрь 2015, 19:50
Постараемся сделать для всех модулей, дайте хотя бы этому обновлению пройти успешно для всех серверов smile
23 Написал 0RJ0 17 Ноябрь 2015, 20:15
Цитата
Ждем ваших отзывов, предложений и пожеланий по новому функционалу! smile

Я просто высказал предложения и пожелания по этому поводу. Буду ждать выхода на своём сервере чтобы пощупать полноценно.
24 Написал onemore 17 Ноябрь 2015, 22:50
планируется ли когда нибудь системная генерация названия материала в название картинки? (site.ucoz.ru/news/[номер материала]-nazvanie_materiala.jpg)

на джойреакторе вообще на кириллице генерируется.

вот это реально для СЕО нужная вещь.
0
27 Написал o_Lisovenko 18 Ноябрь 2015, 09:14
Пока в планах нет.
avatar
25 Написал MikhailovCity 18 Ноябрь 2015, 00:09
Не пойму на картинке, видно какая картинка загрузилась? У меня такого не или это обновление? картинка
1
29 Написал o_Lisovenko 18 Ноябрь 2015, 09:16
Обновление доступно только на сервере s4. И да, превью картинки видно на странице редактирования материала.
26 Написал †Angel† 18 Ноябрь 2015, 04:37
Охохох, это ж всё сломается, то как сделано у меня... sad
у меня при добавлении сразу превью плюс при выборе картинки, скрыты коды $IMAGE1$, $IMAGE2$ и т.д.
http://screenpresso.com/=to4hf
и
http://screenpresso.com/=Cfjjf
-1
28 Написал o_Lisovenko 18 Ноябрь 2015, 09:16
Ну не сломается, а обновиться. А может и нет. Ну, по крайней мере индивидуальные решения могут и слететь. Ничего не помешает Вам сделать новое решение.
avatar
30 Написал MikhailovCity 18 Ноябрь 2015, 10:17
У меня тоже, стоит в объявления, перевью и автоматическое добавление фотографий при добавлении

Код
<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL1$" /></a><?endif?>  
<?if($IMG_URL2$)?><a href="$IMG_URL2$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL2$" /></a><?endif?>  
<?if($IMG_URL3$)?><a href="$IMG_URL3$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL3$" /></a><?endif?>
<?if($IMG_URL3$)?><a href="$IMG_URL4$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL4$" /></a><?endif?>  
<?if($IMG_URL3$)?><a href="$IMG_URL5$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL5$" /></a><?endif?>  
<?if($IMG_URL3$)?><a href="$IMG_URL6$" class="ulightbox" data-fancybox-group="ultbx"><img src="$IMG_URL6$" /></a><?endif?>


и мультизагрузка, картинки сразу видны, пользователи очень рады

Код
$(function(){$("#fln1").live({change:function(){if("undefined"!=typeof FileReader){var a=new FileReader;a.onloadend=function(a){$("#pimg1").attr("src",a.target.result)};a.readAsDataURL($(this)[0].files[0])}}})});
$(function(){$("#fln2").live({change:function(){if("undefined"!=typeof FileReader){var a=new FileReader;a.onloadend=function(a){$("#pimg2").attr("src",a.target.result)};a.readAsDataURL($(this)[0].files[0])}}})});
$(function(){$("#fln3").live({change:function(){if("undefined"!=typeof FileReader){var a=new FileReader;a.onloadend=function(a){$("#pimg3").attr("src",a.target.result)};a.readAsDataURL($(this)[0].files[0])}}})});  
$(function(){$("#fln4").live({change:function(){if("undefined"!=typeof FileReader){var a=new FileReader;a.onloadend=function(a){$("#pimg4").attr("src",a.target.result)};a.readAsDataURL($(this)[0].files[0])}}})});  
$(function(){$("#fln5").live({change:function(){if("undefined"!=typeof FileReader){var a=new FileReader;a.onloadend=function(a){$("#pimg5").attr("src",a.target.result)};a.readAsDataURL($(this)[0].files[0])}}})});  
$(function(){$("#fln6").live({change:function(){if("undefined"!=typeof FileReader){var a=new FileReader;a.onloadend=function(a){$("#pimg6").attr("src",a.target.result)};a.readAsDataURL($(this)[0].files[0])}}})});


Код
<div style="overflow:hidden;width:296px;height:167px;border:1px solid #cccccc;margin:0 5px 20px 0;float:left;"><img id="pimg1" src="к" style="width:296px;"/></div>
<div style="overflow:hidden;width:296px;height:167px;border:1px solid #cccccc;margin:0 5px 20px 0;float:left;"><img id="pimg2" src="к" style="width:296px;"/></div>
<div style="overflow:hidden;width:296px;height:167px;border:1px solid #cccccc;margin:0 5px 20px 0;float:left;"><img id="pimg3" src="к" style="width:296px;"/></div>
<div style="overflow:hidden;width:296px;height:167px;border:1px solid #cccccc;margin:0 5px 20px 0;float:left;"><img id="pimg4" src="к" style="width:296px;"/></div>
<div style="overflow:hidden;width:296px;height:167px;border:1px solid #cccccc;margin:0 5px 20px 0;float:left;"><img id="pimg5" src="к" style="width:296px;"/></div>
<div style="overflow:hidden;width:296px;height:167px;border:1px solid #cccccc;margin:0 5px 20px 0;float:left;"><img id="pimg6" src="к" style="width:296px;"/></div>
32 Написал †Angel† 19 Ноябрь 2015, 00:26
Ой, я не заметил что только пока для блога, извиняюсь))) У меня это решение в доске объявлений, надеюсь там не будет этого happy
-1
33 Написал o_Lisovenko 19 Ноябрь 2015, 13:19
Там это будет, позже.
avatar
31 Написал akula-z 18 Ноябрь 2015, 23:24
Отличное обновление!
Жаль, что только для Блога сделали, вот еще бы для Каталога статей и Каталога файлов сделать, было бы вообще замечательно, а то вручную прописывать намного больше времени занимает.
0
34 Написал o_Lisovenko 19 Ноябрь 2015, 13:20
Будем стараться сделать везде.
35 Написал Nelson 19 Ноябрь 2015, 17:06
Обновление хорошее, но оно назревало давно. И зачем нужно было делать пост в блоге, и расписывать какое это "глобальное" обновление? Теперь добавление двух условных операторов требует такого пристального внимания? Также непонятно почему данное обновление затронуло лишь модуль "Блог", и доступно оно стало только владельцам сайтов на 4 сервере. Я надеюсь что в будущим команда разработчиков uCoz, будет радовать своих пользователей более весомыми обновлениями, такими как "Обновление панели управления" и "Новыми возможностями uApi"
0
37 Написал o_Lisovenko 20 Ноябрь 2015, 13:31
Вам кажется, что добавить это очень просто. Если так - приходите к нам в разработчики, сделаете систему лучше. 

Это обновление затрагивает очень много в системе, в том числе информеры и шаблоны. Да это обновление достойно поста в блоге, если оно вам не интересно, лучше просто не комментировать. 

Почему оно только в блоге - почитайте ответы выше, если интересно. 

uAPI обновляется постоянно, и панель управления тоже вышла в первичный тест, что Вам в этом не нравится, тоже непонятно.
avatar
36 Написал SkachatKino 19 Ноябрь 2015, 20:14
Ещё бы в код вызова картинки заложить обтекаемость hspace, чтобы было типа $IMAGE1_6$, чтобы ставить hspace=6, например.
38 Написал AlexGraur 20 Ноябрь 2015, 13:48
а когда на других серверах будет то доступно? у меня пока ни на 1 сайте такого не доступно. Зачем ваще релиз писать если к нему имеют доступ тока избранные!
0
48 Написал o_Lisovenko 25 Ноябрь 2015, 15:44
Никакие не избранные, а случайные сервера. 
Пишем сразу, что б получать фидбек и баги.
avatar
39 Написал smet4uk 20 Ноябрь 2015, 15:49
Идит мадрид.. дообновлялись.. чат пропал ))
0
40 Написал Rostislav 20 Ноябрь 2015, 18:38
Какой у вас адрес сайта, где пропал чат?
avatar
41 Написал muhamed08 21 Ноябрь 2015, 18:15
Будет ли возможность в будущем вывода почтовых форм через джаваскрипт как в ротаторе баннеров и создание формы без обязательного емейла?
0
43 Написал Rostislav 23 Ноябрь 2015, 18:09
Создать почтовую форму без обязательного поля e-mail можно и сейчас. Просто в дизайне почтовой формы сделайте автозаполнение поле e-mail и потом сделайте его невидимым. Например, так:
Код
<tr style="display:none;"><td width="35%">E-mail отправителя:</td><td><input type="hidden" name="f1" size="30" style="width:95%;" maxlength="70" value="callback@site.ru"> </td></tr>


Все предложения и пожелания по сервису uCoz можно оставить на сайте http://all.uwishlist.ru/
avatar
58 Написал muhamed08 28 Ноябрь 2015, 10:15
О спасибо. А вызов через джаваскрипт нельзя сделать?
42 Написал borschaga 22 Ноябрь 2015, 14:36
Хорошее обновление, ждем, спасибо smile
1-20 21-40 41-42
Ваш комментарий