Как сделать меню в тильде для телефона
Начну с краткого экскурса.
Для чего нужна мобильная адаптация?
В первую очередь для того, чтобы посетителю с мобильных устройств было удобно просматривать ваш сайт. Ведь если он зайдет с мобильного, а ему покажется обычная версия сайта (под десктопы), то с огромной вероятностью, посетитель уйдет искать более удобный сайт. А в 2021 году, процент посетителей с телефонов и планшетов сильно обгоняет компьютерный трафик.
Почему же Тильда?
Я ярый приверженец конструктора Tilda Publishing. Потому что, ребята очень активно развиваются, сама платформа не глючная (я знаю, о чем говорю, у меня за спиной работа не в одном десятке конструкторов). Широчайшие возможности. Даже если что-то не удается реализовать в стандартном функционале, то есть энтузиасты, которые помогают пользователям с реализацией кода.
Из коробки в Тильде идет интеграция со множествами сервисами (оплаты, рекламы и аналитики от Яндекс и Google, CRM, email-рассылок и тд.)
Особенно хорошо продвигаются сайты на Тильде в поиске. Есть чек-лист проверки сайта под SEO, настройка переадресации и редиректов.
Есть прекрасный функционал мультилендинга, что значительно увеличивает конверсию с платного трафика.
Что-то я отвлекся. На самом деле, конструктор Tilda я могу расхваливать часами)))
Перейдем к адаптации.
Настройка диапазона видимости в Tilda
- От 1200 px и более;
- От 980 до 1200 px;
- От 640 до 980;
- От 480 до 640;
- От 320 до 480;
- И от 0 до 320 пикселей.
Мобильная адаптация стандартных блоковна платформе Tilda
Мало кто знает, но у стандартных блоков Тильды, можно настраивать отдельно отступ для мобильной адаптации. Сверху и снизу. Ну это логично)))
Но для этого надо нажать на иконку ноутбука, где настраиваются отступы.
Вообще, Tilda мне нравится еще и тем, что они лаконично и удобно вписывают настройки в интерфейс. То, что может навредить в дизайне сайтов молодому дизайнеру, они прячут.
А вообще, функционал стандартных блоков конструктора крайне ограничен и сложные проекты разработчику на них сложно создать. Для этого на помощь приходит Zero!
Мобильная версия на Зеро (Zero) в Tilda
Тут ты волен творить, что душе угодно. Главное не перемудрить. Если ты дизайнер с опытом, то этот блок точно для тебя.
Кстати, возможно, кто-то не знает, но в Тильде можно конвертировать стандартный блок в Зеро. Не все, но многие.
Только главное правило, сначала конвертируй, потом уже в нем создавай страницу или блок. Потому что можно подумать, что сначала я сделаю, то что мне нужно, а потом я сконвертирую в Zero и будет мне счастье, но нет. При конвертации, все ваше редактирование, слетит и блок превратится в базовую версию стандартного.
Вообще, для быстрой работы с Zero и настройки адаптации, нужен опыт. Я вспоминаю себя, начинающим пользователем Tilda, для меня адаптация превращалась в ад, я тратил на нее уйму времени, делая ее самостоятельно, без расширений и помощников в виде обычного shape. Я с калькулятором и направляющими считал отступы и в редакторе двигал элементы.
Я даже не думал о том, что отступы можно было измерить шэйпом и этот же шэйп использовать как измеритель расстояния других элементов.
Это специальный блок, где вручную проставляются характеристики для каждого элемента в каждом разрешении экрана. Такой подход хорош тем, что дизайнер может добавлять элементы, не предусмотренные стандартными блоками: иконки, дополнительные текстовые блоки, кнопки и поля для ввода в любом количестве.
Но есть и минусы у Zeroblock. Во-первых, клиент уже не отредактирует этот блок, если захочет изменить текст или дополнить описание. Без навыков работы на Тильде он не справится, как со стандартным блоком. Второй минус — это цена и сроки. Ведь стандартный блок подгоняется автоматически, и дизайнер задает только общие характеристики: загружает 1 картинку, задает цвет шрифта и ссылку кнопки. Работая в Zeroblock, дизайнер проставляет характеристики и положение каждого элемента на 5 разрешениях монитора: десктоп (большой монитор или ноутбук), горизонтальный и вертикальный планшет и 2 размера смартфона.
Тильда рекламирует себя, заявляя о полной адаптивности и отсутствии проблем с отображением на мобильных устройствах. Но штатная адаптация подойдет только тем заказчикам, которых не волнует эстетика. Если задача состоит в том, чтобы сделать удобный и адаптивный сайт, уточняйте у дизайнера возможность проработки мобильной версии. Не у всех дизайнеров эта функция включена в стоимость.
Озвучивая вам цену за сайт, я обязательно включаю в него адаптив сайта. Все больше людей пользуются смартфонами и планшетами, совершают покупки и заказывают услуги с этих устройств. Делать сайт без мобильной версии — пустить деньги на ветер.
Если у Вас есть какие-то вопросы касательно конструктора Тильда – Вы можете задавать их в комментариях. Либо я на него отвечу, либо пришлю ссылку, если на эту тему уже есть видео.
Также очень рекомендую посмотреть другие ролики по конструктору Тильда, потому что у него очень обширный функционал и может быть, есть какие-то функции о которых Вы ранее не знали.
Еще раз напоминаю, что я веду курсы по маркетингу и интернет-маркетингу, есть курс по созданию сайта на Тильде с его последующим продвижением в интернете, то есть получение лидов, заявок, продаж и так далее. При условии, что у Вас есть какой-то проект, стартап, направление, которые Вы хотите запустить.
Недавно я прошла курс по digital marketing у Алексея Чеснокова. Если бы мне два месяца назад сказали, что я сделаю сайт или чат-бота, я бы посмеялась. На данный момент, появилась уверенность в своих силах, а самое главное интерес (даже жаль, что курс закончился) :) Мне очень понравилось делать чат-бота, похоже изнутри на нейросоединения, а когда все работает, то чувство радости и удовлетворения от проделанной работы. Также тема E-mail рассылки, очень интересная и актуальная.
И конечно сделать полноценный сайт-визитку со всеми формами, ссылками, калькулятором, это вообще целая интересная история. Могу сказать, что было не легко с нуля все это делать и если бы не Алексей, то скорее всего оставила затею с интернет-маркетингом. Хочу поблагодарить Алексея прежде всего за полученные знания, которые однозначно пригодятся в дальнейшем, за его настойчивость, строгость, и чувство юмора:) Мой мозг начал работать в нестандартном для него режиме, удивляя самого себя.
Алексей, спасибо за принесенную непоправимую пользу!:) Мне очень повезло попасть именно к Вам на курс (чего и всем кто хочет освоить digital marketing советую) .
Всё, что я узнала на курсе Алексея, было новое для меня! Алексей крайне терпеливый преподаватель, очень хорошо и интересно рассказывает, и объясняет. На основании полученных знаний и практик, я постараюсь найти работу в digital-маркетинге. Я оцениваю профессиональный уровень, как самый высокий. Его подача материала очень понятна, даже для новичка в этом направлении. Алексей правильно и доходчиво подаёт информацию. Слушать не скучно и интересно. Что хочется сказать про курс Алексея Чеснокова по Digital-маркетингу: огонь! Доступно, интересно, полезно, применимо на практике. Отдельная благодарность Алексею за понятное разъяснение любого возникающего вопроса. Пришла на курс с поверхностными знаниями, а выпустилась, как говорится, вооруженной до зубов. Однозначно рекомендую. Прошла обучение Алексея по интернет маркетингу. Самый полезный курс из всех мною увиденных и пройденных. Все ясно и понятно. Все последовательно и по полочкам. Алексей рассказывает предельно понятно, много фишек. После курса можно сразу запускать сайт, так как он уже готов к работе. Прошли все с самого начала-от домена, до самого конца-размещение в Яндекс Директ. Более емкого и объемного курса нет мне кажется ни у кого. Помимо этого всегда есть обратная связь. Однозначно, если кто то хочет сделать для себя многостараничник и узнать о seo, рекомендую курс Алексея Чеснокова. На курсе Алексея Чеснокова по Digital-маркетингу было асолютно всё новое для меня. Во время обучения понравилось создавать сайт, чат-бота. Приобретенные во время обучения навыки, думаю, что это обязательно пригодятся на практике. Было очень интересно обучаться у Алексея! Единственная просьба, кликать чуть медленнее при объяснении. Многие из группы не успевали за Алексеем. Иногда Алексей объяснял чуть медленнее, но потом снова забывался ;) Пройти курсы Алексея Чеснокова посоветовала бы. Я пришла на курс без какой-то базовой подготовки в сфере digital-маркетинга. Не смотря на это курс зашёл на ура. Много практики, прямо с первых дней, что очень мотивирует и задаёт хороший темп занятиям. Кроме лекций и практических занятий, Алексей даёт много дополнительных ресурсов, что позволяет более ёмко изучить материал. После курса чувствую уверенность в своих силах, и уже применяю полученные знания в реальных проектах. Очень благодарна за насыщенный, но при этом интересный курс по digital-маркетингу, а так же за позитивный и искренний подход к работе Алексея.Прошёл курс Алексея Чеснокова по обучению интернет-маркетингу. Получил много нужной и полезной информации, приобрёл необходимые навыки. А самое главное, сразу, в процессе обучения применил их на практике, в своём деле, создавая и оптимизируя сайт, подготавливая и осуществляя рассылки, контекстную рекламу. Было очень интересно. Занятия проходили динамично и за время обучения мы смогли не только в полном объёме получить и применить знания по Тильде, Сенд-пульсу, SEO и контекстной рекламе в Яндексе, но и дополнительно прослушать лекцию о продвижении на Ютуб. Если честно, очень хотелось бы ещё про продвижение в Инстаграм узнать (это очень модное и, как говорят, эффективное направление), но программа курса этого не предусматривала…
Безусловно, рекомендую курсы Алексея (как вэбинарные, так и в записях на Ютуб) прежде всего, тем, кто только осваивает интернет-маркетинг. Он делает это очень доходчиво и терпеливо. Но и искушённые маркетологи, думаю, почерпнут для себя много нового и актуального из его уроков, т.к. интернет-сфера меняется очень быстро, а Алексей стремиться идти в ногу со временем и все изменения и новшества сразу старается отразить в своих занятиях. Спасибо большое, Алексей, за полученные знания и навыки! Успехов Вам в таком нужном и благородном деле просветительства и обучения самостоятельной творческой деятельности в интернете!
Если у Вас есть какие-то вопросы касательно конструктора Тильда – Вы можете задавать их в комментариях. Либо я на него отвечу, либо пришлю ссылку, если на эту тему уже есть видео.
Также очень рекомендую посмотреть другие ролики по конструктору Тильда, потому что у него очень обширный функционал и может быть, есть какие-то функции о которых Вы ранее не знали.
Еще раз напоминаю, что я веду курсы по маркетингу и интернет-маркетингу, есть курс по созданию сайта на Тильде с его последующим продвижением в интернете, то есть получение лидов, заявок, продаж и так далее. При условии, что у Вас есть какой-то проект, стартап, направление, которые Вы хотите запустить.
Недавно я прошла курс по digital marketing у Алексея Чеснокова. Если бы мне два месяца назад сказали, что я сделаю сайт или чат-бота, я бы посмеялась. На данный момент, появилась уверенность в своих силах, а самое главное интерес (даже жаль, что курс закончился) :) Мне очень понравилось делать чат-бота, похоже изнутри на нейросоединения, а когда все работает, то чувство радости и удовлетворения от проделанной работы. Также тема E-mail рассылки, очень интересная и актуальная.
И конечно сделать полноценный сайт-визитку со всеми формами, ссылками, калькулятором, это вообще целая интересная история. Могу сказать, что было не легко с нуля все это делать и если бы не Алексей, то скорее всего оставила затею с интернет-маркетингом. Хочу поблагодарить Алексея прежде всего за полученные знания, которые однозначно пригодятся в дальнейшем, за его настойчивость, строгость, и чувство юмора:) Мой мозг начал работать в нестандартном для него режиме, удивляя самого себя.
Алексей, спасибо за принесенную непоправимую пользу!:) Мне очень повезло попасть именно к Вам на курс (чего и всем кто хочет освоить digital marketing советую) .
Всё, что я узнала на курсе Алексея, было новое для меня! Алексей крайне терпеливый преподаватель, очень хорошо и интересно рассказывает, и объясняет. На основании полученных знаний и практик, я постараюсь найти работу в digital-маркетинге. Я оцениваю профессиональный уровень, как самый высокий. Его подача материала очень понятна, даже для новичка в этом направлении. Алексей правильно и доходчиво подаёт информацию. Слушать не скучно и интересно. Что хочется сказать про курс Алексея Чеснокова по Digital-маркетингу: огонь! Доступно, интересно, полезно, применимо на практике. Отдельная благодарность Алексею за понятное разъяснение любого возникающего вопроса. Пришла на курс с поверхностными знаниями, а выпустилась, как говорится, вооруженной до зубов. Однозначно рекомендую. Прошла обучение Алексея по интернет маркетингу. Самый полезный курс из всех мною увиденных и пройденных. Все ясно и понятно. Все последовательно и по полочкам. Алексей рассказывает предельно понятно, много фишек. После курса можно сразу запускать сайт, так как он уже готов к работе. Прошли все с самого начала-от домена, до самого конца-размещение в Яндекс Директ. Более емкого и объемного курса нет мне кажется ни у кого. Помимо этого всегда есть обратная связь. Однозначно, если кто то хочет сделать для себя многостараничник и узнать о seo, рекомендую курс Алексея Чеснокова. На курсе Алексея Чеснокова по Digital-маркетингу было асолютно всё новое для меня. Во время обучения понравилось создавать сайт, чат-бота. Приобретенные во время обучения навыки, думаю, что это обязательно пригодятся на практике. Было очень интересно обучаться у Алексея! Единственная просьба, кликать чуть медленнее при объяснении. Многие из группы не успевали за Алексеем. Иногда Алексей объяснял чуть медленнее, но потом снова забывался ;) Пройти курсы Алексея Чеснокова посоветовала бы. Я пришла на курс без какой-то базовой подготовки в сфере digital-маркетинга. Не смотря на это курс зашёл на ура. Много практики, прямо с первых дней, что очень мотивирует и задаёт хороший темп занятиям. Кроме лекций и практических занятий, Алексей даёт много дополнительных ресурсов, что позволяет более ёмко изучить материал. После курса чувствую уверенность в своих силах, и уже применяю полученные знания в реальных проектах. Очень благодарна за насыщенный, но при этом интересный курс по digital-маркетингу, а так же за позитивный и искренний подход к работе Алексея.Прошёл курс Алексея Чеснокова по обучению интернет-маркетингу. Получил много нужной и полезной информации, приобрёл необходимые навыки. А самое главное, сразу, в процессе обучения применил их на практике, в своём деле, создавая и оптимизируя сайт, подготавливая и осуществляя рассылки, контекстную рекламу. Было очень интересно. Занятия проходили динамично и за время обучения мы смогли не только в полном объёме получить и применить знания по Тильде, Сенд-пульсу, SEO и контекстной рекламе в Яндексе, но и дополнительно прослушать лекцию о продвижении на Ютуб. Если честно, очень хотелось бы ещё про продвижение в Инстаграм узнать (это очень модное и, как говорят, эффективное направление), но программа курса этого не предусматривала…
Безусловно, рекомендую курсы Алексея (как вэбинарные, так и в записях на Ютуб) прежде всего, тем, кто только осваивает интернет-маркетинг. Он делает это очень доходчиво и терпеливо. Но и искушённые маркетологи, думаю, почерпнут для себя много нового и актуального из его уроков, т.к. интернет-сфера меняется очень быстро, а Алексей стремиться идти в ногу со временем и все изменения и новшества сразу старается отразить в своих занятиях. Спасибо большое, Алексей, за полученные знания и навыки! Успехов Вам в таком нужном и благородном деле просветительства и обучения самостоятельной творческой деятельности в интернете!
Читайте также: