Если вы создали сайт на Тильде и вам нужно добавить дату на завтра, то эта статья для вас. Этот метод позволяет добавить дату в любом месте сайта, и с наступлением нового дня она автоматически будет добавлена ​​завтра. Код выполнен на чистом JavaScript, что делает его универсальным и не требует добавления сторонних библиотек.

Поскольку JavaScript выполняется на стороне пользователя, а не на стороне сервера, есть нюансы. Например, у вас есть лендинг, который ведет на вебинар об автомобилях завтра в 12:00 по Москве. Но если пользователь приезжает из Новосибирска, его время на 4 часа больше, чем из Москвы. В Новосибирске новый день начнется в 20:00 по московскому времени. Пользователь из Новосибирска увидит, что вебинар состоится на следующий день, тогда как на самом деле он состоится сегодня (для него это новый день, а в Москве это еще старый день). Этот скрипт исправляет эту проблему. Прежде чем показывать завтрашнюю дату, мы проверим часовой пояс. Если пояс отличается от московского, то он будет конвертирован. В результате пользователь из Новосибирска после 20:00 увидит, что вебинар для него состоится сегодня в 12:00 по московскому времени.

Итак, давайте начнем. Во-первых, нам нужно дать уникальное имя тексту, который мы будем редактировать завтра. Я написал {date}. Вы можете написать что угодно, не обязательно заключать это в фигурные скобки.

Далее нам нужно получить доступ к консоли разработчика. Это может быть Ctrl+Shift+IИли F12. Или вы можете навести курсор на текст {date} щелкните правой кнопкой мыши и выберите Исследуйте предмет.

Если мы нажмем на нее F12 Или Ctrl+Shift+I Что:

  1. Выберите вкладку «Элементы» на панели разработчика.

  2. Нажмите на значок выбора элемента на странице.

  3. Наведите его на свой текст, где вы измените слово {date} по сей день. Нажмите на текст.

  4. После нажатия вы увидите справа элемент кода, где хранится ваш текст.

ЧИТАТЬ  TLS против SSL: какой протокол следует использовать для WordPress?

Далее нам нужно скопировать JS-путь к этому тексту. Для этого наведите курсор на фрагмент кода правой кнопкой мыши. Выберите из раскрывающегося списка Копировать > Копировать путь JS

В результате вы скопируете что-то вроде этого: document.querySelector("#rec836932074 > div > div > div.t396__elem.tn-elem.tn-elem__8369320741733583543493 > div")

Сохраните его где-нибудь, он нам скоро понадобится.

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

Добавьте блок HTML-кода.

Давайте откроем его. Нажмите Содержание.

Вставьте код:

Замените путь JS в самом верху третьей строки. Обязательно оставь это до конца ;

Нажмите Сохраните и закройте. И публиковать страница. Давайте проверим это.

На момент написания статьи 8 декабря. Завтра указано как должно быть. В полночь уже будет 10 декабря.

Вот и все. Если у вас есть вопросы, вы можете задать их в комментариях.

Если вы хотите получать трафик с Яндекс Директ или вам нужна помощь с версткой сайта, вы можете написать мне в Telegram: https://t.me/Hey_how_is_life.

Я поцеловала всех! ?

Source