Cекции, ряды и колонки #1: разбираемся со структурой макета в Elementor

[@DigitalAlex]

Нравятся видео про Elementor? Поддержите выпуск новых! donatepay.ru/donation/wplovers Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово! Поддержать WPlovers donatepay.ru/donation/wplovers Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана. Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма. Спасибо! donatepay.ru/donation/wplovers

[@ihabia]

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

[@brixtonalden6848]

i guess it is pretty randomly asking but do anyone know of a good place to stream new movies online?

[@dustinkenneth338]

@Brixton Alden flixportal :D

[@brixtonalden6848]

@Dustin Kenneth thanks, I signed up and it seems to work :) I appreciate it!

[@dustinkenneth338]

@Brixton Alden you are welcome =)

[@СергейПавлов-г7ц]

Спасибо Александр ! Очень, качественный канал. Все понятно и доступно, особенно для таких чайников как я. Благодаря Вам разобраться стало проще! Дизлайки ставят видимо те, кому все сложнее брать деньги за каждый "чих" при производстве сайтов. Функция просвещения, которую Вы несете в массы вернется к Вам с новым приливом энергии и финансового благополучия... Ещё раз Спасибо...

[@maxgoloviznin6881]

очень приятная речь! смотрю не первый урок на канале, одно удовольствие получаю!) РЕСПЕКТУХА

[@ПавелОгородников-в9п]

Очень, очень качественный канал. Все понятно, доступно. Спасибо за работу! Благодаря Вам творить стало намного проще!

[@DigitalAlex]

Спасибо, Павел. Ваши слова мотивируют делать дальше =)

[@sergiilavreniuk]

Спасибо за урок! Просветили! А я делал неправильно, и все пытался подогнать рамеры за счет настроек виджета. Еще раз ОГРОМНОЕ СПАСИБО! Ваш канал действительно помагает людям. Удачи Вам!

[@АндрейИнвентор]

Спасибо большое за это видео! Просто открыл глаза на правильную структуру сайта!

[@bgalliance]

Полезняка и доступно, спасибо от души!

[@Lukaviskys]

Хорошо что я это посмотрел до того как накидал страницу и материал) спасибо !

[@RG-hx8ym]

Понятно и с любовью.

[@САШАПУСТЯКОФФ]

Красава всё просто объяснил!!!

[@bogdankondrus1094]

не могу понять как это сделать в WP Bakery. Добавляю ряд с одной колонкой, а как потом в этой же секции добавить еще один ряд с тремя колонками?

[@lbva]

Спасибо за видео! Подскажите, пожалуйста, как добавить элементы управления в меню секции, элементов и колонок (которые синие в Elementor)? Никак не могу найти туториал.

[@diluck9766]

Спасибо за труды!

[@Tima21011970]

как увелитить колонки по вертикали? по горизонтали можно а по вертикали как?

[@DA777A]

Здравствуйте, возможно в Elementor сохранять удалённые секции, чтобы при надобности их заново размещать на странице ?

[@serhiynosach8998]

Подскажите, как можно на одну секцию накладывать другую. Например на секцию с картинкой наложить кнопку или другую картинку? У меня получается только сверху или снизу секции вставлять дополнительные. Есть ли настройка, которая за это отвечает?

[@MikhailBaranov2023]

Привет. Подскажи если я делаю ширину секции одну 60%, а другую 40% и в каждую секцию вставляю картинку одинакового размера по ширине и высоте, то в секциях эти картинки получаются как будто разного размера, что делать если я хочу чтобы они были хотя бы одинаковые по высоте?

[@donquixote4169]

Как растянуть картинку в карусели на всю ширину? Когда смотришь на новой вкладке, то слева и справа есть отступы пикселей в 50

[@АндрейКузнецов-ю2й9с]

Как выровнять колонки по вертикали? Чтобы все они были одинаковые в длину в не зависимости от текста внутри

[@IverianForward]

Спасибо вам за вашу работу! Вы очень помогаете людям освоить вордпрес. Хотел вопрос задать следующий: как сделать так чтобы допустим фон второй секции распространялся на секцию заголовка сайта( то есть самая верхняя где контакты, разделы и т.д.) и эта секция заголовка сайта была прозрачной. Надеюсь вы поняли о чем я говорю. Если вы замечали на многих сайтах секция заглавия сайта имеет затемненный прозрачный вид, и фон под ней из нижней секции

[@Антон-т1г7е]

Как задать ссылку колонке? (Чтобы при наведении на любую область колонки и последующем щелчке мыши открыть заданную мной ссылку)?

[@Freevano.design]

А можно как-то секциями выстроить структуру типа как с атрибутом rowspan? Спасибо.

[@evgklaus]

Добрый день. Хочу задать несколько вопросов по "Элементор" Можно с вами связаться по вац аппу ?

[@mobileua]

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

[@suleymanii62]

для этого в тексте есть раздел с кодами. Базовые знание в html и все

[@yuriyb5286]

Здравствуйте. Подскажите как сделать картинку растянутой на всю ширину браузера? Получается если вставить картинку в секцию, то она растягивается только по ширине макета, а если просто делаю заливку фона самой секции этой картинкой, не добавляя ни чего в секцию то она почему то не отображается при просмотре.

[@DigitalAlex]

Здравствуйте, Юрий! Если добавляете картинку виджетом Изображение, то она будет растягиваться и сжиматься по размеру колонки, в которой она находится. Сделать фоновое изображение секции в вашем случае лучшее решение. Пустая секция отображаться не будет. Поставьте хотя бы виджет распорка и настройте высоту. Тогда увидите секцию.

[@alexeybelik1429]

Спасибо за лайфхак!!!

[@НиколайПетрович-б9э]

спасибо, буду пробовать

[@НиколайПрутков-ж7л]

Здравствуйте. Вопрос по расширенным возможностям Elementor. В нем ведь есть канал (блок) вставки свободного кода. Может я недостаточно подробно слушал ВСЕ Ваши уроки, но так и не понял следующего . Возможно ли вставить в этот канал небольшой pHp скрипт с HTML (например формулу расчета роста будущего ребёнка, в зависимости от роста родителей).Если у Вас это момент разбирается , подскажите где он? С уважением, Николай.

[@DigitalAlex]

Здравствуйте. Как раз поэтому и нет такого видео, потому что невозможно. Зато есть возможность создать свой шорткод и потом вставить в Elementor с помощью соответствующего виджета. По созданию шорткодов видео пока нет, но вы без труда найдёте информацию по этому вопросу.

[@6cases-russianlanguagescho595]

Это версия про или обычная? Когда я добавляю внутреннею секцию, у меня в ней только две колонки нет иконок для редактирования количества иконок.

[@snow_fun3256]

Нашел решение! Прямо над колонкой, которую вы хотите удалить, нажмите правую кнопку мыши, выберите "Удалить"

[@DigitalAlex]

Из новой версии выпилили дублирование, но можно включить вот так kzbin.info/www/bejne/gXaZh4qAoN6sfqM

[@ЕвгенийКарацуба-ш8м]

Отличный урок. Сделал все как сказано, но после сохранения страница Elementor некорректно отображается, страницу как будто вниз растянули, все элементы растянуты. Не пойму почему

[@mr.goodman9309]

Здравствуйте, Александр!! Спасибо большое за ваши труды. Очень помогает в обучении 🤗🤗🤗 но вот вопрос у меня по рядам и колонкам: как сделать так чтобы фоновая картинка секции, при активации адаптивности например телефона, пропорционально изменялась? Что ни пробовал, она не уменьшается, в итоге в мобильной версии сайта фон главного экрана абстрактное пятно. В итоге пришлось сделать отдельный маленький блок, который Виден только с телефонов, а основной соответственно скрыть из мобильной версии - это я понимаю что это полный колхоз...помогите пожалуйста!!

[@DigitalAlex]

Отдельно никак, но у разработчиков висит громадный пост с запросом на эту тему. Ждём когда сделают.

[@artemvoron]

Такое подробное видео и не сказано как сделать например 6 колонок в одном ряду. Если добавляешь в ряд более 2х они встают сверху существующих колонок, а не сбоку

[@Ирина-ч9к5н]

Здравствуйте! Скажите, пожалуйста, а можно убрать отступ, который появляется при прокручивании, между шапкой с кнопкой мобильно меню и самим списком меню?

[@DigitalAlex]

Здравствуйте. Если используете родной виджет Pro Меню навигации и если я конечно правильно вас понял, то попробуйте вкладка Стиль > Выпадающее > ползунок Расстояние.

[@Ирина-ч9к5н]

@@DigitalAlex Вы правильно меня поняли, спасибо.

[@alex.tonkovid]

Привет! Не могу разобраться как сделать изображение в колонке по высоте на весь экран, не зависимо от размера экрана. SOS!!!

[@ДиванныйЭксперд]

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

[@oleh5112]

Секция 50/50 %, в половинке 50% разбить еще на 2-3 колонки. Такое можно сделать?

[@СергейТихий-я9р]

Привет! Сделай пожалуйста обзор, как в elementor сделать таблицу? Заранее спасибо!

[@НаталияЖурина-х5р]

здравствуйте, а у меня в секции нет таких элементов как копировать и сохранить, есть только добавить, редактировать и удалить, почему/?

[@DigitalAlex]

Всё меняется. Посмотрите это видео kzbin.info/www/bejne/eZ6sdpqIgceFirc

[@borislihachev8325]

а как срезать углы под 45 градусов?

[@alexgoncharov2558]

Супер!!!

[@zombiehunter3398]

Логика интересная, но не правильная! в елементоре как и в бутстрапе есть иерархия по вложенности (секция-section(ряд-row(колонка-col))) по вашей рекомендации нужно обязательно добавлять внутреннюю колонку это получается (секция-section(ряд-row(колонка-col(колонка-col)))) лишняя вложенность, она и называется внутренняя(дополнительная) и служит для того, что бы можно было разбить основную колонку на части, она так же имеет свой отступ. Если вы сомневаетесь в моих словах, откройте в инспекторе созданную страницу и посмотрите вложенность блоков.

[@DigitalAlex]

Не сомневаюсь. Видео были записаны в начале моей деятельности на KZbin и знакомства с Elementor. Сейчас бы я иначе сделал этот урок, но этот есть как есть. Есть в планах перезаписать все видео и сделать всё более структурированно.

[@lvasmart3516]

Там может есть смысл нам подсказать - уже из нового вашего опыта ! Что бы мы не повторяли ваши ошибки !!!!

[@DigitalAlex]

@@lvasmart3516 Может

[@Lentyai_razgledyai]

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

[@Atractiondj]

в 2019 elementor так не работает удаляется все колонки а не одна

[@MagicTrip55]

Спасибо!!!

[@gorgodzovski3180]

Потихоньку пробую. Сейчас столкнулся вот с чем: Пробую на базе шаблона из библиотеки coach. При адаптивном изображении на телефоне сначала отображается изображение а потом заголовок а потом текст и кнопка "нажать" Я вручную повторил вроде все настройки но отображение на телефоне не такое. У меня сначала Заголовок потом текст потом кнопка потом изображение. Не знаю насколько понятно написал вот скрины по ссылке drive.google.com/open?id=14R9W-FCEdWiYhhT8Mk7FBl8wvT5jahI9 Мое творчество на синем фоне Шаблон на зеленом фоне. Подскажите где что нажать, чтобы настроить отображение как в шаблоне?

[@DigitalAlex]

Клик по секции -> Расширенные -> Адаптивность -> Реверс колонок ВКЛ

[@gorgodzovski3180]

Большое спасибо. Иногда мне кажется вы бог :) Применил, все получилось. Довольный как слон :)

[@DigitalAlex]

Пожалуйста. Просто нужно было посмотреть ещё 3 видео из серии про Секции, ряды и колонки kzbin.info/door/14zLpi3uwdqYaa1P2zPvqwsearch?view_as=subscriber&query=Секции%2C+ряды+и+колонки

[@gorgodzovski3180]

Это точно. Уже не раз пересматривал но как-то упустил этот момент наверное из-за неопытности еще :)

[@DigitalAlex]

Бывает =)

[@signalstavropol1396]

В чем проблема Элементора, так это отсутствие виджета "Ряд" как такового, а только секции... И это ненормально когда чтобы получить ряд, нужно делать манипуляции с внутренними секциями... В Cornerstone и WPBakery Page Builder с этим гораздо понятнее. Если бы в Cornerstone был русский язык и побогаче функционал, то перешел бы на него, хотя для него есть Essential Addon, буду пробовать.

[@Олег-у3о]

Очень обидно что с Элементором нельзя работать на мобильном телефоне. С другими плагинами все ОК (например SmartSlider 3), при подключении мышки все перестраивается и на все реагирует.

[@DigitalAlex]

Месье знает толк в извращениях.

[@НиколайПрутков-ж7л]

Вот так новость! А где эту информацию можно посмотреть по-подробнее? А на смартфоне Elementor работает? С уважением. Николай

[@DigitalAlex]

Олег имел в виду что нельзя сайты делать в редакторе на смартфоне. Ну изврат ведь. Сайты сделанные в Elementor прекрасно работают на всех устройствах и под смартфоны нужно оптимизировать так kzbin.info/www/bejne/ppCUpY2phKllp9E

[@ИринаПшеничная-о1ш]

Сделайте пожалуйста видео как защитить странички сайта паролем

[@DigitalAlex]

Ирина, страницы или записи? И напишите подробнее для чего. Есть несколько способов: заблокировать контент или его часть и открывать для подписчиков, закрыть часть контента и открывать за лайки в соцсетях, закрыть страницу и сделать её платной. В общем, хочу пояснений =)

[@lvasmart3516]

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

[@beautygirl2226]

как изображение залить на всю страницу?

[@DigitalAlex]

Завтра урок сделаю. Устал писать одно и то же =)

[@beautygirl2226]

где вы писали об этом можно ссылочку?

[@DigitalAlex]

Лично писал кому-то в ВК, уже не помню.

[@beautygirl2226]

ок а когда будет видео?

[@DigitalAlex]

Уже есть kzbin.info/www/bejne/nJnNdGWAgtR0iMk

[@РоманВассер]

К сожалению вот такую структуру сделать не получается при работе с элементор: joxi.ru/krDpLg0IEQVy8r. А хочется, чтобы меню было ровно по середине joxi.ru/xAeGLyOhp3483m

[@DigitalAlex]

На уровне секции или колонки "Позиция содержимого" что выбрано? Нужно чтобы было посередине.

[@РоманВассер]

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

[@DigitalAlex]

Я не совсем понимаю вашу ситуацию. Возможно и скорее всего всё проще, чем кажется.

[@ЮраГагарин-л9ь]

я уверовал, что у меня получиться

[@Cash5083]

Баг с длинной рядов ужэ поправили.

[@ldblru]

Не понимаю ! За что автора тут так нахваливают. Он что ли комменты купил? Столько воды льёт, это реально нужно много терпения.

[@Andriy_Goncharenko]

Спасибо!