Как сделать адаптивный сайт в Elementor для WordPress

Поділитися
Вставка
  • Опубліковано 30 вер 2024

КОМЕНТАРІ • 198

  • @DigitalAlex
    @DigitalAlex  6 років тому +5

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

    • @erdauletbayangali7470
      @erdauletbayangali7470 6 років тому

      Привет Александр, вы не слышали про плагина wp touch pro который делает мобильную версию сайта , некоторые в сети уверяют сайт работает в 5 раза быстрее.

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Привет, Ердаулет. Слышал о нём, но не пробовал. Запишу себе на 151516516 место в список идей 😂

    • @erdauletbayangali7470
      @erdauletbayangali7470 6 років тому

      хехехе

    • @letuneproduction6668
      @letuneproduction6668 5 років тому

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

  • @GunaevVO
    @GunaevVO 5 років тому +10

    Не работает адаптивность, ставишь в мобильной версии например цвет чёрный , переключаешься в другой вид он один фиг наследуется. Чё делать. Или адаптивность только в ПРО версии?

    • @AntonoffChannel
      @AntonoffChannel 2 роки тому +2

      Нашли решение ? Такая же проблема

    • @Anton_solovev47
      @Anton_solovev47 2 роки тому +2

      @@AntonoffChannel А вы нашли? Тоже не могу понять, в чем дело.

  • @DINObeat_play
    @DINObeat_play 5 років тому +7

    Здравствуйте!!!
    пересмотрел ваши ролики про адаптивность но не нашёл важного
    можно ли сделать отдельную адаптивность скажем для мониторов разрешением в 1280х720 и 1920х1080?
    потому что везде всё выглядит по разному и трудно достичь золотую середину когда редактируется всё одновременно.

    • @itlife8792
      @itlife8792 5 років тому

      инструмент устарел потому что

    • @ВебМастер-ч6ж
      @ВебМастер-ч6ж 4 роки тому

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

    • @10.Year.Bombas
      @10.Year.Bombas 4 роки тому

      @@ВебМастер-ч6ж Можно использовать относительные единицы - например vh и vw. Я так под 5K сайты адаптирую.

  • @СекретарівськаЗОШ
    @СекретарівськаЗОШ 3 роки тому +1

    Добрый вечер. Подскажите как адаптировать сайт под разные разрешения мониторов. Я сделал сайт на мониторе 29 дюймов и у меня все норм, но когда запустил его на 19 дюймов мониторе, то у меня одно на другое поналазило.Спасибо)

  • @Дмитрий-о8щ3ж
    @Дмитрий-о8щ3ж 5 років тому +2

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

    • @Oreo_Raccoon
      @Oreo_Raccoon 5 років тому +1

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

    • @Дмитрий-о8щ3ж
      @Дмитрий-о8щ3ж 5 років тому

      Енотик Орео, добрый день, пока что не нашёл

  • @biznesinter
    @biznesinter 3 роки тому

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

  • @whereareurussians
    @whereareurussians 4 роки тому +3

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

  • @christopherwharton6759
    @christopherwharton6759 4 роки тому +1

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

  • @alex_vogt1323
    @alex_vogt1323 4 роки тому +1

    у тебя есть видео, где делаешь меню вручную через HTML-код, остальное в elementor, но этот блок кода, как адаптировать?

  • @Oreo_Raccoon
    @Oreo_Raccoon 5 років тому +1

    Подскажите,что делать если например для планшета в 768px и для мобильных устройств в 360px все блоки подогнал нормально, но при сжатии экрана например на разрешении 600px все разъезжается, как тогда быть?

  • @elenaerokhova6101
    @elenaerokhova6101 6 років тому +4

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

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Пожалуйста, Елена. Не особо быстро. Давно уже нужно было выпустить =)

  • @jupitersaturnjupitersaturn9060
    @jupitersaturnjupitersaturn9060 Місяць тому

    привет, почему когда менаю на телефоне на компютере тоже меняется? не возможно отдельно изменить

  • @mikelxxx4681
    @mikelxxx4681 3 роки тому

    как сделать фиксированную мобильную версию в elementor?

  • @itlife8792
    @itlife8792 5 років тому +1

    Всё это прекрасно, но как настраивать горизонтальный адаптив для планшета?

  • @LAVILASIS
    @LAVILASIS 5 років тому +1

    И все же есть проблема с адаптивность для ноутбуков с разрешением 1024. Как ее устранить не могу сообразить

  • @LiberumCogitandi
    @LiberumCogitandi 3 роки тому

    Elementor то еще дерьмо, не понимаю вообще как вы им пользуетесь

  • @denzeroneYT
    @denzeroneYT Рік тому

    Куча вопросов, столько всего не понял, на счёт того же фона, у меня на комп версии должно быть левая половина каким-то цветом, а вторая половина изображения, но на телефоне это не смотриться, так что фон просто белый должен быть, думал изменить, но изменилось как на телефоне, так и на компе, хорошо что в истории вернуться можно обратно, получается только с помощью кода как-то можно, хотел попробовать сделать сайт, с использованиям минимум кода, нравится пощелкать, но в принципе ок. Ещё секции по центру разделил на 3 блока с фотографиями по 33% на моем мониторе норм выглядит, взять немного меньше, уже не помещаеться, и из-за этого, вылазит за границы, и дополнительно справа белая полоса большая

  • @6Olivia9
    @6Olivia9 Рік тому

    Подскажите! Адаптирую под телефон и при этом изменения касаются и пк версии. Как это исправить?

  • @Домашниймастер-я5ф

    Врежиме мобильного установлена ширина 360 рх. Мжно ли как-то этот параметр поменять? Ну например на 480

  • @Владимир-с5ц2г
    @Владимир-с5ц2г 3 роки тому

    почему на телефоне с одной стороны прокручивается на белый фон?

  • @АлександрИванов-к3н1г

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

  • @JamesBond-jf4ni
    @JamesBond-jf4ni 4 роки тому

    как контролировать процесс адаптации в промежутке десктопа и планшета? Сайт на всю ширину 1750 в колонке этой 6 блоков картинка с текстом они расположены в притык друг к другу. просматривая это на ноуте в 1366 это все сжалось до уродского состояния как это контролировать?

  • @jaretjoffrey1803
    @jaretjoffrey1803 6 років тому +2

    Спасибо за видео! Как всегда на высоте) Убил сразу несколько вопросов, которые возникали при создании сайта!)

  • @JamesBond-jf4ni
    @JamesBond-jf4ni 4 роки тому +1

    нет горизонтальных версий. если смотреть в браузере потом и переворачивать то все портится конкретно

  • @АлександрПетруш
    @АлександрПетруш 3 роки тому +1

    Очень спасибо! Я новичок, сделал первый свой сайт, но именно разбора этих вопросов мне не хватало. Очень понятно!

  • @МариМари-о4в
    @МариМари-о4в 4 роки тому +1

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

    • @maxmmaxm1591
      @maxmmaxm1591 4 роки тому

      Тоже этот вопрос мучает

  • @Sanksdr
    @Sanksdr 6 місяців тому

    Как адаптировать под компьютеры

  • @Censored74
    @Censored74 5 років тому +1

    Большое спасибо за видео Александр! Благодаря вам внедрил все на свой сайт! Вы лучший мастер в рунете по Элементор. Надеюсь Вика Довгань будет кусать локти после выхода вашего курса

  • @Sanksdr
    @Sanksdr 6 місяців тому

    Интересно узнать как адаптировать для компьютеров без елементора

    • @DigitalAlex
      @DigitalAlex  6 місяців тому

      Большая тема для которой придётся освоить CSS.
      Приобрести курс по CSS и изменять внешний вид сайта самостоятельно - digitalalex.ru/catalog/kursy/razrabotka/razrabotka-lite/css/

  • @VeraKoroleva
    @VeraKoroleva 5 років тому

    Я сделала страницу, где есть секции, разбитые на 2 колонки с текстом и кнопками. Есть такая проблема, что при разном разрешении экрана, кнопки начинают "плясать" и выходят на разном уровне. Хотя в том варианте, которые есть, все нормально. Страница адаптирована. Думаю, что это из-за разного разрешения экрана.. Как исправить данную ситуацию? Пробовала изменять параметры Брейкпоинт для планшета, но ничего не помогает.

  • @АндрейЛагонский
    @АндрейЛагонский 4 роки тому

    У меня такая проблема! Ширина колонок регулируется только на десктоп и мобильной версии. На версии планшета они идут в ряд друг под другом и ничего не меняется. Причем, если сделать ширину в мобильной 50 на 50, то она становится такой же на планшете. Почему? Весь инет перерыл((

    • @АндрейЛагонский
      @АндрейЛагонский 4 роки тому

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

  • @karabasbarabas2118
    @karabasbarabas2118 8 місяців тому

    .

  • @Sanksdr
    @Sanksdr 6 місяців тому

    Это у вас версия элементора платная?

    • @DigitalAlex
      @DigitalAlex  6 місяців тому

      Оптимизация доступна и в бесплатной, но вообще да, я использую платную версию.

  • @rastatacdam
    @rastatacdam Рік тому

    Добрый день. Подскажите пожалуйста как в заголовке сделать "резиновый" текст, чтобы при уменьшении экрана он не превращался в лесенку, а просто уменьшался. Спасибо!

  • @Chereol
    @Chereol 6 років тому +1

    Спасибо, Александр. Узнала новое - кнопка адаптивность. Как всегда полезное видео)

    • @DigitalAlex
      @DigitalAlex  6 років тому +1

      Вот и хорошо, не зря воздух копчу.

  • @АндрейОсипов-ч4е
    @АндрейОсипов-ч4е 4 роки тому

    Почему в моб.версии стили шрифтов слетают? В режиме конструктора всё норм, но как проверяешь на реальных устройствах, стили слетают

  • @Леонид-с5з
    @Леонид-с5з 3 роки тому

    6:10 Реверс (инверсия) колонок
    7:00 Управление шириной колонок на разных устройствах
    9:07 Скрытие элементов на разных устройствах
    11:28 Кнопка "Переключиться/перейти к полной версии"
    13:45 Можно ли отключить адаптивность в Elementor?

  • @НиколайКоролев-п8з

    Один вопросы был, плюс один возник при просмотре?
    1. Не могу справится с горизонтальной прокруткой. Всё вроде маленькое, а она всё равно есть.
    2. Почему нельзя скрывать колонки? В чём подвох?

  • @ОлегЕфремов-д3э
    @ОлегЕфремов-д3э 4 роки тому

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

  • @СветланаНазарова-ш1л

    Здравствуйте. Вы можете подсказать, как можно решить одну проблемку. На сайте есть меню, пункт "Преимущества" привязан к компьютерной версии блока. Этот блок под мобильные сделан отдельно. И вот на мобильном естественно из меню не переходишь на блок "Преимущества", т.к. он скрыт. Как можно мобильную версию этого блока привязать к меню? Что-то у меня никак не получается. Помогите пожалуйста.

  • @anzhelika6491
    @anzhelika6491 5 років тому

    Подскажите ,пожалуйста. Хочу сделать сайт для кондитерской. Просмотрев ваши видео про Элементор и envato, решила ими воспользоваться . Элементор - супер ! И вроде как темы envato могут подойти. Делаю сразу на хостинге . Страницы отдельные с ними вроде как получается делать. реально ли сделать сайт обычному пользователю ? Пока не понимаю как их потом собрать в кучу ))) учусь по вашим видео . Есть какое-то у вас видео как сделать сайт с помощью элементор и envato? посоветует пойти другим путем ?

  • @giorgitamazashvili9338
    @giorgitamazashvili9338 3 роки тому

    один вопрос: на нельзя настроит разрешение когда например сайт перейдёт с десктоп версии на планшетную?

  • @Алексей-л7ф4ш
    @Алексей-л7ф4ш 4 роки тому

    Привет, классный канал, выручаешь! Спасибо!
    Пару вопросов: у меня стандартная тема от wordpress ( я темы вообще не использую, все равно страницы с 0 на элементоре рисую.), Вставлен блок "Слайд-шоу" блок, в который вставлены картинки, и он автоматически их перелистывает. Кроме автолистания есть ещё и ручное перелистывание стрелками слево и справо. На мобильной версии сайта эти стрелки превратились в песочные часы! Работают нормально, но отображаются некорректно. Как исправить?

  • @ЯйцоВклетке
    @ЯйцоВклетке 4 роки тому

    Ребятки всем привет! Подскажите, на мобильных устройствах на хостинге пропадает задний фон у всех секций?
    Что это как это? с чем кушать? На локалке все работает.

  • @Алексей-л7ф4ш
    @Алексей-л7ф4ш 4 роки тому

    Так же, на мобильной версии сайта (если зайти на страницу с телефона)
    У меня песочные часы на выдвигаемым меню.

  • @tutitam1
    @tutitam1 4 роки тому

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

  • @sergeinikolaev3737
    @sergeinikolaev3737 5 років тому

    все заголовки нормального размера, ничего не уступает, но к сожалению горизонтальная прокрутка не исчезает. Не понятно как его делать

  • @MsSunny
    @MsSunny 3 роки тому

    Как же всё понятно! И голос приятный! Спасибо большое :)

  • @skbyar
    @skbyar 5 років тому

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

  • @Vinograd_Ivanovih_Kursk
    @Vinograd_Ivanovih_Kursk 3 роки тому

    Видео СУПЕР! Лайк поставил.

  • @ОльгаТолмачева-г3ж

    Спасибо. Быстро нашла решение своей проблемы.

  • @venkovmax
    @venkovmax 6 років тому +1

    Спасибо, как всегда очень полезно и смотреть приятно

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Спасибо, Максим. Приятно, когда кому-то полезен.

  • @ДиванныйЭксперд
    @ДиванныйЭксперд 5 років тому

    Здравствуйте.
    На 7:14 не понятно
    как у вас получились колонки рядом, и у каждой колонки своя возможность выставлять ширину

  • @andreyvsimmarket3008
    @andreyvsimmarket3008 5 років тому

    День добрый. Спасибо за труд. Подскажите, а есть плагин для елементор который будет автоматом, создавать отдельную страницу для моб. версии.И в принципе как Вы решаете проблему со скоростью для моб. версий? Спасибо

  • @kirillivanov75
    @kirillivanov75 4 роки тому

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

  • @big_baby_chanel
    @big_baby_chanel 5 років тому

    2019 года, добавлена ли функция оптимизации фонового изображения?

  • @moimirira
    @moimirira 4 роки тому

    У кого проблема - горизонтальная прокрутка в мобильной версии попробуйте следующее:
    Во всех секциях, в настройках макета отключите overflow (есть такой пункт). Overflow должно быть скрыто

    • @ЯйцоВклетке
      @ЯйцоВклетке 4 роки тому

      Привет, а не было такой проблемы как не показывает задний фон изображений на мобильных?
      На локальном хостинге все круто, перенес на бегет, и задние фоны слетели на мобильных устройствах. :(

    • @moimirira
      @moimirira 4 роки тому

      @@ЯйцоВклетке бывает слетает что то при переносе. У меня срабатывало - сношу что не работает и устанавливаю заново. А так не сталкивался с именно такой проблемой

    • @ЯйцоВклетке
      @ЯйцоВклетке 4 роки тому

      @@moimirira , нашел проблемку спс. У него лучшие курсы пока что, не все рассказывает, по сравнению с другими - это клад. Остальные просто чушь несут ради видосов на ютубе.

  • @УланКад-х5п
    @УланКад-х5п 4 роки тому

    На смартфоне появляется горизонтальный скролл. Не могу найти с чем связано. Все хвосты по убирал😣. Скролл ровно на ширину полосы прокрутки редактора😩. Помогите пжл

    • @Наталія-э5е
      @Наталія-э5е 4 роки тому

      Добрый день) У меня похожая проблема. Подскажите: Вам удалось ее решить? Если да, то каким способом?

    • @УланКад-х5п
      @УланКад-х5п 4 роки тому

      @@Наталія-э5е Здравствуйте. В общем пришлось проверять каждую колонку-тексты, изображения. Отключал "видимость на телефоне" на каждой колонке и проверял по одной на телефоне. В итоге нашёл один текст который на конструкторе и на телефоне красиво сидит а на деле невидимый хвост был. Скопировал содержимое, удалил "текст", заново поставил и все стало норм. Придется попотеть в поисках если контента много

    • @Наталія-э5е
      @Наталія-э5е 4 роки тому

      ​@@УланКад-х5п Здравствуйте) Благодарю за оперативный ответ!
      Но, к сожалению, но не поняла, что имеете в виду под виду "видимость на телефоне" ?

  • @maxmixfice1105
    @maxmixfice1105 6 років тому

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

    • @DigitalAlex
      @DigitalAlex  6 років тому

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

  • @АфанасийИванов-з5о

    Спасибо за шикарное видео!!

  • @krasnorom
    @krasnorom 5 років тому

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

    • @DigitalAlex
      @DigitalAlex  5 років тому +1

      Здравствуйте. Пока нет. У разработчиков висит этот вопрос. Ждать остаётся.

  • @ВиолеттаШтоссель-т2д

    классное видео

  • @Hope-hl9rn
    @Hope-hl9rn 6 років тому

    Благодарю, если сайт сделан частично в Elementor, частично в редакторе WP, то в El-r - е я могу только редактировать те части которые сделал в El-r - е ? или могу весь сайт в любом случае?

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Только те, что в Elementor.

  • @fuzzywuzzy6960
    @fuzzywuzzy6960 6 років тому

    Доброй ночи, в каком видео глянуть как сделать кликабельным номер телефона с мобильных устройств?

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Здравствуйте. Видео нет. Просто вставьте в ссылку любого виджета ваш номер без пробелов и перед ним tel:
      Вот так tel:+78889995544

  • @distortion163
    @distortion163 6 років тому

    Привет. А можно ли сделать в элементоре так, чтобы при изменении размера окна браузера холст сайта не изменялся? Или тогда адаптация работать не будет? Как элементор определяет с какого типа устройства человек на сайт заходит?

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Привет. Видео как будто не смотрел. Говорил ведь, что адаптивность не отключается. Если не будет адаптивности, то сетка будет фиксированной ширины и всё содержимое в ней тоже.
      В видео тоже объяснял, то не Elementor определяет, он лишь размещает медиазапросы в CSS, а определяет их браузер на конкретном устройстве.

  • @stairs_home
    @stairs_home 5 років тому +3

    Спасибо за видео. А можете подсказать, как отключить адаптацию?

  • @MediaMax888
    @MediaMax888 5 років тому

    А можно ли сделать так, чтобы при загрузке сайта на телефоне, он (сайт) перенаправлял бы пользователя на отдельную страницу, специально созданную для мобильной версии?

    • @DigitalAlex
      @DigitalAlex  5 років тому

      Самый простой вариант использовать один из этих плагинов
      ru.wordpress.org/plugins/simple-mobile-url-redirect/
      ru.wordpress.org/plugins/advanced-mobile-redirect/
      ru.wordpress.org/plugins/mobile-redirect-plus-lite/

    • @robertlinkiavichius3961
      @robertlinkiavichius3961 5 років тому

      @@DigitalAlex А перенаправление может повлиять на негативную индикацию страниц Гугла? Понижать в выдачах и т.п.?

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@robertlinkiavichius3961 Наоборот скажется позитивно. Google поймёт, что для сайта есть мобильная версия, там специальный редирект ставится.

  • @БилПрихлоп-й3х
    @БилПрихлоп-й3х 6 років тому

    Elementor как добавить собственный класс ?

    • @DigitalAlex
      @DigitalAlex  6 років тому

      На вкладке расширенные каждого элемента есть поле и для ID и для класса.

  • @ВикторГорбань-я7х
    @ВикторГорбань-я7х 5 років тому

    Наконец-то не Хром

  • @ВадимСтрогонов-г8ч
    @ВадимСтрогонов-г8ч 5 років тому

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

    • @DigitalAlex
      @DigitalAlex  5 років тому

      К сожалению нет. На форуме видел активное обсуждение и плюсик ставил. Скорее всего сделают, только вот когда не понятно.

  • @johny-matutony
    @johny-matutony 6 років тому

    Спасибо! Очень полезное и нужное видео!

  • @Fomenko1978
    @Fomenko1978 6 років тому

    отлично рассказал, даже медиа запросы ухитрился разжевать ) клас!

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Спасибо, Андрей. Ну да, надо же дать хотя бы примерное представление, как это работает.

  • @dimaibatullin8875
    @dimaibatullin8875 6 років тому

    Как сделать заливку фона картинкой на секции, как в верху, где книга

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Изучать базу, срочно!
      Серия уроков: секции, ряды и колонки
      1) Структура макета Elementor ua-cam.com/video/2xW5MMIMd8s/v-deo.html
      2) Настройка макета Elementor ua-cam.com/video/TCoKT31iMcg/v-deo.html
      3) Стили макета Elementor ua-cam.com/video/U1sDOzkAhSw/v-deo.html
      4) Расширенные параметры макета Elementor ua-cam.com/video/nouEooGK8zs/v-deo.html

  • @endurenzmusic6617
    @endurenzmusic6617 4 роки тому

    Спасибочки !

  • @Александр-ч6м5ш
    @Александр-ч6м5ш 5 років тому

    Показываешь и рассказываешь очень красиво.
    Вот только делу это не поможет)
    У меня почему-то не встаёт мобильная версия должным образом, проблема в том, что сайт становится меньше экрана смартфона...приходится пальцами растягивать под экран.
    Подскажи где настроить Elementar, что бы все было ровно?

    • @DigitalAlex
      @DigitalAlex  5 років тому +1

      Не поможет так не поможет ))
      Я говорил в видео, что может что-то мешать и из-за этого появляться горизонтальная прокрутка. Могут быть конфликты с другими плагинами. Пробуй инструкцию:
      В WordPress есть универсальный способ экспресс диагностики ситуации.
      1. ВАЖНО! Сделайте резервную копию базы данных и файлов сайта.
      2. Временно активируйте стандартную тему, например Twenty Seventeen. Если она уже активна, то другую, например Astra.
      Если проблема в теме, то ищите в чём именно или замену текущей теме.
      3. Если проблема не решена, то временно деактивируйте все плагины, кроме основного, в котором работаете. Например, Если вы делаете страницы в конструкторе Elementor (Pro), то нужно деактивировать все плагины кроме Elementor (Pro) и проверить наличие проблемы.
      Если проблема исчезла, активируйте плагины по одному пока она вновь не проявит себя.
      Если вы выявили проблемный плагин и он имеет множество настроек, то отключите все настройки, проверьте проявляется ли проблема. Если нет, то включайте настройки по одной до тех пор пока проблема вновь не проявит себя.
      4. Если на предыдущем шаге проблему решить не удалось, то нужно проверить не подключены ли сторонние скрипты, такие как онлайн-консультант, заказ звонка, счётчики, показ рекламы и др. Временно удалите подключение скриптов и проверьте наличие проблемы.
      Повторяйте подключение скриптов и проверку наличия проблемы по аналогии с плагинами.
      5. Если есть проблемы с внешним видом, проверьте не добавили ли вы произвольные CSS в настройщике темы или специальным плагином.
      Временно удалите стили и проверьте проявилась ли проблема. Если нет, то вставляйте стили по одному, пока не выявите проблему.
      -----
      Только после этих базовых действий можно двигаться дальше в диагностике и решении проблем.

    • @Александр-ч6м5ш
      @Александр-ч6м5ш 5 років тому +1

      Я понимаю, что всех нюансов веб-программирования не донести через видео.
      Да что говорить, даже опытный прогер иногда "ловит берёзку"))
      В общем решил проблему.
      Объясню как.
      При правке дизайна под мобильник, я увлёкся позиционированием элементов на экране и вынес вставленные компоненты в колонку за её пределы...они как бы вылезли за пределы шаблона (грубо говоря)
      Как говорится...вот они грабли)
      Сам я не программист, но иногда балуюсь и вот тут ты попался на глаза с красивыми рассказами и красивыми сайтами...я посмотрел на свой сайт, который делал 10 лет назад ещё на джумла 1.5 и понял, почему в компании нет заказов))))
      Вот сижу теперь, делаю сайт сам.
      Просьба есть, если будет время и делание, выпусти видеоролик по позиционированию элементов внутри колонок, так сказать более подробно.
      Спасибо за ответ!

  • @ЗуляРеджепова
    @ЗуляРеджепова 4 роки тому

    Спасибо большое !

  • @mosprazdnik1557
    @mosprazdnik1557 6 років тому

    Отличное видео! подскажите пожалуйста, где редактируется мобильное меню, иненно размер кнопок в гамбургере?

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Если я правильно понял, то на вкладке Стиль > Выпадающее > Горизонтальный отступ/Вертикальный отступ.

    • @mosprazdnik1557
      @mosprazdnik1557 6 років тому

      Спасибо

  • @ИльяКондратов-м7ъ
    @ИльяКондратов-м7ъ 5 років тому

    Спасибо! Помогло)

  • @sumburno
    @sumburno 6 років тому

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

    • @DigitalAlex
      @DigitalAlex  6 років тому +1

      Михаил, в этом видео ответы на вопросы ua-cam.com/video/EEPtZHAazS4/v-deo.html если что-то останется неясным, задайте под ним.

    • @sumburno
      @sumburno 6 років тому

      WPLovers - о Wordpress понятно и с любовью , спасибо

  • @viktoryerokhov
    @viktoryerokhov 5 років тому

    Добрый день Александр. Подскажите пожалуйста, как отключить адаптацию под смартфон. Разработал сайт с помощью плагина Elementor, теперь хочу чтоб с телефона открывался сайт как на компьютере, не адаптировался. Знаю как отключить, чтоб сайт не показывался на моб. устройствах, но мне надо чтоб показывался, но при этом страница отображалась как на компьютере

    • @DigitalAlex
      @DigitalAlex  5 років тому

      Здравствуйте. Штатными средствами никак к сожалению. Нужно из шаблона шапки темы вырезать строку, содержащую viewport. Тогда адаптивность работать не будет.

    • @viktoryerokhov
      @viktoryerokhov 5 років тому

      @@DigitalAlex Спасибо. Так и сделал, но уже сам разобрался) Сам противник того, чтоб сайт не адаптировался под моб., но это зависит не от меня, а от заказчика

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@viktoryerokhov О да, они такие. Это потому что пытаетесь Elementor использовать для вёрстки макетов. Это неправильно. Elementor не инструмент для визуальной вёрстки. Это конструктор страниц. Да, под него можно и нужно рисовать макеты, но с прицелом на его возможности.

  • @trahula
    @trahula 5 років тому

    Привет, может кто-нибудь помочь!? Хочу сделать кнопки на изображении (т.е поверх самого изображения, и чтобы они как бы привязались относительно этого изображения) все получается замечательно, но с изменением разрешения экрана монитора, кнопки начинают съезжать, режим адаптивности не помогает, в css прописывал разные стили, все равно съезжает. Может кто-нибудь знает как это исправить? Буду признателен!
    P.S Пользуюсь бесплатной версией, может в платной есть решение без костылей)

    • @DigitalAlex
      @DigitalAlex  5 років тому +1

      Привет. А платной тоже нет. Изображение как вставляете, фоном или с помощью виджета?

    • @trahula
      @trahula 5 років тому

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

    • @trahula
      @trahula 5 років тому

      @@DigitalAlex забыл поблагодарить за ответ) Уже все решил)

  • @sumburno
    @sumburno 6 років тому

    Я думал Элементор переносит слово, а не втыкает его целиком. Фигня какая-то. Так любые конструкторы умеют.

    • @DigitalAlex
      @DigitalAlex  6 років тому

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

    • @sumburno
      @sumburno 6 років тому

      WPLovers - о Wordpress понятно и с любовью ))) да, вы любитель метафор. Согласен, что в заголовке перенос не лучшее решение. Более умные конструкторы уменьшают шрифт автоматически.

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Хорошая тема, если это можно контролировать.

  • @garael7123
    @garael7123 5 років тому

    Добрый день. Спасибо за видео! Вопрос,конечно, не совсем в тему видео, но уж очень наболевший. Делал в Элементоре страницу, где каждая секция разворачивается на весь экран (в настройках секции: на всю высоту экрана).С виджетом полноэкранной прокрутки от Jet Elements. Делал на мониторе диагональю 27 дюймов и, соответственно, разрешением 1920х1280. А на ноутбуке диагональю 15,6 и разрешением 1366х768 на странице все поехало, элементы из верхних секций заходят на нижние и наоборот. Подскажите пожалуйста, можно ли это исправить или нужно только вручную задавать высоту секции, после чего на небольшом мониторе она сразу на весь экран не влезет и будет прокручиваться?

    • @garael7123
      @garael7123 5 років тому

      Да и дело даже не в полноэкранной прокрутке, при меньшем разрешении все и по ширине сбивается...

    • @DigitalAlex
      @DigitalAlex  5 років тому

      Попробуйте задать Мин. высота, выбрать VH и поставить значение 100. Отпишите о результате.

    • @garael7123
      @garael7123 5 років тому

      @@DigitalAlex Я прошу прощения, а VH - это что?

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@garael7123 Параметр Минимальная высота и над полем где вводится значение есть вариант выбора PX и VH.

  • @letuneproduction6668
    @letuneproduction6668 5 років тому

    Вопрос. Как адаптировать сайт под разные виды мониторов с разным разрешением и соотношением сторон? У меня монитор 1920*1080 все на нем ровно. А на 1366*768 уже все криво. Я уж не говорю про квадратные мониторы 3*4

    • @DigitalAlex
      @DigitalAlex  5 років тому

      По идее, есть есть одна общая базовая сетка определённой максимальной ширины и вы в рамках этой ширины всё и делаете. Что именно криво, можете показать?

    • @КитайТорг
      @КитайТорг 5 років тому

      Может он имеет виду вообще резиновый шаблон, но у меня на 1366х768 и тот большой размер - вроде нормально

    • @letuneproduction6668
      @letuneproduction6668 5 років тому

      Так вот. Таких сеток в элементоре всего три. А можно сделать больше? Что бы под все популярные разрешения. Может есть плагин?

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@letuneproduction6668 плагина нет. Обещали в будущем добавить больше брейкпоинтов. Мне хватает и того, что есть, если честно.

  • @moscowtour6328
    @moscowtour6328 6 років тому

    Спасибо за видео. Столкнулась с такой проблемой. Адаптирую всё в elementor для планшета и телефона. Всё выглядит красиво. Но когда перехожу на сайт в выбираю в настройках плашет или телефон, всё отображается криво. WP установлен локально на компьютер через OSPanel. Не могу понять чему верить и как это будет отображать в реальности на телефоне, когда я перенесу всё на хостинг?

    • @DigitalAlex
      @DigitalAlex  6 років тому

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

    • @moscowtour6328
      @moscowtour6328 6 років тому

      WPLovers - о WordPress понятно и с любовью Что значит правильно? Я выравнивание все элементы. Всё хорошо отображается. А переходя в браузер всё сползает. Даже фоновая фотография отображается не корректно. Вы когда-нибудь слышали о таком? Или это только у меня так?

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Кэширование включено у вас?

    • @moscowtour6328
      @moscowtour6328 6 років тому

      нет

  • @mksavio4020
    @mksavio4020 6 років тому

    Отличное видео как всегда! Но мне везет на глюки:) Реверс колонок для мобильных работает не корректно... вот shkafy-ak47.ru/test/ ... пару дней повисит потом удалю.

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Игорь, а вы точно принцип их работы поняли? Я не увидел у вас проблем. У вас ведь всё содержимое в одну колонку идёт друг за другом, заголовок > колонки со шкафами и т.д. Единственное только сами шкафы по колонкам, но их то зачем инвертировать.

    • @mksavio4020
      @mksavio4020 6 років тому

      Да, понял. Вы с мобильника зашли? Первые корпусные... следом встроенные, вот реверс.

    • @mksavio4020
      @mksavio4020 6 років тому

      Следом радиусные... опять все хорошо без реверса.

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Видимо кэш был, теперь вижу.
      - Корпусные
      текст
      фото
      - Встроенные
      текст
      фото плиткой в линию. Скорее всего нужно выставить ширину колонок по 50% для мобильных
      - Радиусные
      текст
      фото
      - Угловые
      фото
      текст
      - С зеркалом
      текст
      фото
      - С пескоструем
      фото
      текст
      и тд. попеременно
      Скорее всего я чего-то не понимаю =)

  • @pazlife1745
    @pazlife1745 6 років тому

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

    • @DigitalAlex
      @DigitalAlex  5 років тому

      В Elementor только адаптивная и есть. Одна единственная. Если хотите и её отключить, то нужно удалить в теме из области head строку с упоминанием viewport.

    • @pazlife1745
      @pazlife1745 5 років тому +1

      WPLovers - о WordPress понятно и с любовью
      Я удалял , ничего не происходило. Показывалась все равно мобильная.
      А надо что бы была такая же десктопная на мобильном

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@pazlife1745 Это не родной метод, поэтому нет гарантии.

    • @pazlife1745
      @pazlife1745 5 років тому

      WPLovers - о WordPress понятно и с любовью
      По другому нет вариантов видимо ?
      Жаль что разработчики не внедрили это

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@pazlife1745 Пока нет.

  • @Censored74
    @Censored74 5 років тому

    Александр подскажите пожалуйста что делать, если в мобильной версии в элементоре нет прокрутки, а когда с телефона заходишь она есть, что делать

    • @DigitalAlex
      @DigitalAlex  5 років тому +1

      Какой прокрутки? Страницу не можете проскроллить вниз или что? На чём смотрите?

    • @Censored74
      @Censored74 5 років тому

      Боковая прокрутка) В визуальном редакторе елементор все ок, а в телефонах xiaomi 4, 5 note влево прокрутка идёт. Потом вниз экрана когда скролишь то более менее все оптимизируется но прокурутка влево не изчезает.

    • @Censored74
      @Censored74 5 років тому

      @@DigitalAlex короче это возникает из за того, если помечаешь изображения как медиафайлы

    • @Oreo_Raccoon
      @Oreo_Raccoon 5 років тому

      @@Censored74 Здравствуйте, столкнулся с такой же проблемой. Подскажите пожалуйста где убрать отметку изображений как медиафайлов? Не могу никак найти

    • @moimirira
      @moimirira 4 роки тому

      @@Oreo_Raccoon Если не решена проблема. Решение во всех секциях в настройках Макета отключить Overflow (должно быть СКРЫТО) и будет счастье вам

  • @ВикторГорбань-я7х
    @ВикторГорбань-я7х 5 років тому

    ОООО, Яндекс Браузер, братааан)

    • @DigitalAlex
      @DigitalAlex  5 років тому +1

      😂вот это реакция )) Ну да, я его для записи использую. Удобно. Основной у меня всё равно Chrome. Хотя пользуюсь я ими поровну.

    • @ВикторГорбань-я7х
      @ВикторГорбань-я7х 5 років тому

      @@DigitalAlex Однозначно подписка)

    • @ВикторГорбань-я7х
      @ВикторГорбань-я7х 5 років тому

      @@DigitalAlex Знаешь, снята уже куча видео о том, как получить подписчиков на свой канал. Но все забывают про Яндекс Браузер.

    • @DigitalAlex
      @DigitalAlex  5 років тому

      @@ВикторГорбань-я7х 😂 двигатель прогресса ))

  • @ЖеняШвец-к5ы
    @ЖеняШвец-к5ы 6 років тому

    Спасибо за виде и вообще спасибо тебе огромное за все видео благодаря тебе быстро разобрался с елементором сделал ну на мой взгляд 5 классных одностраничников и сайт на астре все кстати леплю на ней. У меня кстати вопрос у всем моих сайтов почему-то при просмотре на телефоне не показываются логотипы? я уже все перепробывал измпнял ее размер и вес короче странно и именно на 5 сайтах. я точно что-то делаю не так
    иногда в хроме тоже не показввается. А так очень круто ты объясняешь все.

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Женя, спасибо за тёплые слова! Логотипы каким виджетом вставляешь и в каком формате (jpg, png и т.д.)?

    • @ЖеняШвец-к5ы
      @ЖеняШвец-к5ы 6 років тому

      WPLovers - о Wordpress понятно и с любовью я не виджетом, а просто в теме сайтбаре иам просто вставляю виджет в формате png.

    • @DigitalAlex
      @DigitalAlex  6 років тому

      Значит вы правы, что-то вы не так делаете =)

    • @ЖеняШвец-к5ы
      @ЖеняШвец-к5ы 6 років тому

      WPLovers - о Wordpress понятно и с любовью а есть какой-то виджет? для вставки лого? и фавикона?

    • @ЖеняШвец-к5ы
      @ЖеняШвец-к5ы 6 років тому

      ой не виждет, пюа плагин

  • @deskbookcom
    @deskbookcom 4 роки тому

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