И так, в этой записи рассмотрим как добавить блок на ucoz. Если сказать проще, блок находится на сайте, в сайдбаре. Сайдбар — это обычная колонка или колонки сбоку на сайте, колонок бывает одна или две.
Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.
Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.
В колонку помещается информация, которая постоянно видна пользователю и неважно в каком разделе он находится, информация будет у него перед глазами.
Что такое блоки для ucoz ?
Так вот, в блоки на ucoz помещается информация, которая показывается пользователю при просмотре сайта. К примеру в блок можно поместить меню сайта, человек когда будет гулять по сайту, то всегда сможет видеть меню. Так-же в блог можно помещать рекламу, категории, календари, опросы, статистику и многое другое. Как выглядят блоки? Вот —
Как включить конструктор сайта ?
Каждым блоком можно управлять и настраивать под себя. К примеру можно блок поставить выше или ниже в колонке, так-же каждому блоку можно поменять название, блоки можно удалять, добавлять новые, редактировать имеющиеся.
Всё это позволяет сделать конструктор на сайте, его нужно просто включить. Что-бы включить конструктор на сайте, нажмите на колёсико и найдите иконку управление дизайном.
Если нажмёте, должно выпасть окно, в котором найдите кнопку включить конструктор, нажмите на неё. После нажатия, сайт должен перезагрузиться и активироваться конструктор сайта. Если всё было сделано правильно, появится блоки как показано на картинке выше.
Что за кнопки?
Давайте разберёмся что за кнопки находятся на каждом блоке. У блока который выделен синей рамочкой (на картинке ниже), имеются следующие кнопки. Кнопки под номером 1 и 2, помогают блок опускать и поднимать в верх.
Также где стоит номер 3, можно ухватить блок мышкой и перетащить его на нужное место. Если нажать на имя блока, можно поменять название у блока, стрелочка под номером 4. Кнопочка под номером 5, помогает управлять меню, заметьте что такая кнопочка находится только у меню, у остальных блоков её нет.
Кнопочка под номером 6 помогает настраивать блок, и управлять его содержимым. Что-бы удалить блок, воспользуйтесь крестиком, кнопочка под номером 7.
Как добавить новый блок на ucoz ?
Как было уже сказано выше, блоки на ucoz можно удалять и добавлять. Удалять вы уже научились, а вот как добавить блок? Всё очень просто, помнете нашу кнопочку которую мы нашли в колёсике, иконка под названием управление дизайном? Так вот, если на неё нажать повторно, выпадет окно в котором есть кнопочка добавить блок.
Нажмите на неё, блок должен появится посередине странице. Дайте ему название. После ухватите блок мышкой, как описано выше под стрелочкой 3, и перетащите его в то место, где хотите что-бы он стоял. Если блок припарковали, работа ещё не окончена, блок нужно наполнить, он ещё пустой и в нём нету содержимого.
Как добавить содержимое в блок ?
Делается это довольно просто, для начало нажмите на кнопку под номером 6, смотрите на картинке выше. Должно открыться окно, в котором найдёте кучу кнопок, они-то и помогут нам наполнить наш блок.
Кнопки под номерами 1,2,3, помогают переключатся между вкладками.
У каждой вкладке свои задача, к примеру вкладка под номером 1, содержит в себе содержание стандартных функций для сайта. Вкладка под номером 2, помогает вставить свой собственный код, а под номером 3 позволяет управлять доступом для блока.
Для начало разберёмся в кладке под номером 1. В этой вкладке само много кнопочек, кнопочка под номером 4, помогает вставить виджеты для сайта. Если нажать на эту иконку, откроется дополнительное окно в котором можно выбрать нужный виджет.
К примеру там есть такие виджеты как простой плеер, плеер с плей листом, социальные закладки, видео с ютубе, галерея фото, снегопад и очень много других фишек для сайта, всего их 35. Выберите для себя нужный, настройте его и нажмите сохранить.
Следующая кнопочка под номером 5, помогает вставить на сайт разные гаджеты. Так-же перейдите по этой кнопке и у вас откроется окно, в которой 700 с чем-то страниц разных гаджетов. От простого радио для сайта и до карт от яндекса, поиска википедии и разных других гаджетов которые можно найти в этом окне. Картинку давать не буду.
Кнопочка под номером 6 помогает в блок вставить видео с ютубе, просто перейдите по ней, и указываете ссылку на видео от ютуба, сохраняем и проверяем. Всё то-же самое с кнопочкой 7, только за место видео вставляйте аудио, уже со своего сайта.
Иконка под номером 8, помогает вставить информеры на ваш сайт. Если вы ещё не знаете что такое информер, в дальнейших уроках мы разберёмся что это такое, и как они работают.
В крации скажу, это специальный код — который помогает выводить на странице или в сайдбаре информацию.
К примеру, когда человек читает новость на вашем сайте, ему под новостью показываются другие новости по той-же теме, это можно сделать при помощи информера.
9 кнопка помогает настроить rss ленту, то-есть в блоке будет подгружаться информация из других сайтов. Лично я не настраивал ленту, так-что не знаю как с ней работать.
В 10 иконке, можно добавлять элементы сайта, такие как вход на сайт, категории для сайта, категория каналов, поиск по сайту и другие элементы. Заметьте что появилась 4 вкладка в окне, она позволяет вернутся назад к содержимому окна.
11 кнопка помогает так-же вставлять разные элементы на сайт, такие как архив записей, календарь, поиск по сайту, облако тегов и категории. Хотя чем они отличаются от предыдущей кнопки непонятно. 12 кнопка помогает вставлять в сайдбар меню для сайта, как это делается мы подробно разбирались вот в этой записи.
Смотрите в видео. Последняя кнопка под номером 13, помогает вставлять баннера на сайт. Перед тем как вставить баннер на сайт, его нужно настроить в панели управления, на главной странице в разделе Ротатор баннеров.
Обычно ротатор баннеров, нужно настраивать если у вас есть на сайте рекламодатели, через эту функцию очень удобно отслеживать статистику для баннеров. В следующих уроках мы будем разбираться с этой функцией. Ну и самая последняя кнопка крестик под номером 14, помогает закрыть наше окно.
Разбираем HTML вкладку
В следующую вкладку под номером 2, можно вставлять свои HTML коды. Это очень удобно, если у нас в содержимом нету подходящего элемента для сайта. Его можно самому создать при помощи кодов и вставить его при помощи этой вкладке. Если вы вставили код html или элемент из содержания, не забывайте сохранить блок.
Вкладка под номером 3
Данная вкладка помогает нам устанавливать права доступа для нашего блока. Вы можете этот блок показывать определённым группам и в определённых разделах на сайте.
К примеру, если вы не хотите что-бы блок был виден гостям, просто снимите галочку напротив слова гости, и сохраните блок. Посетители которые будут заходить на сайт без авторизации, не будут видеть данный блок, всем остальным группам он будет показываться.
И такая-же история с показами в модулях, к примеру у вас на сайте 3 модуля, каталог сайтов, блог, новости сайта. Вы не хотите что-бы данный блок, показывался в разделе каталог сайтов. Просто снимите галочку напротив каталог сайтов и сохраните. Блок будет показываться везде кроме этого раздела.
Ну и самое интересное, после того как мы создали свой блок, выбрали для него место, наполнили содержимым, нажали кнопку крестик под номером 14, у нас настройка блока завершилась, но мы обнаружили что до-сих-пор находимся в разделе конструктор сайта, как из него выйти?
Всё очень просто, помните нашу кнопочку под названием управления дизайном?
Так вот нажмите на неё, должно как обычно выпасть окно, в котором найдёте 3 кнопки. Если нажать на кнопку отключить конструктор, кнопка под номером 1, тогда мы выйдем из конструктора, но всё что мы настраивали у блоков потеряется, и тогда придётся настраивать всё заново. Так-что кнопка под номером 2, нам подойдёт больше.
Вот и всё пожалуй, мы рассмотрели как добавлять блоки на сайт, как их наполнять и даже как их сохранять. Думаю этой информации достаточно что-бы разобраться как работают блоки, ну а если нет, смотрите более подробно в видео ниже. Спасибо за внимание и до нового урока.