Некоторые страницы нужно показывать прямо сейчас: текущая дата на странице бронирования, отметка времени на табло состояния, сегодняшняя дата в строке заголовка The Текущее время виджет в Мастер-аддоны для Elementor печатает время работы сервера в любом формате, от необработанной метки времени Unix до “4 июля 2026 г. 10:36 am”, стилизованной под любой другой текст Elementor.
Это один из самых маленьких виджетов в плагине, и это руководство охватывает все: три типа времени, строки формата и стиль.
Что делает виджет Текущее время #
Виджет выводит текущую дату и время в виде текста, генерируемого свежим на каждой загрузке страницы. Вы выбираете, как это выглядит с помощью Тип времени настройка, а вкладка Стиль обрабатывает цвет, тень, и типографику, Это весь виджет, именно поэтому он полезен: ни шорткода, ни фрагмента кода, только время, когда вы его уроните.
Прежде чем начать #
- WordPress с Элементор установлен и активен.
- Мастер-аддоны для Elementor установлен и активен. Новое в плагине? Видеть руководство установки.
- Виджет текущего времени включен на панели параметров "Мастерные надстройки" в разделе "Динамические виджеты".
- Ваш часовой пояс WordPress правильно установлен в разделе "Настройки", Общие сведения. Виджет печатает время сайта, поэтому неправильный часовой пояс показывает неправильные часы.
Как добавить виджет Текущее время #
В редакторе Elementor выполните поиск Элементы панель для Текущее время и перетащите его на страницу. Он печатает время сразу в формате MySql по умолчанию, как 2026-07-04 10:35:43, готовый к переформатированию.
Выберите тип времени #
The Генерал секция имеет два элемента управления: Тип времени и Выравнивание. Раскрывающийся тип предлагает три выхода: MySql, по умолчанию, печатает дату в стиле базы данных, например 04 июля 2026 г., 10:35:43; Штамп времени печатает необработанную временную метку Unix, количество секунд с 1970 года; и Пользовательский принимает любой формат, который вы определяете. вот TimeStamp на холсте:
Временная метка подходит для технических страниц и интеграции обратного отсчета. Для всего, что посетители действительно читают, переключите тип на Пользовательский; никто не хочет считать секунды с 1970 года.
Создайте собственный формат даты #
С Пользовательский выбрано, а Строка формата даты появляется поле. Он принимает символы стандартного формата даты PHP: демо-версию F j, Y g:i a отображает как “Июль 4, 2026 10:36 am” на холсте момент его печатания.
The Дата Время Формат Примеры ссылка под полем открывает ссылку на готовые строки с их выводом, поэтому вы можете скопировать их вместо запоминания символов формата PHP:
Некоторые из списка:
F j, Y g:i a6 ноября 20:50 12:50F j, Y2010g:i a1:50 утраl, F jS, Y6 ноября 2010 г.Y/m/d10.06.06
Стиль вывода #
The Стиль вкладка имеет один раздел, Текст, с тремя органами управления. Цвет устанавливает цвет текста и Текстовая тень добавляет размытие и смещение, когда время находится над изображением:
Типографика охватывает семейство, размер и вес. демо устанавливает Roboto полужирным шрифтом, превращая простую линию во что-то, что удерживает свое в заголовке:
Результат на странице #
Опубликованная страница печатает дату и время жизни в вашем формате и стиле, свежие на каждой загрузке:
Обычные случаи использования #
- Даты заголовка и верхней панели на новостных и журнальных сайтах.
- Страницы бронирования и бронирования показ сегодняшней даты рядом с формой.
- Страницы состояния и панели управления с отметкой времени “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 для остальных динамических виджетов проверьте страница ценообразования за то, что добавляет Про.
