Мобильная адаптация сайта на WordPress + Elementor

Подписаться 8 тыс.

Просмотров 18 тыс.

50% 1

Мой блог: yrokiwp.ru/
Я на оф.сайте WordPress: profiles.wordpress.org/dmitry...
Мои плагины: profiles.wordpress.org/dmitry...
Группа Вконтакте: yrokiwp
Лучший хостинг для ваших сайтов (сам пользуюсь): timeweb.com/ru/services/hosti...
Качественные ссылки на ваш сайт (сам пользуюсь): gogetlinks.net/?inv=74mdh8
#wordpress #elementor #yrokiwp #учебка #туториал #обучение #сайтснуля #сайт #вебсайт #вордпресс #элементор #учебкавордпресс #обучениевордпрессснуля

Опубликовано:

8 май 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 64

@user-jx9ip5bx3y Год назад

А как же меню?

@1trafcom 6 месяцев назад

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

@user-bc1be4lw1t Год назад

Спасибо, очень доходчиво!!!!

@yrokiwp Год назад

Спасибо за фидбек :)

@user-du4sy7eg4m Год назад

Спасибо! Применила, всё понятно.

@yrokiwp Год назад

Круто! Спасибо за коммент!

@dozor101_alexs 10 месяцев назад

Супер контент. Поставил в избранные. Далее буду изучать ваш сайт по ссылке. Спасибо.

@read_and_listen Год назад

Жаль не показал, как хедер в нормальный вид привести. На элементоре это гемор еще тот, если помимо меню и лого есть еще какие-нибудь элементы

@user-qc3hq8vn8m Год назад

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

@yrokiwp Год назад

Учту что тема актуальна, постараюсь сделать больше материала на эту тему. Спасибо за фидбек!

@dozor101_alexs 10 месяцев назад

Поддерживаю ваше предложение.

@user-mi3mz7sf5i Месяц назад

я вас люблю!

@marcelbotka2870 2 года назад

Спасибо за видео!

@yrokiwp Год назад

Спасибо за комментарий!)

@pcmine1 Год назад

Ахахаха. Смеюсь над собой я целый час не мог настроит кое что сам. А ты сделал это за три клика. СПАСИБО

@TauAua-dt8cr 3 месяца назад

Отличное видео по WordPress! Красава) Ps. Ребят, пишите в своих коментах слова "сайт", "ворд пресс" и тд. Так мы помогаем продвижению видео 😊

@tanyatavera7926 Год назад

То есть всё, что можно изменить, это лишь присутствие/отсутствие элемента?.. Как только я начинаю подправлять какие-либо отступы, позиционирование в мобильной версии, то они автоматически переносятся и на комп., и на планшетный вид, а с изображениями и вовсе караул. Что я делаю не так?

@denzeroneYT Год назад

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

@crazzzymonkeys Год назад

Полезно, особенно после того как я подчистил половину своего сайта, не зная про режим адаптивности)

@yrokiwp Год назад

Бывает 🥲

@1WoodFairy Год назад

У меня после редактирования мобильной версии, слетает расположение и на компьютерной и если повернуть телефон тоже все улетает. Если со шрифтами - размерами еще можно смириться и сделать более менее для всего разом, то кнопка действия на главной странице просто живет своей жизнью((

@user-kh5lg4hh3u Год назад

Спасибо, а как можно оптимизировать Хедер?

@Ardarik001 2 года назад

Хороший урок. Спасибо. Всё это можно проделать в бесплатной версии elementor? Этот плагин сейчас работает в России?

@yrokiwp 2 года назад

Да, здесь речь идет о бесплатной версии Elementor. Но на всякий случай: адаптация в Pro версии происходит точно таким же образом.

@marcelbotka2870 2 года назад

Да, это бесплатный плагин

@BIGMICTGK Год назад

@@yrokiwpприветствую, а если изначально страница создана в редакторе wp, при переходе в elementor в режиме адаптивности, настройки десктопной версии не слетят? .. может подскажите как адаптировать корректно в данном случае?

@BIGMICTGK Год назад

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

@stb4567 4 месяца назад

Здравствуйте Дмитрий. Переход с вашего сайта в телеграм не работает и пишу вам тут. Как с вами связаться? И второй вопрос: Как сделать в elementor чтобы крутился предмет так же как у вас на сайте луна?

@nurbakyt_yelemessov Год назад

Добрый день! Вот я настроил сайт на три размера, но размеры экранов больше 10-ти и в каждом из них по разному видно. Что можем делать?

@user-bl8db2tu3j Год назад

Красиво и не хуже Тильды!

@yrokiwp Год назад

Даже лучше, потому что бесплатно!)

@user-vq7mt2lv3o Год назад

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

@denzeroneYT Год назад

@@user-vq7mt2lv3o Та не, по кайфу, мне наоборот хочется ускориться, и работать быстрее под музон, та а эта чем не спокойная :D максимум немного тише стоит сделать, чтобы на уровне с голосом не была, просто когда при монтаже без наушников, вроде бы нормально, а когда в наушиках, понимаешь, что нужно делать ещё тише

@adelia45 11 месяцев назад

Зачем включать фоновую музыку????

@user-ow4gu7gh3z 5 месяцев назад

Иконка с текстом меняют положение в мобильной версии, в компьютерной иконка слева от текста, а в мобильной иконка сверху. Как это исправить?

@user-kl7ef4fr3r 6 месяцев назад

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

@tigranmkrtchyan8004 Год назад

Здравствуйте, у меня проблема, помогите найти решение

@anastasiaborkovskaya4956 Год назад

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

@yrokiwp Год назад

При переключении между редактируемыми версиями, Elementor сам автоматически применяет изменения только к выбранному формату сайта - его мобильной версии, версии для планшетов, или ПК-версии. Вам не нужно переживать за сохранение результата вашей работы для какой-то версии сайта отдельно.

@denzeroneYT Год назад

@@yrokiwp Ну не знаю, у меня на комп версии, 25% фона с права другого цвета, и после того как я убираю фон в мобильном режиме, они и на компе убирается, как быть? так же с границами, убрал обводку вокруг блока, типа на комп должна быть, а на тел нет, и оно везде убралось.. не особо понял как это работает

@blok9327 Год назад

Хедер ,у меня сохранения применяется и на ПК адаптивность

@NENAcode Год назад

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

@yrokiwp Год назад

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

@NENAcode Год назад

@@yrokiwp Спасибо, помогло ))

@vladimir9734 Год назад

@@yrokiwp спасибо за совет. У меня хедер вставленный мешал

@denzeroneYT Год назад

+ у меня тоже самое, но я знаю в чем причина, по центру 3 изображения, на компе норм, а на телефоне они большые, и по этому выходят за рамки, думаю если пофиксить, то будет норм

@user-kl2gw8lc2u Год назад

Спасибо за урок, можно название трека плис?

@yrokiwp Год назад

Блин, если не шутка, то это микс просто рандомный с ютуба.

@user-uz3lz6xu3v Год назад

nbsplv - cold waves

@tural_gambaroff Год назад

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

@tural_gambaroff Год назад

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

@kr0uly Год назад

@@tural_gambaroff это делается через шаблоны надные шаблона popup

@plastcarplastcar5585 Год назад

Ну с этим то все понятно а как быть когда телефон поворачиваешь с 9:16 на 16:9 то некоторые блоки съезжают со своих намеченных позиций и масштабируются некорректно особенно те которые лежат слой на слое посредством z индекса. ??????

@yrokiwp Год назад

Вы можете другом сбоку менять масштаб сайта и проводить адаптацию используя этот прием. С помощью навигатора вы можете регулировать расположение блоков относительно их слоев. Также следует заметить, что в PRO версии Elementor вы можете настраивать Z-index в кастом CSS.

@taran3367 Год назад

Как сделать колонки в ряд как на ПК на мобильной адаптации??

@yrokiwp Год назад

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

@theadminders Год назад

Почему вы избегаете настройки «бургера» меню в мобильных версиях? Ни в одном видео вы ни разу не рассмотрели адаптивность именно меню и верхней части сайта. Вам кажется, что это само собой разумеющееся?)

@yrokiwp Год назад

Казалось что все и так просто. Учту в будущих видео :)

@denzeroneYT Год назад

А что там не так? Изменил иконку бургера, сделал как в макете, выровнял логотип, и готово :)

@buzimamusic5545 4 месяца назад

Эти конструкторы конечно зло 😂 проще самому кодить

@lw6071 Год назад

это все ерунда. базовая. на разных телефонах по разному показывает. так что нет смысла вообще в этой адаптивности.

@denzeroneYT Год назад

Ерунда - твой комментарий, если бы адаптивность не делали, то приходилось бы на телефоне постоянно увеличивать, и листать долго, если хорошо адаптируешь, будет всё чётко, и так, как тебе нужно. Твое мнение - это мнение новичка, а профессионал, который в этом шарит, не согласится.

@nurbakyt_yelemessov Год назад

@@denzeroneYT Вот я настроил на три размера сайт, но размеры экранов дофига и в каждом из них по разному видно. Что можем делать?