Нравятся видео про Elementor? Поддержите выпуск новых! donatepay.ru/donation/wplovers Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово! Поддержать WPlovers donatepay.ru/donation/wplovers Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана. Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма. Спасибо! donatepay.ru/donation/wplovers
Спасибо, есть вопрос:WP и Elementor для меня в новинку пару дней как занимаюсь, пока пользую бесплатный, не могу разобраться как можно сделать колонку ссылкой полностью? Пока более-менее вариант вставить виджет "картинка с текстом" и на неё сделать ссылку, получается ссылка на картинке и заголовке текста, хотелось бы сделать всю колонку.
Александр, здравствуйте. Опять обращаюсь к Вам за советом. Ситуация такая: на странице 2 ряда с одинакового размера изображениями, нужно сделать при отображении на большом экране и планшете по 5 изображений в каждом ряду, а на телефоне по 2 изображения. Если в макете я добавляю в секцию ряды с 5 колонками, то на телефоне получается такой вид изображений: 2-2-1 и пустое место, потом опять 2-2-1 и пустое место. Можно ли сделать так, чтобы на телефоне был вид 2-2-2 или так, чтобы это пятое изображение находилось не под третьим (слева), а по центру? И такой вопрос: если во втором ряду не набирается пять изображений, а например, только три, как центровать их на экране (чтобы размер изображений был такой же как и в первом ряду)?
Здравствуйте, к сожалению, с нечётным количеством беда, нужно писать код, который будет смещать нужные колонки на нужном разрешении. Разработчики готовят изменения с сеткой, но когда выйдет не ещё знаю. Не совсем понял второй вопрос, можете набросать хотя бы схематично?
так и подозревал, что придется делать четное число. По второму вопросу: есть 2 ряда картинок - 1-й ряд с пятью колонками и в каждой картинка. и 2-й ряд с тремя колонками, тоже в каждой по картинке. Стоит задача чтобы картинки во втором ряду были такие же по размеру как и в первом. и при этом располагались не четко под картинками в первом ряду (т.е. были выровнены по левому краю) а ступенчато т. е были выровнены по центру. Картинка ibb.co/je3uoy
Первый ряд вставляйте виджетом колонки с 5 колонками и пусть он будет во всю ширину. Второй ряд также, но меняйте ширину секции на вкладке Макет > Ширина макета > Ограниченная так, чтобы изображения стали примерно одинаковыми с верхним рядом.
Не получается так. Если во втором ряду делать тоже пять колонок (последняя пустая), то ряды не центрируются, а выровнены по левому краю, т.е. картинки одна над другой. А если сделать во втором ряду 4 или 3 колонки и подобрать ширину макета для большого экрана чтобы картинки были одинаковыми по размеру с первым рядом, но центрировались на экране (располагались ступенчато), то на экране планшета размер картинок из нижнего ряда увеличивается. вот как: ibb.co/mE9CrJ
Здесь бы нужно было разъяснить как правильно выставлять отступы, чтобы на разных устройствах смотрелось хорошо. А так не понятно, где их лучше выставлять - в секциях, колонках или у виджетов... Муть какая то с этим элементором... В Бивере с этим нет вроде проблем.
Да, и может повлечь за собой неприятные сюрпризы. Кстати, стили можно определить в теме или плагином Simple CSS, а затем указать ID или класс на вкладке Расширенные.
Есть сетка и в её рамках перемещаются секции. Учим матчасть: Серия уроков: секции, ряды и колонки 1) Структура макета Elementor th-cam.com/video/2xW5MMIMd8s/w-d-xo.html 2) Настройка макета Elementor th-cam.com/video/TCoKT31iMcg/w-d-xo.html 3) Стили макета Elementor th-cam.com/video/U1sDOzkAhSw/w-d-xo.html 4) Расширенные параметры макета Elementor th-cam.com/video/nouEooGK8zs/w-d-xo.html Навигатор th-cam.com/video/KE6VWJkyyHA/w-d-xo.html
Приветствую, Александр! Понимаю, что когда нужен изысканный дизайн, начинаются жертвы -- но может ты подскажешь другое решение задачки: В мобильной версии на футерных колонках появились отступы слева и справа, обнажающие неадаптивную фоновую картинку секции. Логично было бы их убрать отрицательными отступами в [ Расширенные -> Отступы снаружи ] но [лево] и [право] залочены со словом [ auto ] По-хорошему мне бы отключить в мобильной версии фоновую картинку секции или включить белое перекрытие -- Но вот вопрос как!? Или растянуть картинку в мобильной версии, а в десктопной оставить "Размер - По умолчанию". Иллюстрация - hkar.ru/UoTV Примечание: фон сайта = кирпичи с повтором
Приветствую. Ох, ё***! Вот это вы накреативили. К сожалению, в данном случае не помогу так как щупать нужно, а для этого придётся воспроизводить ваш шедевр у себя 😁
Выкрутился!)) Включил повтор по вертикали фона в футере, и для этого отрезал от него тёмную часть, т.о. повтор идёт монотонным)) Выходит, что индивидуальная заливка колонок уже не нужна. Ну а потом срезанную полоску вернул на место, добаввив еще одну секцию с нижнего края. Маленький недочёт -- ошибки вывода графики (браузера) когда состыкованы нарезанные слайсами картинки, кое-где между ними видна тонюсенькая щель - прям как щель в заборе. Пробовал надвигать на 1 пиксель но это ничего не дает. Видимо придется с этим жить
Можете сделать урок о том как создавать новые страницы с этим плагином и как сделать, чтобы активное меню подсвечивалось или как то выделялось? Заранее спасибо!)
Александр, уточните какое меню имеете в виду. Есть как минимум 3 способа его создания. С Elementor Pro, с бесплатным дополнением меню для Elementor и меню от темы. Мне кажется я знаю, что вам на самом деле нужно. Урок, как создать многостраничный сайт с Elementor целиком, верно?
Да, у меня Elementor бесплатный не могу сообразить как сделать многостраничный сайт. Буду Вам очень благодарен) И очень интересно с бесплатным дополнением)
Александр! Благодарю за исключительно годный мануал по Элементору ! Пересмотрел 4 части "секции ряды и колонки" но не понял как разметить такую довольно простую структуру из клеточек: j-p-g.net/if/2018/03/30/0858791001522426717.png Если такое возможно, скажи что "Да" )
Можно. Родительская секция из 2 колонок. В левую картинку, в правую виджет Колонки 2 раза и из верхнего удалить одну колонку. Ну и вставляй списки из заголовки.
Нравятся видео про Elementor? Поддержите выпуск новых! donatepay.ru/donation/wplovers
Друзья, я очень стараюсь делать хорошие, понятные уроки и это занимает целую прорву времени. В то время, пока я записываю и монтирую видео, я мог бы заниматься другой работой, но так я помогаю очень малому количеству людей. Записывая уроки для массовой аудитории, я получаю возможность помочь сразу большому количеству людей и это здорово!
Поддержать WPlovers donatepay.ru/donation/wplovers
Более того, хочется делать больше обзоров на платные плагины и темы. К сожалению, но не все разработчики соглашаются предоставить их для теста бесплатно и приходится выделять деньги из собственного кармана.
Я буду очень признателен, если вы поддержите проект WPlovers. Поможет любая, даже малая сумма.
Спасибо! donatepay.ru/donation/wplovers
Спасибо большое тебе за уроки !
Пожалуйста, Дмитрий!
Спасибо! Класный материал.
Спасибо, есть вопрос:WP и Elementor для меня в новинку пару дней как занимаюсь, пока пользую бесплатный, не могу разобраться как можно сделать колонку ссылкой полностью?
Пока более-менее вариант вставить виджет "картинка с текстом" и на неё сделать ссылку, получается ссылка на картинке и заголовке текста, хотелось бы сделать всю колонку.
Добрый день. Подскажите пожалуйста как создать липкую колонку или же ее заскролить (второй вариант лучше)
А где найти ряды в элементоре? Не смог найти...
Всё давно изменилось th-cam.com/video/R0aCjyFqueU/w-d-xo.htmlsi=v4ZD3pkdEbkW9CUa
Александр, здравствуйте. Опять обращаюсь к Вам за советом.
Ситуация такая: на странице 2 ряда с одинакового размера изображениями, нужно сделать при отображении на большом экране и планшете по 5 изображений в каждом ряду, а на телефоне по 2 изображения.
Если в макете я добавляю в секцию ряды с 5 колонками, то на телефоне получается такой вид изображений: 2-2-1 и пустое место, потом опять 2-2-1 и пустое место. Можно ли сделать так, чтобы на телефоне был вид 2-2-2 или так, чтобы это пятое изображение находилось не под третьим (слева), а по центру?
И такой вопрос: если во втором ряду не набирается пять изображений, а например, только три, как центровать их на экране (чтобы размер изображений был такой же как и в первом ряду)?
Здравствуйте, к сожалению, с нечётным количеством беда, нужно писать код, который будет смещать нужные колонки на нужном разрешении. Разработчики готовят изменения с сеткой, но когда выйдет не ещё знаю.
Не совсем понял второй вопрос, можете набросать хотя бы схематично?
так и подозревал, что придется делать четное число.
По второму вопросу: есть 2 ряда картинок - 1-й ряд с пятью колонками и в каждой картинка. и 2-й ряд с тремя колонками, тоже в каждой по картинке. Стоит задача чтобы картинки во втором ряду были такие же по размеру как и в первом. и при этом располагались не четко под картинками в первом ряду (т.е. были выровнены по левому краю) а ступенчато т. е были выровнены по центру. Картинка ibb.co/je3uoy
Первый ряд вставляйте виджетом колонки с 5 колонками и пусть он будет во всю ширину. Второй ряд также, но меняйте ширину секции на вкладке Макет > Ширина макета > Ограниченная так, чтобы изображения стали примерно одинаковыми с верхним рядом.
Не получается так. Если во втором ряду делать тоже пять колонок (последняя пустая), то ряды не центрируются, а выровнены по левому краю, т.е. картинки одна над другой. А если сделать во втором ряду 4 или 3 колонки и подобрать ширину макета для большого экрана чтобы картинки были одинаковыми по размеру с первым рядом, но центрировались на экране (располагались ступенчато), то на экране планшета размер картинок из нижнего ряда увеличивается.
вот как: ibb.co/mE9CrJ
А ширину самих изображений на вкладке стиль задать не? У меня вроде что-то получается.
Здесь бы нужно было разъяснить как правильно выставлять отступы, чтобы на разных устройствах смотрелось хорошо. А так не понятно, где их лучше выставлять - в секциях, колонках или у виджетов... Муть какая то с этим элементором... В Бивере с этим нет вроде проблем.
Хорошо было бы менять наклон боковых границ колонок, это наверно можно сделать только кастомизацией в про версии
Да, и может повлечь за собой неприятные сюрпризы. Кстати, стили можно определить в теме или плагином Simple CSS, а затем указать ID или класс на вкладке Расширенные.
подскажите к как свободно перемещать секции по макету
менять их местами и тп
Есть сетка и в её рамках перемещаются секции. Учим матчасть:
Серия уроков: секции, ряды и колонки
1) Структура макета Elementor th-cam.com/video/2xW5MMIMd8s/w-d-xo.html
2) Настройка макета Elementor th-cam.com/video/TCoKT31iMcg/w-d-xo.html
3) Стили макета Elementor th-cam.com/video/U1sDOzkAhSw/w-d-xo.html
4) Расширенные параметры макета Elementor th-cam.com/video/nouEooGK8zs/w-d-xo.html
Навигатор th-cam.com/video/KE6VWJkyyHA/w-d-xo.html
Приветствую, Александр! Понимаю, что когда нужен изысканный дизайн, начинаются жертвы -- но может ты подскажешь другое решение задачки:
В мобильной версии на футерных колонках появились отступы слева и справа, обнажающие неадаптивную фоновую картинку секции.
Логично было бы их убрать отрицательными отступами в [ Расширенные -> Отступы снаружи ] но [лево] и [право] залочены со словом [ auto ]
По-хорошему мне бы отключить в мобильной версии фоновую картинку секции или включить белое перекрытие -- Но вот вопрос как!? Или растянуть картинку в мобильной версии, а в десктопной оставить "Размер - По умолчанию".
Иллюстрация - hkar.ru/UoTV
Примечание: фон сайта = кирпичи с повтором
Приветствую.
Ох, ё***! Вот это вы накреативили. К сожалению, в данном случае не помогу так как щупать нужно, а для этого придётся воспроизводить ваш шедевр у себя 😁
Выкрутился!)) Включил повтор по вертикали фона в футере, и для этого отрезал от него тёмную часть, т.о. повтор идёт монотонным)) Выходит, что индивидуальная заливка колонок уже не нужна. Ну а потом срезанную полоску вернул на место, добаввив еще одну секцию с нижнего края.
Маленький недочёт -- ошибки вывода графики (браузера) когда состыкованы нарезанные слайсами картинки, кое-где между ними видна тонюсенькая щель - прям как щель в заборе. Пробовал надвигать на 1 пиксель но это ничего не дает. Видимо придется с этим жить
Ух! Захватывающий у тебя квест =)
а как вообще зайти в элементор про?
Можете сделать урок о том как создавать новые страницы с этим плагином и как сделать, чтобы активное меню подсвечивалось или как то выделялось? Заранее спасибо!)
Александр, уточните какое меню имеете в виду. Есть как минимум 3 способа его создания. С Elementor Pro, с бесплатным дополнением меню для Elementor и меню от темы.
Мне кажется я знаю, что вам на самом деле нужно. Урок, как создать многостраничный сайт с Elementor целиком, верно?
Да, у меня Elementor бесплатный не могу сообразить как сделать многостраничный сайт. Буду Вам очень благодарен) И очень интересно с бесплатным дополнением)
Ждите, будет курс. Многие хотят и на днях начинаю записывать. Кое-что уже даже записал из азов, так сказать. Будет на всём бесплатном обязательно.
3 колонки как сделать?
Правый клик по иконке с колонкой > Добавить колонку. И так до 10 штук
Александр! Благодарю за исключительно годный мануал по Элементору ! Пересмотрел 4 части "секции ряды и колонки" но не понял как разметить такую довольно простую структуру из клеточек: j-p-g.net/if/2018/03/30/0858791001522426717.png
Если такое возможно, скажи что "Да" )
Можно.
Родительская секция из 2 колонок. В левую картинку, в правую виджет Колонки 2 раза и из верхнего удалить одну колонку. Ну и вставляй списки из заголовки.
Урр-ра! Получилось!)) Значит заводские секции с красной кнопки всё-таки полезны и ими можно пользоваться:))
Конечно! Только отступы отстроить как надо и всё.
Огромное спасибо за уроки