Обзор конструктора креатиум после того как вы прошли простую регистрацию вы попадаете на создание страницы то есть это можно характеризовать вот примерно таким образом да то есть как бы у вас такое меню где вы вводите название соответственно странице адрес либо там немножко выглядит по другому но суть в чем вам нужно будет предложено выбрать шаблон соответственно вы выбираете шаблон и попадаете в категории готовых шаблонов да то есть вы можете выбрать пустой шаблон и делать все с нуля либо можете выбрать какие-то
уже готовые шаблоны которые команда кряки ума для вас подготовила да то есть
это лэндинги магазины мероприятия визитки внутренние страницы в общем то
партнерские шаблоны stories шаблоны 1 край некий квизы то есть в принципе
очень много разных вариантов шаблонов которые можно выбрать как готовое решение и потом потихонечку переделывать если вы только в начале пути и изучайте этот конструктор то это хороший вариант когда вы станете либо если вы уже продвинутый пользователь то можно смело выбирать первый вариант пустого шаблона и соответственно делать свой собственный шаблон с нуля как в классической блочной системе так и в zero блоки то есть верстать сайт слоями конечно мы подробнее разберем каждый вариант в будущих уроках сейчас у нас такой обзорный тур то есть мы смотрим шаблоны их наличие на разные так скажем направлении да то есть
команда прядь ума очень хорошо постаралась и у них достаточно много разных шаблонов которые ну лэндинги магазины какие-то внутренние страницы которые
нужно сделать там корзины там странице спасибо страницы ошибок то есть вот эти
вот все шаблоны доступны их можно использовать как бы использовали в готовом виде введя свои данные либо из как бы использовать для изменения ну для того чтобы сделать свой собственный вариант поэтому сейчас мы вот идем рассматриваем разные варианты какие бывают стандартные решения в креатиуме дальше уроках мы будем разбирать отдельно создание каждого шаблона собственного шаблона да с
полностью собственной логикой ну чтож в основном вот обзор категорий
и весь соответственно как бы какой мы можем выбрать шаблон а давайте выберем пустой шаблон потому что нам нужно для начала изучить какие есть блоки
из готовых стандартные шаблонные верстки и так что мы видим когда мы запустили уже выбрали какой-то шаблон либо выбрали пустой шаблон как мы сейчас данном
случае мы попадаем мы видим три секции классический вид у нас синь немножко
секции уже при заполненные так обычно вот здесь будет какая-то шаблонная секция и
заполнены другие данные и так получается что у нас есть секция секция может быть
сквозной у секции вот по кнопочке по двум квадратиком есть настройки настройки сквозной секции соответственно секции можно переместить выше-ниже благодаря вот этим стрелочкам также неочевидная фишка которую не все знают это можно спрятать кнопки вот здесь вот при наведении возникает треугольничек когда мы на него нажимаем это меню сворачивается это очень удобно когда вам нужно добраться год до
этого меню например в логотипе также кликнув треугольничек это меню разворачивается соответственно есть у нас настройки секции данном случае
секция простая имеет пустой шаблон то есть пустой фон в этот фон не водится не
цвет не картинка не какой-то другой возможный вариант который вы также
можете выбрать по необходимости или по вашей задумке также есть пункт до границы это границы которые смогут но отсекают секцию сверху снизу то есть можно вставить изображение какое-то переход есть готовый разные варианты линия просто вот видите
к синяя линия сверху появилась либо просто пусто да вот снизу здесь в него соответственно есть всяческие разные настройки возможность сменить цвет этой линии для того чтобы понимать как работает конструктор в любом случае самое оптимальное это зайти и про кликать и понять каждую кнопочку для чего оно есть вот например отступ еда здесь есть такая фишка как для всех устройств то есть вот
ступ сверху задом для всех устройств мы можем по наведению на эту фразу включить
устроит настройку для телефонов для планшетов для ноутбуков и появятся новые
пункты в которых мы можем регулировать размер отступа иногда бывает проще
кликнуть в циферку откроется всплывающее окно и у него мы вбиваем
необходимую необходимый отступ и таким образом у нас ускоряется работа кто быстро работает с клавиатуры то проще не таскать ползунок которые надо там по попадать в нужную циферку просто кликнуть в циферку набрать нужный отступ нажать enter и все соответственно для того чтобы отключить это все дело просто снимаем галочки
ну и соответственно таким же образом настраивается отступ снизу также есть эффекты это эффекты анимации при прокрутке когда мы прокручиваем то можно сюда
пристроить какие-то эффекты анимации вот это эффект появления как бы ну опять же используйте эти штуки в своих проектах чтобы сделать красивые сайты в принципе здесь вот есть подсказочки это очень здорово параметры соответственно этой секции
можно задать якорь да то есть это якорь то такая штука с помощью которой можно сделать внутреннюю ссылку которая будет ссылаться на эту секцию данный пример мы ее можем назвать top tube и потом когда нам нужно будет сослаться на эту секцию мы в ссылке прописываем решетка и наше название да то есть как бы и тогда мы сможем переходить в эту секцию то есть здесь мы конечно оно пишется без решетки
например вот в ссылке настройки ссылки мы заходим по ключу настройки ссылки и
здесь вписываем уже с решеткой решетка топ лев ссылку и теперь эта кнопка по
клику будет приводить к этой секции то есть скролить экрана к этой секции это очень удобно следующий класс секции атрибут это более продвинутая штука сюда можно написать например слова hidden которая скроет эту секцию на экране то есть если мы зайдем в предпросмотр не переживайте я забегаю вперед клика и некоторые кнопочки мы обязательно про эти кнопочки поговорим а вот видите да скрылась верхняя панель к потому что мы задали настройку в классе секции hidden уберем его пока также эту секцию можно зафиксировать сверху либо зафиксировать снизу то есть саму секцию можно до настроить также одна из фишек когда вам нужно сделать секцию на всю ширину или на всю высоту экрана можно поставить эти галочки и все растянется максимально по ширине экрана когда вы говорите по высоте то соответственно здесь обратите внимание что мы можем выравнивать делать по верху по центру или по низу но в редакторе это не отображается когда же вы будете смотреть соответственно в предпросмотр опять же да мы говорим в глазике то наша секция она видите вот во весь экран расширилась и следующий экран он находится ниже это такая особенность когда нужно сделать небольшую узенькую секцию на так чтобы она была на весь экран
также эту секцию можно исключить из поисковой индексации то есть ось у все секции будет стоять noindex и тогда поисковик не будет индексировать эту информацию это удобно когда нужно сделать например секции для того чтобы там записывать напоминалки например это может быть секция для внутреннего так скажем внутренней переписки между разработчиками если работает несколько человек обращу ваше нимание что у гкреатиума есть библиотека есть библиотека компонентов по номерам
которые можно использовать соответственно вот здесь в разным как раз находится
компонент той секции которая выводит внутренние комментарии то есть номер у
неё 187 на данный момент поэтому мы можем сделать внутренней комментарии в нашей странице заходим в настройки и выбираем импорт в номеру 187
нажимаем окей так а это у нас секундочку это дыма не секция тот а это в виджете не в секции ну то есть как бы да можно получается уточняющая история можно создать
дополнительную секцию опять же мы про все эти секции отдельно поговорим в уроках сейчас я просто показываю быстрый пример вот мы создали секцию перетянули сюда текстовый блок нажали эти два квадратика нажали импорт по номеру 187 ok и вот у нас появился определенный виджет блок в котором есть комментарии которые видны в
редакторе да и в данном случае если мы зайдем в настройки секции и в параметры-то мы можем как раз эту секцию исключить из индексации она тогда не будет видно на
для поисковиков и также разумно конечно же сюда вписать свойство класс точнее секции hidden вот таким образом у нас этой секции на сайте не будет видно она не будет видно для поисковиков но она будет удобно в ней можно будет оставлять комментарии для себя либо для друг друга использовать это как записную книжку
вот такая вот полезная фишка итак смотрим что у нас еще есть настройках есть у нас видимость конструктор постоянно развивается у конструктора постоянно выходят новые фишки и одна из новых фишек это личные кабинеты которые можно делать на
конструкторе поэтому эта вкладочка не так давно появилась и как бы это новый вид настройки то есть у нас есть видимость для пользователей то есть твит показывать гостям показывать пользователям можно добавить условия то есть эту секцию можно видеть при условии если там что-то происходит и причем можно использовать переменные это очень крутая штука на которой мы конечно тоже в будущих уроках будем разговаривать а также здесь же настраивается видимость на устройствах то есть допустим вот эту большую шапку нужно показывать на широких экранах ноутбуках но на планшетах и телефонах будет своя шапка например ну своя секция для мобильных устройств поэтому можно эти галочки убрать и секция перестанет отображаться на планшетах и телефонах планшеты телефоны ноутбуки и широкие
экраны определяется сайтом автоматически ничего специально заказывать придумывать разработчиков у программистов не нужна система уже продумано и это все делается автоматически здесь есть даже специально для этого настроечки которые показывают как и что можно делать опять же мы про конкретной каждой кнопочки будем говорить в отдельном уроке ну что же сейчас я вам рассказал как выбрать шаблон и общую информацию о настройках секции буду рад видеть вас в других уроках пока