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

База знаний uCoz

С помощью инструкции вы научитесь управлять содержимым сайта через конструктор. Инструкция состоит из частей:

Конструктор работает с шаблоном, в котором имеется специальная разметка. Обычно разметка добавляется при создании каркаса сайта. Если вы покупаете или заказываете шаблон, уточняйте, есть ли в нем поддержка конструктора.

Включение конструктора

В первую очередь нужно войти на сайт как администратор, у которого установлено право «Использование конструктора».

Конструктор включается в панели инструментов, которая доступна для администраторов сайта:

После включения конструктора, вид сайта изменится. Вы увидите кнопки управления содержимым сайта:

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

Управление блоками боковой колонки

При управлении блоками доступны следующие функции:

Управление содержимым блоков

После нажатия на иконку редактирования блока, появится окно с вводом содержимого:

Окно содержит три вкладки:

Когда закончите настройку содержимого, сохраните блок:

Управление дизайном глобальных блоков

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

Изменить содержимое блока вы можете с помощью HTML или WYSIWYG редакторов.

Выключение конструктора

Чтобы вы могли вернуться к полноценному использованию сайта, необходимо выключить конструктор. Найдите в панели инструментов пункт «Управление дизайном» и выберите действие:

Источник

База знаний uCoz

Глобальные блоки — это шаблоны, которые можно вставлять в дизайн любой страницы сайта. Обычно они содержат общие для большинства страниц элементы, тем самым упрощая их редактирование (править можно в одном месте, а изменяться будет на всем сайте). Такие блоки не только отвечают за отображение шапки, подвала и сайдбаров, но и могут использоваться в любом месте сайта, когда требуется разместить один и тот же код для нескольких шаблонов.

Администратором может быть создано не более 10 глобальных блоков.

В данной инструкции рассмотрены следующие пункты:

Перед началом редактирования глобальных блоков выполните резервное копирование шаблона.

Создание глобальных блоков

В панели управления сайтом выберите раздел «Дизайн» — «Редактор»:

В меню слева нажмите на «Глобальные блоки»:

Откроется страница управления глобальными блоками. Нажмите на ссылку «Добавить»:

Теперь необходимо указать следующую информацию:

Когда закончите, нажмите на кнопку «Сохранить»:

Новый глобальный блок появится в списке слева и станет доступен для размещения и редактирования:

Редактирование глобальных блоков

В панели управления сайтом выберите раздел «Дизайн» — «Редактор» — «Глобальные блоки» и нажмите в меню слева на блок, который хотите отредактировать. Например, «Верхняя часть сайта»:

Откроется страница редактирования глобального блока. Измените HTML-код и нажмите на кнопку «Сохранить», чтобы изменения отобразились на сайте:

Важно! Изменения, внесенные в код глобального блока, могут отображаться на всех страницах сайта.

Другая особенность глобальных блоков состоит в том, что они могут отображать переменные шаблона, в которых размещаются.

Поэтому, когда требуется вывести в глобальном блоке переменные шаблонов модулей, используются условные операторы. Например:

Добро пожаловать в раздел Новости

Добро пожаловать в Блог

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

Удаление глобальных блоков

В панели управления сайтом выберите раздел «Дизайн» — «Редактор» — «Глобальные блоки» и нажмите в меню слева на красный крестик около блока, который хотите удалить, например, около «MYBLOCK», который мы создали ранее:

Подтвердите действие и дождитесь окончания выполнения операции:

Обратите внимание, что не у всех глобальных блоков присутствует иконка «Удалить». К ним относятся «Верхняя часть сайта», «Нижняя часть сайта», «Первый контейнер», «Второй контейнер». Их имена зарезервированы и не могут быть удалены после создания:

Добавление глобальных блоков в шаблон

Чтобы содержимое глобального блока отображалось на страницах сайта, необходимо добавить его в шаблоны.

В панели управления сайтом выберите раздел «Дизайн» — «Редактор». Откройте шаблон, в котором хотите разместить глобальный блок. Например, шаблон «Страницы сайта» — «Все страницы». В редакторе нажмите на иконку с тремя точками «Еще»:

Выберите пункт «Глобальные блоки»:

Затем переместите курсор в место, где желаете добавить глобальный блок, или выделите код, который требуется заменить (1). Нажмите на название глобального блока (2). Сохраните изменения (3).

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

Глобальные блоки для PDA-шаблонов

Если вы используете PDA-версию сайта для мобильных устройств (включается в настройках), то и глобальные блоки будут иметь PDA-шаблоны. Вы можете создать до 10 глобальных блоков для PDA-версии сайта.

В панели управления сайтом выберите раздел «Дизайн» — «Редактор» — «Глобальные блоки» и нажмите в меню слева на ссылку «Блоки для PDA-шаблонов»:

Откроется страница управления глобальными блоками PDA-шаблонов:

Их создание, редактирование, удаление и размещение происходит тем же образом, что мы рассматривали ранее в инструкции.

Источник

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

ИСПОЛЬЗОВАНИЕ КОНСТРУКТОРА БЛОКОВ НА САЙТАХ UCOZ

Продолжаем изучение возможностей построения сайта на хостинге uCoz и, соответственно, осваиваем предоставляемые этим хостером инструменты. Эти вопросы будут основными при разработке контента данного сайта.

Одним из наиболее простых способов настройки сайта размещенного на сервере uCoz является применение конструктора блоков из административной панели на вашем сайте.

Для того чтобы открыть конструктор, войдите на свой сайт как администратор. Это можно сделать через кнопку «Вход» расположенную под названием вашего сайта, либо через блок «Форма входа», который расположен на одной из боковых колонок вашего сайта (в зависимости от выбранного шаблона дизайна сайта их может быть одна или две – левая и правая).

В блоке «Форма входа» вы можете выбрать метод входа: «Вход через uID» или «Старая форма входа». Нажав на кнопку «Вход» под названием вашего сайта, вам будет предложена только одна форма входа «Вход через uID». Результат входа будет один и тот же, независимо от формы входа, которую вы выберете. Вы окажетесь на той же странице сайта, на которой вы осуществляли вход, только у вас появится панель управления администратора (админ-бар). (См. Скриншот 1).

Выберите вкладку «Конструктор» и, в открывшемся меню нажмите левой кнопкой мыши (ЛКМ) «Включить конструктор». Не пугайтесь, когда увидите, что ваш сайт преобразился. (См. Скриншот 2).

По бокам вашей основной (центральной) колонки появится куча так называемых блоков. Некоторые из них будут активными сразу, после того как вы создали свой сайт, некоторые не активны, но в режиме «конструктора» вам сложно будет определить какие из них активные, поэтому, чтобы сразу же не напортачить, советую отрыть вам свой сайт еще и в новом окне, но уже на правах посетителя. Те блоки, которые у вас активные и, вы считаете, что они вам нужны, лучше не трогайте, хотя их положение вы сможете поменять, с помощью стрелочек вверх и вниз. Т.е., этими стрелочками вы сможете изменить внешнее расположение блоков. Вы, конечно можете удалить ненужные вам блоки, если они вам понадобятся, возможно вы сможете их снова создать с помощью того же конструктора, но лично у меня, после первого удаления нового блока из левой колонки, пропала возможность перемещать новые блоки в эту колонку. Поэтому я не рекомендую без надобности удалять блоки. Неактивные всегда можно переделать под свои нужды и активировать.

Органы управления конструктором блоков

На скриншоте 2 обозначены доступные органы управления. Во-первых, обратите внимание, что после включения конструктора изменилась содержание меню «Конструктор». Появились пункты: «Сохранить изменения», «Добавить блок +» и «Отключить конструктор». Соответственно, с помощью этих пунктов меню вы можете сохранить изменения, которые вы внесли в блоки конструктора, добавить новый блок, если вам не хватает уже имеющихся, для нормальной работы вашего сайта и отключить конструктор. При чем, если вы отключите конструктор, не сохранив изменения, эти изменения не будут внесены в структуру сайта.

Во-вторых, обратите внимание, что инструмент управления меню (разводной ключ), присутствует только над блоком «Меню сайта». Лично мое мнение, менять меню сайта целесообразней из «Панели администрирования» или, как ее называют «Панели управления».

В-третьих, вы, наверное, заметили, что такой инструмент, как настройка шаблона блока присутствует только над верхними блоками в левой и правой колонках.

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

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

Корректировка названия и содержания блоков

Рассмотрим, как происходит процесс корректировки блоков. После того когда вы вошли на сайт как администратор и включили режим конструктора, вы можете:

1. Изменить название блока. Для этого нажмите ЛКМ (левой кнопкой мыши) на названии блока, когда в поле названия появится курсор, вы можете дать этому блоку свое название, ну, например, вместо «Поиск», написать «Поиск на сайте», в общем, то, что отвечает вашим вкусам.

2. Изменить содержание блока. Для этого вам необходимо нажать на синюю шестеренку над блоком, который вы захотели изменить. Перед вами появится окно «Управление содержимым блока». (См. Скриншот 4).

3. Сохранить изменения содержания блока.

После того, как вы успешно внесли изменения в блок, если вы хотите, чтобы эти изменения были сохранены, вам необходимо, нажать ЛКМ на вкладке «Конструктор» админ-бара и выбрать пункт меню «Сохранить изменения». (См. Скриншот 2).

P.S. Если вы проводили корректировку блока только в целях тренировки, просто не сохраняйте изменения, перед отключением «Конструктора».

Содержание и возможности утилиты «Управление содержимым блока» (см. Скриншот 4) настолько велики, что для их описания потребуется не одна статья, поэтому я со временем буду описывать ее возможности на конкретных примерах.

Создание нового блока

Рассмотрим создание блока на примере создания блока «Аудиоплеер».

Для того чтобы создать блок, вы, как и в предыдущем случае, должны:

1. Войти на сайт как администратор.

2. В админ-баре выбрать вкладку «Конструктор». (С.м. Скриншот2).

3. В открывшемся меню конструктора выбрать меню «Включить конструктор».

4. Снова нажать «Конструктор». Вы увидите, что меню этой вкладки несколько поменялось по сравнению с предыдущим пунктом.

5. Выбрать пункт меню «Добавить блок +». У вас в районе центральной колонки появится новый блок, который так и будет называться. (См. Скриншот 2).

6. С помощью ЛКМ перетащите создаваемый вами блок в левую или правую колонку. (См. Скриншот 3).

7. Как в случае «Корректировка названия и содержания блоков», введите название нового блока в моем случае это «Аудиоплеер» (2 скриншот 4).

8. Настройте новый блок под ваши потребности, нажав шестеренку над этим блоком.

Настройка блока

Для настройки вновь созданного блока (см. Скриншот 4) «аудиоплеер»:

2. В открывшемся окне (Скриншот 5) выберите плеер с плей-листами.

3. Перед вами откроется новая вкладка. Она, хотя и по прежнему называется «Управление содержимым блока», но уже имеет другое содержание (см. Скриншот 6). Здесь вы можете выбрать цвет плеера (первое выпадающее меню), выбрать один из способов вставки песен с заменой содержания или с добавлением содержания (второе выпадающее меню).

4. После того, как вы определились с настройками, нажимаете «выбрать» и перед вами откроется окно загрузки аудио файлов. Не забывайте, что надо выбирать файлы формата mp3.

5. В открывшемся окне (см. скриншот 7), нажимаете «Выбрать». Перед вами откроется окно доступа к файлам вашего компьютера, загружаете те файлы, которые вы хотите загрузить на свой аудиоплеер.

6. Поле того, как вы выбрали файл, нажимаете «Загрузить файл» (скриншот 7), и снова повторяете п.п.4-5, пока не загрузите все необходимые файлы. Но не забывайте а) размер вашего сайта не безграничен; б) существует ограничение по количеству отдельных файлов, которые можно загружать на сайт, так, что файлы любимых песен целесообразно объединять в папки.

7. Как только вы загрузите файлы, смело жмите «Применить» (скриншот 6), «Сохранить изменения» (скриншот 2) и «отключить конструктор» (скриншот 2).

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

Источник

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

Очень важно! Если вдруг, перед тем как изучить урок вы обнаружили что вид вашей панели отличается от того что описано в уроке, не пугайтесь! Просто переключите новую панель на старую. Как это сделать? Вот в этой инструкции.

Рекомендую почитать:
Как поменять адрес сайта на ucoz Всего за 200р.

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

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

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

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

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

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

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

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

Как было уже сказано выше, блоки на 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, нам подойдёт больше.

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

Источник