Хитрости с виджетами
Как показал опрос, читателям нашего блога не хватает статей посвященных
техническим аспектам работы с системой. И данный пост призван восполнить недостаток оных.
Вам наверняка известно, что на ваш сайт можно легко добавить динамичных блоков с заданным содержимым.

Но на всякий случай напомню, что при помощи Конструктора на сайт можно вставить два типа подобных элементов - это Виджеты и Гаджеты.
На данный момент в системе 73 виджета. О  них можно почитать вот в этом мини-обзоре.

Самый простой путь вставки виджета на сайт это выбрать его в качестве содержимого для Блока:



В этом случае, виджет или гаджет становится элементом дизайна страницы.





Для него как и для любого блока можно задать видимость для
определенного набора модулей и для ограниченной (или нет) группы пользователей.





Чуть
более нетривиальная задача - это совместить виджет не с модулем, а с
каким-то конкретным материалом в нем. Например, в системе есть виджет
всплывающей подсказки к тексту - он как раз максимально уместен в
рамках какой-то статьи, а не блока сбоку.

Поставим себе задачу —
сделать всплывающие подсказки  для записи в блоге. Для этого сначала
создадим саму запись. Просто добавим нужный текст:



Я хочу добавить пояснение к слову «юннань», так как не все знают, что это такое. Для этого заходим в админ-панель и в Редакторе страниц добавляем новую пустую страницу (она нужна в качестве места, где можно сформировать код для виджета; впоследствии ее нужно будет удалить).







Добавляем на нее виджет "Всплывающая подсказка с тенью", в котором создаем подсказку для слова «юннань»:



Получаем код, который вставляем на страницу:



Сохраняем страницу, назвав ее temp, и переходим на нее.

Страница состоит только из одного слова с подсказкой, которая появляется при наведении на слово:







Дальше нужно через браузер отобразить код этой страницы и найти в нем скрипт, отвечающий за всплывающую подсказку.

Code
<script type="text/javascript" src="/widget/?14;|%D1%8E%D0%BD%D0%BD%D0%B0%D0<br>%BD%D1%8C|%D0%9E%D1%87%D0%B5%D0%BD%D1%8C%20%D0%B2%D0%BA%D1%83%D1%81%D0%BD%D1%8B%D0%B9%20%D1%87%D0%B5%D1%80%D0%BD%D1%8B%D0%B9%20%D1%87%D0%B0%D0%B9"></script>


Текст
очень похож на исходный, его можно искать по слову «widget». Этот текст
нужно скопировать. Теперь возвращаемся к записи в блоге, редактируем ее
в HTML-режиме и заменяем слово «юннань» скопированным скриптом:



Сохраняем изменения. В результате таких хитрых манипуляций виджет начинает работать в теле модуля:



Соглашусь,
не самый тривиальный способ, но работает и для использования нужно
только уметь "вставлять-копировать" и можно не разбираться ни в каких
скриптах. Что же касается гаджетов, их можно вставлять прямо в материал
сразу после получения кода, как через тег <iframe>.

50 комментариев
1 2 »
avatar
1 Написал vorg666 01 Июнь 2010, 20:42
Это слово не будет индексироваться Поисковыми Системами, а иногда именно это слово может быть ключевым...
4 Написал Kurt 01 Июнь 2010, 20:50
это интересно о чем
7 Написал DPolyakov 02 Июнь 2010, 00:20
о слове, сформированным js-ом
12 Написал Gooman 02 Июнь 2010, 09:02
Согласен, надо по-другому виджеты реализовать. Хотя бы именно этот. Например, через css.
2 Написал kun-senpai 01 Июнь 2010, 20:43
прикольна мне нрава
3 Написал crysis007 01 Июнь 2010, 20:44
...впоследствии ее нужно будет удалить...
Правильнее будет впоследствие.

Дан старт оживлению технической рубрике. Надеюсь, что в будущем тематика двинется в сторону усложнения, поэтому несомненно будем ждать более интересных и информативных постов!

avatar
11 Написал est412 02 Июнь 2010, 08:40
"впоследствие" biggrin грамотеи...
http://slovari.yandex.ru/dict/ushakov/article/ushakov/03-1/us138904.htm
25 Написал crysis007 03 Июнь 2010, 18:07
biggrin Сам не заметил, что написал!
Мозг среагировал на "впоследствии", как на "вследствие".
Исправляюсь! Всё написано правильно.
"Впоследствии" - "и" на конце. А вот "вследствие" - "е" на конце.
Мини справочник для лингвистов в рамках блога uCoz.
avatar
27 Написал est412 04 Июнь 2010, 09:45
Респект! smile
avatar
42 Написал admin9615 15 Август 2010, 22:18
Умник. biggrin
следствие
В следствии (чего-либо)
39 Написал zachom 24 Июль 2010, 23:15
О факте:
Зачем удалять? :::Сделать недоступной и убрать из меню...
Для последующих "опытов".
avatar
5 Написал nibach 01 Июнь 2010, 21:43
+1 к crysis007.
Это хорошо, что вы написали этот пост.
Но лично я отсюда ничего не вынес, да и большинство пользователей, ибо это всем известно smile

Ведь uCoz сделан и для новичка, и для "средничка", и даже для профи.
Круто будет, если в следущей статейке, как и в самой системе uCoz, совместить сложное с простым и наоборот.

Ведь читают блог все. wink

avatar
6 Написал Lomster7 02 Июнь 2010, 00:13
Я это уже давнооо знаю) Но для новичков в самых раз smile
8 Написал DPolyakov 02 Июнь 2010, 00:23
Кстати поставленную задачу во второй части поста можно решить гораздо проще:
Code

<span title="очень вкусный черный чай">юннань</span>

Понятно, что на оформление такой подсказки напрямую повлиять мы не сможем. Зато всё валидно и индексируемо..
9 Написал Meddy 02 Июнь 2010, 00:49
Ну я тут ставила задачу не реализовать именно подсказку, а показать, как можно вставить виджет.
16 Написал DPolyakov 02 Июнь 2010, 12:56
тогда задача выполнена smile
я кстати тоже пользовался подобным способом, но с виджетом защиты электронной почты от спама.
10 Написал sfera 02 Июнь 2010, 02:58
интересно, хотя для меня пройденный этап ))) но всё равно, новичкам будет полезно!

возник единственный вопрос, если я отключил конструктор, вот этот блок (http://content.screencast.com/users/MeddyCh/folders/Jing/media/27d41f03-bdc3-493d-8435-ebf146cefd4b/00000385.png) я могу где то найди?

avatar
37 Написал Reysler 23 Июнь 2010, 13:26
Если я не ошибаюсь, то нет, однако это можно сделать с помощью условных операторов...
avatar
13 Написал Rasiel 02 Июнь 2010, 11:00
Во, это – хорошая, годная статья.
avatar
14 Написал Rasiel 02 Июнь 2010, 11:03
Хотя, короткая...
avatar
15 Написал ada3in1 02 Июнь 2010, 12:10
Ы, полезная штука, я бы ни за что не додумалась...
А можно же в таких случаях - когда виджет используется для отображения части текста в особом виде - как-то сохранять на странице и сам текст тоже? Брать его в <noscript> какой-нибудь или еще что-то в этом роде (ну, я в таких вещах не разбираюсь, так что, возможно, глупость сейчас сказала)... Потому что оставлять один скрипт вместо текста как-то нехорошо: и поисковики такую экзотику индексировать не будут, и у пользователей некоторых (хотя их, к счастью, и мало) скрипты отключены или (вот таких, к сожалению, довольно много) глючат и не работают...
17 Написал Кейтен 02 Июнь 2010, 14:21
Я таким (про исходный код виджета) занимался ещё когда виджеты тока появились. Тока там вроде было: <script src="файл.php?..."></script>
18 Написал †Angel† 02 Июнь 2010, 15:06
вроде по всем виджетам всё понятно, не понял только id какого изображения вставлять в виджет Пазлы??? Где этот id взять? Что только не вставлял, ничего не понял wacko
avatar
19 Написал Nick 02 Июнь 2010, 20:33
да, это признаю, но в посте там где про интернет магазин комментировать нельзя cry
20 Написал Meddy 02 Июнь 2010, 22:33
Можно только в специальной ветке на форуме.
21 Написал Diletant_NZ 03 Июнь 2010, 00:10
Вапще я тоже голосовал за "Технических статей о системе", только я под этим предполагал то, чего самостоятельно трудно узнать (хотя бы в ПУ). Например, разжевать и показать на примерах действие substr и strpos (довольно скудная информация в ПУ), и тп. А вы написали мануал для совсем уж нубов...
При всем уважение к автору.
22 Написал Meddy 03 Июнь 2010, 00:36
Нуууу... на всех не угодишь. Что же касается этих двух операций по ним больше двух абзацев не напишешь даже архиразжевывая.
avatar
24 Написал Rasiel 03 Июнь 2010, 13:02
Ну все же можно написать, с примерами и т.д.
28 Написал DPolyakov 04 Июнь 2010, 17:44
про substr и strpos отлично написал Дмитрий Никитенко (weiss):
http://ndmitry.ru/blog/funkcii_substr_i_strpos/2009-07-13-3
35 Написал ultraswet 06 Июнь 2010, 12:37
Согласен с Diletant_NZ. Я даже по операторам substr и strpos писал в платную тех.поддержку (где мне доходчиво объяснили). Тем не менее, хотелось бы максимум информации, т.к. substr и strpos очень полезные штуки.
avatar
23 Написал gameflash 03 Июнь 2010, 11:44
Насчет виджетов. Хотелось бы узнать будут ли существующие виджеты обновятся?
Например добавление в закладки (соц. сети). Некоторые закладки пришлось искать самому - такие как вконтакте и мой мир mail.ru. Кнопку добавить в жж вообще никак найти не могу. Было бы неплохо если б закладки обновлялись в соответствии с современными тенденциями.
avatar
26 Написал Lomster7 04 Июнь 2010, 09:15
Неплохо было бы если бы можно было бы оценивать эти блоги... Так то видно людям нравимтся или нет.
29 Написал DPolyakov 04 Июнь 2010, 17:45
о каких вы блогах?
avatar
30 Написал Rasiel 04 Июнь 2010, 22:58
он(а) наверное о том, что хотелось бы оценивать посты в блогах
avatar
31 Написал gameflash 05 Июнь 2010, 15:48
ААААААА smile
Не думал что ucoz на такое способен. Всего за пару дней и уже реализовали то о чем я писал выше. Даже не знаю кому плюсики ставить. В общем UCOZ молодцы, реально учитывает пожелания своих uзеров.
Кончаю оффтоп. Спасибо flower
avatar
32 Написал kibborg 05 Июнь 2010, 20:27
Я в юказе совсем почти не чего не понимал, я научился только благодаря видео на ютубе. www.devit.clan.su cry
avatar
33 Написал kibborg 05 Июнь 2010, 20:29
Но это не самый удобный способ особенно для новичков.
avatar
34 Написал kibborg 05 Июнь 2010, 20:32
Блин хочется пост по обучению создавать свой личный дизайн для сайта, а то наверняка там тоже не всем всё понятно smile
1-20 21-31
Ваш комментарий