Логотип

Как создать сайт

Всё что нужно для создания сайта!

Как добавить блок на ucoz


blok-vnutri

И так, в этой записи рассмотрим как добавить блок на ucoz. Если сказать проще, блок находится на сайте, в сайдбаре. Сайдбар - это обычная колонка или колонки сбоку на сайте, колонок бывает одна или две.


В колонку помещается информация, которая постоянно видна пользователю и неважно в каком разделе он находится, информация будет у него перед глазами.

Что такое блоки для ucoz ?

Так вот, в блоки на ucoz помещается информация, которая показывается пользователю при просмотре сайта. К примеру в блок можно поместить меню сайта, человек когда будет гулять по сайту, то всегда сможет видеть меню. Так-же в блог можно помещать рекламу, категории, календари, опросы, статистику и многое другое. Как выглядят блоки? Вот -

block

Как включить конструктор сайта ?

Каждым блоком можно управлять и настраивать под себя. К примеру можно блок поставить выше или ниже в колонке, так-же каждому блоку можно поменять название, блоки можно удалять, добавлять новые, редактировать имеющиеся.

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

upravlenie

Если нажмёте, должно выпасть окно, в котором найдите кнопку включить конструктор, нажмите на неё. После нажатия, сайт должен перезагрузиться и активироваться конструктор сайта. Если всё было сделано правильно, появится блоки как показано на картинке выше.

Что за кнопки?

Давайте разберёмся что за кнопки находятся на каждом блоке. У блока который выделен синей рамочкой (на картинке ниже), имеются следующие кнопки. Кнопки под номером 1 и 2, помогают блок опускать и поднимать в верх.

Также где стоит номер 3, можно ухватить блок мышкой и перетащить его на нужное место. Если нажать на имя блока, можно поменять название у блока, стрелочка под номером 4. Кнопочка под номером 5, помогает управлять меню, заметьте что такая кнопочка находится только у меню, у остальных блоков её нет.

Кнопочка под номером 6 помогает настраивать блок, и управлять его содержимым. Что-бы удалить блок, воспользуйтесь крестиком, кнопочка под номером 7.

opisanie (2) (2)

Как добавить новый блок на ucoz ?

Как было уже сказано выше, блоки на ucoz можно удалять и добавлять. Удалять вы уже научились, а вот как добавить блок? Всё очень просто, помнете нашу кнопочку которую мы нашли в колёсике, иконка под названием управление дизайном? Так вот, если на неё нажать повторно, выпадет окно в котором есть кнопочка добавить блок.

dobawit-nowii

Нажмите на неё, блок должен появится посередине странице. Дайте ему название. После ухватите блок мышкой, как описано выше под стрелочкой 3, и перетащите его в то место, где хотите что-бы он стоял. Если блок припарковали, работа ещё не окончена, блок нужно наполнить, он ещё пустой и в нём нету содержимого.

new-block

 Как добавить содержимое в блок ?

Делается это довольно просто, для начало нажмите на кнопку под номером 6, смотрите на картинке выше. Должно открыться окно, в котором найдёте кучу кнопок, они-то и помогут нам наполнить наш блок.

Кнопки под номерами 1,2,3, помогают переключатся между вкладками.

У каждой вкладке свои задача, к примеру вкладка под номером 1, содержит в себе содержание стандартных функций для сайта. Вкладка под номером 2, помогает вставить свой собственный код, а под номером 3 позволяет управлять доступом для блока.

2016-03-17 21-17-22 Скриншот экрана (2)

Для начало разберёмся в кладке под номером 1. В этой вкладке само много кнопочек, кнопочка под номером 4, помогает вставить виджеты для сайта. Если нажать на эту иконку, откроется дополнительное окно в котором можно выбрать нужный виджет.

К примеру там есть такие виджеты как простой плеер, плеер с плей листом, социальные закладки, видео с ютубе, галерея фото, снегопад и очень много других фишек для сайта, всего их 35. Выберите для себя нужный, настройте его и нажмите сохранить.

widchit

Следующая кнопочка под номером 5, помогает вставить на сайт разные гаджеты. Так-же перейдите по этой кнопке и у вас откроется окно, в которой 700 с чем-то страниц разных гаджетов. От простого радио для сайта и до карт от яндекса, поиска википедии и разных других гаджетов которые можно найти в этом окне. Картинку давать не буду.

Кнопочка под номером 6 помогает в блок вставить видео с ютубе, просто перейдите по ней, и указываете ссылку на видео от ютуба, сохраняем и проверяем. Всё то-же самое с кнопочкой 7, только за место видео вставляйте аудио, уже со своего сайта.

Иконка под номером 8, помогает вставить информеры на ваш сайт. Если вы ещё не знаете что такое информер, в дальнейших уроках мы разберёмся что это такое, и как они работают.

В крации скажу, это специальный код - который помогает выводить на странице или в сайдбаре информацию.

К примеру, когда человек читает новость на вашем сайте, ему под новостью показываются другие новости по той-же теме, это можно сделать при помощи информера.

9 кнопка помогает настроить rss ленту, то-есть в блоке будет подгружаться информация из других сайтов. Лично я не настраивал ленту, так-что не знаю как с ней работать.

В 10 иконке, можно добавлять элементы сайта, такие как вход на сайт, категории для сайта, категория каналов, поиск по сайту и другие элементы. Заметьте что появилась 4 вкладка в окне, она позволяет вернутся назад к содержимому окна.

dob (2)

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

Смотрите в видео. Последняя кнопка под номером 13, помогает вставлять баннера на сайт. Перед тем как вставить баннер на сайт, его нужно настроить в панели управления, на главной странице в разделе Ротатор баннеров.

Обычно ротатор баннеров, нужно настраивать если у вас есть на сайте рекламодатели, через эту функцию очень удобно отслеживать статистику для баннеров. В следующих уроках мы будем разбираться с этой функцией.  Ну и самая последняя кнопка крестик под номером 14, помогает закрыть наше окно.

Разбираем HTML вкладку

В следующую вкладку под номером 2, можно вставлять свои HTML коды. Это очень удобно, если у нас в содержимом нету подходящего элемента для сайта. Его можно самому создать при помощи кодов и вставить его при помощи этой вкладке. Если вы вставили код html или элемент из содержания, не забывайте сохранить блок.

html

Вкладка под номером 3

Данная вкладка помогает нам устанавливать права доступа для нашего блока. Вы можете этот блок показывать определённым группам и в определённых разделах на сайте.

К примеру, если вы не хотите что-бы блок был виден гостям, просто снимите галочку напротив слова гости, и сохраните блок. Посетители которые будут заходить на сайт без авторизации, не будут видеть данный блок, всем остальным группам он будет показываться.

dostup

И такая-же история с показами в модулях, к примеру у вас на сайте 3 модуля, каталог сайтов, блог, новости сайта. Вы не хотите что-бы данный блок, показывался в разделе каталог сайтов. Просто снимите галочку напротив каталог сайтов и сохраните. Блок будет показываться везде кроме этого раздела.

Ну и самое интересное, после того как мы создали свой блок, выбрали для него место, наполнили содержимым, нажали кнопку крестик под номером 14, у нас настройка блока завершилась, но мы обнаружили что до-сих-пор находимся в разделе конструктор сайта, как из него выйти?

Всё очень просто, помните нашу кнопочку под названием управления дизайном?

Так вот нажмите на неё, должно как обычно выпасть окно, в котором найдёте 3 кнопки. Если нажать на кнопку отключить конструктор, кнопка под номером 1, тогда мы выйдем из конструктора, но всё что мы настраивали у блоков потеряется, и тогда придётся настраивать всё заново. Так-что кнопка под номером 2, нам подойдёт больше.

sohranit

Вот и всё пожалуй, мы рассмотрели как добавлять блоки на сайт, как их наполнять и даже как их сохранять. Думаю этой информации достаточно что-бы разобраться как работают блоки, ну а если нет, смотрите более подробно в видео ниже. Спасибо за внимание и до нового урока.

Подсказка:

Перед тем как начать создавать сайт, изучи язык разметки HTML.

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 14.12.2017 записано 19 теоретических уроков и 0 практических. Теоретический кус Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"