Секции, ряды и колонки #3: основные стили макета в Elementor

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 ธ.ค. 2024

ความคิดเห็น • 87

  • @DigitalAlex
    @DigitalAlex  7 ปีที่แล้ว +1

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

  • @user-dh2me5vi9g
    @user-dh2me5vi9g 7 ปีที่แล้ว

    Огромное спасибо! открыла для себя разделитель! ой как круто особенно на видео! Люблю Elementor!!!!

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

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

    • @user-dh2me5vi9g
      @user-dh2me5vi9g 7 ปีที่แล้ว

      Очень нужно видео- Как сделать сайт без тем, т.е. тема любая , отключить через настройку "холст" и с белого листа только блоками элементор. Думаю такое видео будет одно из самых популярных, потому что темы все какие то не подходящие и шапку и меню в них менять очень трудно. Может я еще не очень разбираюсь, но мне кажется что только блоками Elementor можно сделать гораздо круче.

  • @НиколайСивцов-ы6о
    @НиколайСивцов-ы6о 7 ปีที่แล้ว +1

    Отличное видео! Тоже работаю с этим плагином, но некоторых настроек еще не использовал. Благо Дарю за видео!

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Спасибо, Николай! У меня ещё куча планов по урокам, так что оставайтесь на связи.

  • @fdimenboss
    @fdimenboss 5 ปีที่แล้ว

    Добрый день. А как Вы создали внутри родительской секции дочернюю секцию, являющаяся "рядом" на 4:29 ???

  • @ab23_ru
    @ab23_ru 7 ปีที่แล้ว +3

    Александр спасибо ! Гляжу уже весь элементор перевел 😉 ждемс ананас )

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว +1

      Да, бесплатный готов на 100%. У меня уже всё готово для раздачи, кроме урока по установке. Но, думаю сегодня сделаю.

  • @АртемЮдочкин-и4м
    @АртемЮдочкин-и4м 5 ปีที่แล้ว

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

    • @djonnybyworldoftanks7111
      @djonnybyworldoftanks7111 ปีที่แล้ว

      если не знаете CSS то только при помощи других адонов

  • @designwebmastery3809
    @designwebmastery3809 6 ปีที่แล้ว +2

    Супер контент! Подскажите пожалуйста 4:27 как вы создали секцию внутри секции. Через перетаскивание виджета колонки, как в первом уроке? И можно ли редактировать размер и расположение колонки, без создания того, чтобы забивать все пространство колонками. Например как получается колонка, которая заходит за границы родительской секции. Заранее спасибо.

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว +1

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

    • @designwebmastery3809
      @designwebmastery3809 6 ปีที่แล้ว +1

      Спасибо за ответ. Вы все правильно поняли. Смещение за счёт отступов позволяет редактировать размер внутри секции. А как сделать так, чтобы она зашла за границы секции?

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

      Изобразить схематично сможете?

    • @designwebmastery3809
      @designwebmastery3809 6 ปีที่แล้ว

      Да, пожалуйста. Если редактировать через отступы- то тянется весь контент снизу. Может я чего-то не понимаю?
      drive.google.com/file/d/1EIqD2MezfHg4VHDqm1TKEavofXmYA29R/view?usp=sharing

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

      Тогда как вариант есть способ отредактировать через произвольные CSS абсолютным или относительным позиционированием webref.ru/css/position

  • @9395908
    @9395908 6 ปีที่แล้ว +1

    Спасибо за уроки. Только не понятно, как ты создал дочернюю секцию внутри секции 4:23 ?

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

      Посмотри предыдущие уроки. Ссылки в описании.

  • @darkcrusaderzxc
    @darkcrusaderzxc 5 ปีที่แล้ว

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

    • @DigitalAlex
      @DigitalAlex  5 ปีที่แล้ว

      Да, сейчас лучше создавать родительскую секцию сразу с нужным количеством колонок.

  • @bezopasnaya-podacha-ru
    @bezopasnaya-podacha-ru 7 ปีที่แล้ว +1

    ой спасибо!)))) помогли разобраться с разделителями фона!!!)

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว +1

      Анастасия, пожалуйста. В контент-плане есть отдельный урок по ним. Постараюсь записать его поскорее.

  • @sits4you
    @sits4you 5 ปีที่แล้ว

    4:28 "Создал внутри родительской секции дочернюю секцию( ряд)..." ДА КАК? Как этот маленький прямоугольничек (ряд) вставить как в примере на видео?

  • @олегселезнев-р4й
    @олегселезнев-р4й 4 ปีที่แล้ว

    подскажите пож у меня не меняется в ручную ширина ряда . навожу мышь на границу и не реагирует

  • @domuspro5588
    @domuspro5588 5 ปีที่แล้ว

    Всё очень понятно и по делу объясняете. Но вот у меня косяк с колонками - никак не могу понять в чем дело. Как бы я не делил секцию на колонки, в элементоре - колонки выглядят, как и положено, а при просмотре на сайте колонки располагаются одна ПОД другой. Подскажите, пожалуйста, в чем причина?

    • @DigitalAlex
      @DigitalAlex  5 ปีที่แล้ว

      На компютере смотрите?

  • @ЖеняКрячко-ы7з
    @ЖеняКрячко-ы7з 6 ปีที่แล้ว

    Добрый день! Спасибо за информацию! У меня секция из одной колонки. В колонку вставлен html-код с фреймом. Подскажите как можно растянуть секцию на размер содержимого фрейма?

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

      Здравствуйте. На уровне секции пробовали задавать высоту по размеру экрана?

  • @noiseless6800
    @noiseless6800 5 ปีที่แล้ว

    Как сделать такую структуру: макет разбивается на 2 колонки, правая колонка разбивается на 3 внутренние колонки?

  • @Майя-н8т
    @Майя-н8т 6 ปีที่แล้ว

    Александр, добрый день! Спасибо за столь подробные обучающие видео - очень все доходчиво! Подскажите, пожалуйста, с чем может быть связана следующая ситуация? Оформила страницу с помощью плагина Elementor. Столкнулась с тем, что не отражаются стили нижних секций страницы - т.е. цвет фона, шрифта, иконки. При редактировании фон и прочие стили нормально устанваливаются и на черновике отражаются, а на оригинальной странице -нет. Причем у верхних секций - все нормально отражается, проблема начинается с 4-й секции.

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

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

    • @Майя-н8т
      @Майя-н8т 6 ปีที่แล้ว

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

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

      Хорошо. Только то о чём вы пишете это не секции, а виджеты.

  • @samsunggrand8416
    @samsunggrand8416 7 ปีที่แล้ว

    Добрый день, Александр!
    В мозиле и опере разлазится сайт ( локальная версия ) на elementor, не подскажите в чем проблема? В использовании бесплатной версии плагина?

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Приветствую! Не совсем понятно, что такое "разлазится". Какую тему используете?

    • @samsunggrand8416
      @samsunggrand8416 7 ปีที่แล้ว

      Ломаются формы, шрифт коряво отображается. Тема Vantage (bootstrap).Какую тему посоветуете для адаптивного лэндинга?

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Generate Press лучше всего дружит с Elementor. Есть бесплатная версия, для лендинга вам за глаза.

    • @samsunggrand8416
      @samsunggrand8416 7 ปีที่แล้ว +1

      Спасибо.

  • @PauILIL
    @PauILIL 5 ปีที่แล้ว

    Подскажите как сделать всю ячейку ссылкой?

  • @Fermerbaks
    @Fermerbaks 5 ปีที่แล้ว

    Как сделать расстояние между секциями по горизонтали?

  • @leomarvin6000
    @leomarvin6000 7 ปีที่แล้ว

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

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว +1

      Пожалуйста. Навскидку, вам должно подойти это решение th-cam.com/video/MQ0vQh-vVvI/w-d-xo.html Соответственно, для всех устройств выставляйте свои отступы.

    • @leomarvin6000
      @leomarvin6000 7 ปีที่แล้ว

      Ооо это круто :) Спасибо!

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว +1

      Отпишите, как получилось.

    • @leomarvin6000
      @leomarvin6000 7 ปีที่แล้ว

      Я пока ждал ответа решил другим путем. Но то что вы подсказали, конечно дает свободу большую. Еще не освоил, но освою. А мой результат по ссылке 174.138.30.232/ (домен пока не привязал) у меня старая версия на WIX была сделана - ppmodernhouse.com Вот когда доделаю перенесу домен. На новой версии с менюшкой беда.. когда уводишь курсор на выпавшее подменю, фон основного меню гаснет.
      Wix очень удобно, но нельзя делать тянущиеся сайты.

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Да, меню так работает. Ему ещё есть куда расти и я писал несколько пожеланий разработчикам. В том числе и по выпадающим меню.
      Wix не адаптивный получается?

  • @Медведь-п9ъ
    @Медведь-п9ъ 7 ปีที่แล้ว

    Уважаемый автор видео. Подскажите, пожалуйста, можно ли в элементоре сделать эффект зума картинки при наведении мыши с ссылкой как на этом сайте dsp.mlend.by внизу гл страницы

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      К сожалению пока нет. Уверен, что на их форуме поддержки уже куча подобных пожеланий. У меня тоже были вопросы по поводу разных эффектов при наведении. Напишу разработчикам.

    • @Медведь-п9ъ
      @Медведь-п9ъ 7 ปีที่แล้ว

      а есть дополнительные виджеты или аддоны c эффектами?

    • @Медведь-п9ъ
      @Медведь-п9ъ 7 ปีที่แล้ว

      а в бивер билдере есть похожий эффект?

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Возможно, но я не подскажу.

    • @Медведь-п9ъ
      @Медведь-п9ъ 7 ปีที่แล้ว

      нашел это видео th-cam.com/video/7ZFpmwYW8C0/w-d-xo.html пока не разбирался, но надежда появилась

  • @VeniaminOberemok
    @VeniaminOberemok 7 ปีที่แล้ว

    Может подскажешь, в каком случае фоновое видео будет быстрее прогружаться - если вставлять ссылку на ютуб или ссылка на загруженное видео, которое лежит на хостинге?
    И еще, почему-то на одном из сайтов (раньше в Elementor можно было вставлять ссылку для фонового видео только с TH-cam/Vimeo) видео с ютуб воспроизводится в не очень хорошем качестве. Вот здесь: www.daniilmay.com
    В чем может быть причина?

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Со своего хостинга не факт, что будет быстрее прогружаться, а вот что-то вроде amazon S3 - вполне. Но это дополнительных денег стоит, а клиенты с нашей ментальностью очень не любят платить на регулярной основе.
      Скорее всего, видеофон с TH-cam грузится в автоматическом качестве и зависит от скорости интернета и того, как Ютубу Б-г на душу положит. Решить этот вопрос можно двумя способами - попросить разрабов добавить настройку выбора качества по умолчанию или залить видео на свой видео или обычный хостинг.
      Я делал с виртуального хостинга на 2 проектах и нормально всё работает. Здесь interlog.kz/ и здесь coffeeonline.kz/ Главное, качество не задирайте, его всё равно не видно и продолжительность до 1 минуты.

    • @VeniaminOberemok
      @VeniaminOberemok 7 ปีที่แล้ว

      Я еще раз проверил, не вижу в настройках видео на ютуб, чтобы можно было выставить качество по умолчанию. Я как-то замерял чисто по ощущениям какое видео быстрее грузится - с ютуб или с моего хостинга - так вот разницы особо не заметил. Просто спрашиваю, может есть какие-то точные измерения и данные, чтобы на будущее учесть.
      Хочу спросить вот еще что, у меня на сайте www.smartchameleon.top установлен Элементор с аддонами, слайдер революшин, попап мэйкер и еще несколько не тяжелых плагинов. В общем, в какой-то момент переходы от одного раздела к другому в админке сайта стали по времени очень долгими - грузиться страницы начали невыносимо долго. С чем это может быть связано? По сути большинство манипуляций я проводил с Элементом и аддонами. Ну еще Слайдер революшин. Причем во время редактирования страницы Элементором все практически летает.

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

      Про настройки, я лишь предложил написать разработчикам, чтобы добавили. Их нет сейчас, нужно просить.
      У вас и фронтенд то грузится, что капец. Но дизайн классный, скорее всего он и тормозит, так как графики много. Выписываю вам плейлист по ускорению =) Возможно поможет.
      Скоро туда ещё несколько видео добавлю, а то кое-чего не хватает для полноты картины.
      По поводу нагрузки в админке:
      1. Анализ нагрузки. P3 (Plugin Performance Profiler) Плагин уже 2 года не обновлялся, но про него много хвалебных од в сети. У меня есть в планах его обозреть, но пока руки не доходят.
      2. Отключить wp-cron. В wp-config нужно добавить
      //Disable internal Wp-Cron function
      define('DISABLE_WP_CRON', true);
      и создать задание в Crontab на хостинге, чтобы он дёргал www.smartchameleon.top/wp-cron.php раз в 15-30 минут, к примеру.
      3. Оптимизировать Heartbeat API У меня есть Видео про WP Disable в плейлисте про ускорение. Там эта функция есть.

    • @VeniaminOberemok
      @VeniaminOberemok 7 ปีที่แล้ว

      Спасибо. Прелоадер поставил из-за фонового видео. Подозреваю, что он тоже немного увеличивает время загрузки.
      Плагин P3 я уже ставил, тестировал. Попап Мэйкер немало жрет, почему-то.
      По всем остальным пунктам надо, конечно, заняться )
      Может я в WP Optimize галочки лишние поставил и повредил базу данных? Как это проверить?

    • @DigitalAlex
      @DigitalAlex  7 ปีที่แล้ว

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

  • @JamesBond-jf4ni
    @JamesBond-jf4ni 4 ปีที่แล้ว +1

    и как создать такую дочернию секцию?

  • @Ra.912
    @Ra.912 6 ปีที่แล้ว

    ЗДРАВСТВУЙТЕ! ОЧЕНЬ КРУТО ВСЕ ДЕЛАЕТЕ! ГДЕ ВЗЯТЬ РУССКОЯЗЫЧНЫЙ ЭЛЕМЕНТОР?

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว

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

    • @Ra.912
      @Ra.912 6 ปีที่แล้ว

      ага, т.е. надо подождать после установки?

    • @DigitalAlex
      @DigitalAlex  6 ปีที่แล้ว +1

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

    • @Ra.912
      @Ra.912 6 ปีที่แล้ว

      ок, спасибо!

  • @leomarvin6000
    @leomarvin6000 7 ปีที่แล้ว +2

    И вот я добрался до галереи и несколько в расстроенных чувствах. Не нашел у вас видео специального про галерею. Я правильно понял что в элементор только одна галлерея и настолько убогая? Даже с базовыми возможностями вордпресса в этом вопросе не сравнить. Толи я не разобрался, то ли разработчики накосячили тут. Два вида раскладки по сути и те ущербные. Первый thumbnail только 150х150 px. Если ставить больше то никакой надежды получить красивую раскладку при разноформатных фотографиях просто нет. И получается уродливый винегрет. Сижу чешу репу - что же я наделал... без нормальных галерей мне тут не жить :) Скажите что я ошибаюсь :)