Мастер Аддоны
  • Виджеты
    • Переменные журналы
      Исходный код НОВЫЙ ПРО
      Кальдера Формы
      Логотип Слайдер
      Оглавление
      Гравитационные формы
      Преобразует ПРО
      Ограничить контент ПРО
      Таблица цен
      Форма ниндзя
      Майлшимп
      Совет инструмента
      Всплывающий триггер НОВЫЙ ПРО
      Какой Элемент НОВЫЙ
      Креативная кнопка
      Креативные ссылки НОВЫЙ
      Поиск домена ГОРЯЧИЙ ПРО
      Двойной заголовок ГОРЯЧИЙ
      Флипбокс
      Анимированный градиент BG ГОРЯЧИЙ ПРО
      Точка доступа к изображению ПРО
      Инфобокс
      Новости Тикер ПРО
      Частицы
      Прогресс Бар
      Внехолстовый контент НОВЫЙ ПРО
      Прогресс-бар чтения ГОРЯЧИЙ
      Пользовательские JS
      Блокцитата
      Встречный
      Эффекты наведения изображения
      Раскрывать НОВЫЙ ПРО
      Реллакс ПРО
      Позиционирование
      Сравнение изображений
      Вкладки
      Переключить контент ГОРЯЧИЙ ПРО
      Дубликатор сообщений/страниц БЕСПЛАТНО
      Плавающие эффекты ПРО
      Мега Меню ГОРЯЧИЙ
      Пользовательские CSS ГОРЯЧИЙ
      Градиентный заголовок
      Расширенное изображение
      Меню навигации
      Советы по инструментам
      Таблица сравнения ПРО
      Стекломорфизм
      Рекомендуемый продукт ПРО
      Изображение Карусель
      Галерея Слайдер НОВЫЙ ПРО
      Динамические теги НОВЫЙ
      Таймер обратного отсчета
      Текущее время
      Шаблоны
      Обертка Ссылка
      Хронология
      Член команды
      Контактная форма 7
      Продвинутая гармонь
      Анимированные заголовки
      Блог
      Деловые часы
      Призыв к действию
      Прогресс Барс
      Фоновый слайдер
      Командный слайдер
      Динамическая таблица
      Сетка Линия ПРО
      Формы WP
      Поиск
      Мы формируем
      Входная анимация НОВЫЙ ПРО
      Условия отображения ПРО
      Фильтруемая галерея изображений
      Формы WP
      Пользовательские точки останова НОВЫЙ
  • Особенности
    • Тема Строитель

      Разработайте шаблоны для всего сайта, чтобы обеспечить единообразный внешний вид на каждой странице вашего веб-сайта.

      Попап Строитель

      Создавайте привлекательные всплывающие окна, модалы и панели объявлений - чтобы захватывать потенциальных клиентов.

      Виджет Строитель

      Разверните Elementor с помощью расширенных пользовательских виджетов, чтобы создавать более динамичные макеты.

      Мега Меню Строитель

      Создавайте многоколоночные меню со значками и изображениями для превосходной навигации.

      Пользовательские Css

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

      Динамические теги

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

      Условия отображения

      Видимость элемента управления на основе роли пользователя, устройства, времени и других правил.

      Библиотека значков

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

      Анимация

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

      Профессионально разработанный комплект полностраничных шаблонов Импорт и настройка за считанные секунды.

      Готовые секции

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

      Готовые всплывающие окна

      Различные типы High-конвертируя всплывающие конструкции. импортировать и запустить быстро.

      Шаблоны страниц Elementor

      Полные макеты страниц для любых целей. начните редактировать немедленно.

      Готовый заголовок

      Множественные современные дизайны заголовков Импорт и адаптация к вашему бренду.

      Готовый нижний колонтитул

      Полностью разработанные нижние колонтитулы для различных веб-сайтов. добавьте функциональность и стиль в кликах.
  • Бренды
    • WP Админировать

      WP Админировать

      Возьмите под контроль панель управления WordPress. Настройте работу администратора.
      Редактор панели администратора

      Редактор панели администратора

      Настройте панель администратора WordPress для более чистого и персонализированного рабочего пространства.
      Логинфи

      Логинфи

      Настройте страницу входа в WordPress с помощью брендинга, стилей и улучшений безопасности.

      Ролемастер-люкс

      Точно управляйте ролями и разрешениями пользователей для большей безопасности и рабочего процесса.
      Мастер Блоки

      Мастер Блоки

      Расширьте редактор Гутенберга с помощью расширенных пользовательских блоков для более креативных макетов.
      WP Прожектор

      WP Прожектор

      Мгновенный поиск и доступ к функциям, сообщениям и настройкам администратора из любого места.
  • Темы
  • Помощь
    • Получите поддержку
    • Документация
    • Сообщество Facebook
    • Переменные журналы
  • Блог
Цены
🇷🇺RU
  • 🇺🇸EN
  • 🇸🇦AR
  • 🇧🇩BN
  • 🇩🇰DA
  • 🇩🇪DE
  • 🇪🇸ES
  • 🇫🇷FR
  • 🇮🇳HI
  • 🇰🇷KO
  • 🇵🇹PT
  • 🇷🇺RU
  • 🇨🇳ZH

Начало работы

  • Не можете увидеть элемент Master Addon внутри редактора Elementor Page?
  • Как подать заявку на получение партнерской учетной записи?
  • Версия Active Pro
  • Установка плагина

Аддоны

  • Настройки виджета всплывающего триггера
  • Настройки виджетов контента вне холста
  • Настройки виджета ползунка логотипа
  • Настройки виджетов строк прогресса
  • Настройки карусели изображения
  • Рекомендуемые настройки виджетов продуктов
  • Настройки виджетов таблицы сравнения
  • Настройки виджета исходного кода
  • Расширенные настройки виджета изображений
  • Градиентные настройки виджетов заголовков
  • Настройки ползунка галереи
  • Переключить настройки виджетов контента
  • Настройки виджета информационного поля
  • Настройки виджетов временной шкалы
  • Настройки динамического виджета таблицы
  • Настройки виджетов Mailchimp
  • Настройки виджета Blockquote
  • Настройки виджетов Changelog
  • Настройки виджета таймера обратного отсчета
  • Настройки виджета текущего времени
  • Поиск Настройки виджета
  • Фильтруемая галерея изображений
  • Настройки виджета командного слайдера
  • Настройки виджета Counter Up
  • Ограничить настройки контента
  • Таблица содержимого Настройки виджетов
  • Настройки виджета точки доступа к изображениям
  • Настройки виджета сравнения изображений
  • Настройки виджета тикера новостей
  • Эффекты наведения изображения
  • Настройки вкладок
  • Настройки виджетов таблицы цен
  • Настройки виджета меню навигации
  • Настройки виджета поиска домена
  • Настройки виджета Flipbox
  • Настройки подсказки
  • Настройки виджетов Creative Links
  • Настройки виджетов "Деловые часы"
  • Контактная форма 7 Настройки виджета
  • Креативные настройки виджетов кнопок
  • Настройки анимационных заголовков
  • Расширенные настройки виджета аккордеона
  • Настройки виджета "Вызов в действие"
  • Настройки виджета панели прогресса
  • Сообщения в блоге Настройки виджетов
  • Настройки виджетов участников команды
  • Настройки двойного заголовка

Расширения

  • Настройки библиотеки значков
  • Настройки мегаменю
  • Какие настройки расширения элементов
  • Настройки расширения дубликатора сообщений/страниц
  • Настройки расширения линии сетки
  • Настройки расширения стекломорфизма
  • Настройки расширения подсказки
  • Настройки ссылки Wrapper
  • Настройки расширения плавающих эффектов
  • Настройки динамических тегов
  • Настройки расширения условий отображения
  • Настройки входной анимации
  • Пользовательские настройки точек останова
  • Анимированные настройки расширения градиента BG
  • Настройки расширения Reveal
  • Настройки расширения частиц
  • Настройки расширения фонового ползунка
  • Преобразует настройки расширения
  • Настройки расширения Rellax
  • Настройки расширения позиционирования
  • Пользовательские настройки CSS

Виджет Строитель

  • Условия
  • Синтаксис TWIG
  • Введение панели настроек
  • Делитель
  • Текстовая тень
  • Выбрать2
  • Граница
  • Заголовок
  • Вкладки
  • Ретранслятор
  • Визуальный выбор
  • Фон
  • Размеры
  • Коробка Тень
  • Слайдер
  • Иконки
  • Галерея
  • Медиа
  • Поповер Тоггл
  • URL-поле
  • Дата Время
  • Типографика
  • Шрифт
  • Цвет Поле
  • Выбирать
  • Выбрать
  • Коммутатор
  • Скрытый
  • Код
  • ВЫСИВИГ
  • Текстареа Филд
  • Номер
  • Текстовое поле

Тема Строитель

  • Комментарий Форма
  • 404
  • Поиск
  • Архив
  • Одиночный
  • Нижний колонтитул
  • Заголовок

Попап Строитель

  • Как открыть всплывающее окно после бездействия в Elementor
  • Как показать всплывающее окно "Намерение выхода" в Elementor
  • Как открыть всплывающее окно при прокрутке к определенному элементу в Elementor
  • Как открыть всплывающее окно в прокрутке на Elementor
  • Как открыть всплывающее окно нажатием "Нажмите на Элементор"
  • Как открыть всплывающее окно при загрузке страницы?
  • Всплывающие настройки и параметры

Шаблонный комплект

  • Как импортировать наборы шаблонов в главные дополнения
  • Как отключить шрифты и цвета Elementor по умолчанию
  • Импортировать наборы шаблонов элементов
Посмотреть категории
  • Главная
  • Документы
  • Аддоны
  • Настройки виджета текущего времени

Настройки виджета текущего времени

Рой Джеми
Обновлено 15 сентября 2026 г

4 мин чтения

Некоторые страницы нужно показывать прямо сейчас: текущая дата на странице бронирования, отметка времени на табло состояния, сегодняшняя дата в строке заголовка Бесплатно Виджет текущего времени в Мастер-аддоны для Elementor печатает время сайта в любом формате, от необработанной метки времени Unix до “4Июль 2026 10:36 am”, стилизованный под любой другой текст Elementor.

Это один из самых маленьких виджетов в плагине, и это руководство охватывает все: три типа времени, строки формата и стиль.

Виджет текущего времени по умолчанию смотрит после перетаскивания с типом раскрывающегося времени, показывающим параметры пользовательского, MySql и метки времени

Что делает виджет Текущее время #

Виджет выводит текущую дату и время в виде текста, генерируемого свежим на каждой загрузке страницы. Вы выбираете, как это выглядит с помощью Тип времени настройка, а вкладка Стиль обрабатывает цвет, тень, и типографику, Это весь виджет, именно поэтому он полезен: ни шорткода, ни фрагмента кода, только время, когда вы его уроните.

Прежде чем начать #

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

Как добавить виджет Текущее время #

В редакторе Elementor выполните поиск Элементы панель для Текущее время и перетащите его на страницу. Он печатает время сразу в формате MySql по умолчанию, как 2026-07-04 10:35:43, готовый к переформатированию.

Выберите тип времени #

The Генерал секция имеет два элемента управления: Тип времени и Выравнивание. Раскрывающийся тип предлагает три выхода: MySql, по умолчанию, печатает дату в стиле базы данных, например 04 июля 2026 г., 10:35:43; Штамп времени печатает необработанную временную метку Unix, количество секунд с 1970 года; и Пользовательский принимает любой формат, который вы определяете. вот TimeStamp на холсте:

Виджет текущего времени установлен на тип временной метки, печатающий необработанную временную метку Unix на холсте Elementor

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

Создайте собственный формат даты #

С Пользовательский выбрано, а Строка формата даты появляется поле. Он принимает символы стандартного формата даты PHP: демо-версию F j, Y g:i a отображает как “Июль 4, 2026 10:36 am” на холсте момент его печатания.

Виджет текущего времени, настроенный на пользовательский тип со строкой формата даты F j, Y g:i a рендеринг 4 июля 2026 года на холсте

The Дата Время Формат Примеры ссылка под полем открывает ссылку на готовые строки с их выводом, поэтому вы можете скопировать их вместо запоминания символов формата PHP:

Ссылка на примеры строк формата даты, показывающая символы формата, такие как FjY, и их отображаемые выходные данные даты

Некоторые из списка:

  • F j, Y g:i a 6 ноября 20:50 12:50
  • F j, Y 2010
  • g:i a 1:50 утра
  • l, F jS, Y 6 ноября 2010 г.
  • Y/m/d 10.06.06

Стиль вывода #

The Стиль вкладка имеет один раздел, Текст, с тремя органами управления. Цвет устанавливает цвет текста и Текстовая тень добавляет размытие и смещение, когда время находится над изображением:

Вкладка "Текущее время" с цветом текста, установленным на темно-красный, и открытыми элементами управления тенью текста

Типографика охватывает семейство, размер и вес. демо устанавливает Roboto полужирным шрифтом, превращая простую линию во что-то, что удерживает свое в заголовке:

Настройки типографики текущего времени с семейством шрифтов Roboto и весом полужирного шрифта, примененным к дате

Результат на странице #

Опубликованная страница печатает дату и время жизни в вашем формате и стиле, свежие на каждой загрузке:

Вывод текущего времени завершенного элементара на странице в реальном времени, показывающий 4 июля 2026 г., 10:36 темно-красным полужирным текстом

Обычные случаи использования #

  • Даты заголовка и верхней панели на новостных и журнальных сайтах.
  • Страницы бронирования и бронирования показ сегодняшней даты рядом с формой.
  • Страницы состояния и панели управления с отметкой времени “as of”.
  • Обратный отсчет и разделы предложений сопряжение текущей даты с a Таймер обратного отсчета.
  • Страницы, удобные для печати как котировки и счета, которые должны нести день, когда они были просмотрены.

Советы по использованию виджета #

  • Сначала исправьте часовой пояс. Виджет печатает часы WordPress, если часовой пояс сайта UTC, то и виджет Настройки, Общие, Часовой пояс.
  • Копировать со страницы примеров. Ссылка на формат, указанная в поле, охватывает общие макеты; начните там и отрегулируйте.
  • Ускользайте от буквальных букв. В строках даты PHP буквы являются кодами формата. Ссылка Y/m/d \a\t g:i A показывает, как буквальный “at” получает обратные косые черты.
  • Кэширование разума. Время отображается при загрузке страницы, поэтому страница, кэшированная в течение часа, показывает время часовой давности. Прекрасно подходит для дат, вводит часы в заблуждение.
  • Сохраняйте формат коротким в заголовках. “4 июля 2026” подходит к верхней панели; полная строка "дата плюс время" хочет более широкое место.

Видео Учебник #

Если вы хотите увидеть виджет Current Time в действии, это короткое видео охватывает всю настройку, от вывода по умолчанию до стилизованной пользовательской даты:

Часто задаваемые вопросы #

Что такое виджет текущего времени в Master Addons?

Это виджет Elementor, который печатает дату и время жизни в виде текста. Выберите дату MySql по умолчанию, необработанную метку времени Unix или пользовательский тип с любой строкой формата даты PHP, выровняйте ее и создайте стиль цвета, тени и типографики на вкладке "Стиль".

Как изменить формат даты?

Установите Тип времени на Настроить и введите строку формата даты PHP в поле Формат даты Строка. например, F j, Y g:i a рендеринг как 4 июля 2026 г. 10:36 утра. Дата Время Формат Примеры ссылка под полем перечисляет готовые строки.

Какой часовой пояс использует виджет?

Он использует часовой пояс вашего сайта WordPress из Настройки, Общие Если отображаемое время выглядит неправильно, исправьте часовой пояс там, а не в виджете; виджет не имеет отдельной настройки часового пояса.

Обновление времени живет на странице?

Время генерируется при загрузке страницы, поэтому каждое посещение показывает текущее время в этот момент. Он не тикает вперед, как часы, пока посетитель остается на странице, а кэшированные страницы показывают время, когда кэш был построен.

Могу ли я показать только дату без времени?

Да. Используйте строку формата без временных символов, например Fj, Y для 4 июля 2026 г. или Y/m/d для 04.07.2026 г. Любая комбинация символов даты PHP работает, поэтому результат может быть короче года.

Завершая #

Виджет Текущее время выполняет одну работу чисто: дата и время жизни, в любом формате PHP может выразить, стилизованный как собственный текст Elementor.Установите часовой пояс сайта, выберите или скопируйте строку формата, и она запускается сама.Просмотреть полный набор Виджеты и расширения Master Addgets остальные динамические виджеты см. в разделе Страница виджета текущего времени для демо.

Какие у вас чувства

Поделитесь этой статьей:

  • Фейсбук
  • Х
  • LinkedIn
  • Пинтерест
Все еще застрял? чем мы можем помочь?

Чем мы можем помочь?

Обновлено 15 сентября 2026 г
Настройки виджета таймера обратного отсчетаПоиск Настройки виджета
Оглавление
  • Что делает виджет Текущее время
  • Прежде чем начать
  • Как добавить виджет Текущее время
  • Выберите тип времени
  • Создайте собственный формат даты
  • Стиль вывода
  • Результат на странице
  • Обычные случаи использования
  • Советы по использованию виджета
  • Видео Учебник
  • Часто задаваемые вопросы
    • Что такое виджет текущего времени в Master Addons?
    • Как изменить формат даты?
    • Какой часовой пояс использует виджет?
    • Обновление времени живет на странице?
    • Могу ли я показать только дату без времени?
  • Завершая

Присоединяйтесь к более чем 30 000 веб-создателей, которые доверяют главным аддонам

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

Попробуйте Live Demo
Присоединяйтесь к сообществу
Мастер-аддоны для Elementor
Логотип главных аддонов

80 премиум-виджетов & пожизненные обновления & Build Beyond Limits.An Exclusive Creation by Пиксар Лабс

Фейсбук-ф Твиттер Ютуб Вордпресс
Особенности
  • Шаблонные наборы
  • Библиотека шаблонов
  • Виджет Строитель
  • Тема Строитель
  • Мега Меню Строитель
Поддержка
  • Форум поддержки
  • Свяжитесь с НАМИ
  • Присоединяйтесь к сообществу
  • Блог
  • Видео Отзывы
Ресурсы
  • Мой аккаунт
  • Перемены
  • Документация
  • Видео Учебники
  • Toolz.dev
Навигация
  • Подайте заявку на Партнерство
  • Условия использования
  • Политика возврата
  • Политика конфиденциальности
  • О нас