일부 페이지는 지금 당장 표시해야합니다: 예약 페이지의 현재 날짜,상태 보드의 타임스탬프,헤더 막대의 오늘 날짜. 무료 현재 시간 위젯 에서 Elementor용 마스터 애드온 원시 Unix 타임스탬프부터 다른 Elementor 텍스트와 같은 스타일의 “2026년 7월 4일 오전 10:36”까지 모든 형식으로 사이트 시간을 인쇄합니다.
플러그인에서 가장 작은 위젯 중 하나이며, 이 가이드는 모든 것을 다룹니다: 세 가지 시간 유형, 형식 문자열 및 스타일링.
현재 시간 위젯이 수행하는 작업 #
위젯은 각 페이지 로드에 새로 생성된 현재 날짜와 시간을 텍스트로 출력합니다. 당신은 그것이 어떻게 생겼는지 선택합니다 시간의 종류 설정,그리고 스타일 탭은 색상,그림자, 타이포그래피를 처리합니다. 그것이 바로 위젯 전체이기 때문에 유용합니다: 단축 코드 없음,코드 조각 없음,드롭하는 시간.
시작하기 전에 #
- 워드 프레스 와 함께 엘리멘터 설치되고 활성화됩니다.
- Elementor용 마스터 애드온 설치되고 활성화되었습니다. 플러그인에 새로운? 참조 설치 가이드.
- 동적 위젯 아래의 마스터 애드온 옵션 패널에서 현재 시간 위젯이 활성화되었습니다.
- WordPress 시간대는 설정, 일반에서 올바르게 설정됩니다. 위젯은 사이트의 시간을 인쇄하므로 잘못된 시간대는 잘못된 시계를 보여줍니다.
현재 시간 위젯을 추가하는 방법 #
Elementor 편집기에서 다음을 검색합니다 요소 위한 패널 현재 시간 그리고 페이지로 드래그합니다. 2026-07-04 10:35:43 처럼 기본 MySql 형식으로 시간을 즉시 인쇄하여 다시 포맷 할 준비가되었습니다.
시간 유형을 선택하세요 #
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 일반 섹션에는 두 가지 컨트롤이 있습니다: 시간의 종류 그리고 정렬. 유형 드롭다운은 세 가지 출력을 제공합니다: MySql기본값은 2026-07-04 10:35:43;과 같은 데이터베이스 스타일 데이터 시간을 인쇄합니다 타임 스탬프 1970년 이후의 초 수인 원시 Unix 타임스탬프를 인쇄합니다; 그리고 사용자 정의 정의한 모든 형식을 취합니다. 여기 캔버스에 TimeStamp 가 있습니다:
타임스탬프는 기술 페이지 및 카운트다운 통합에 적합합니다. 방문자가 실제로 읽는 모든 내용은 유형을 다음으로 전환합니다 사용자 정의; 1970년 이후 몇 초 동안의 수학을 하고 싶어하는 사람은 아무도 없습니다.
사용자 지정 날짜 형식을 빌드합니다 #
와 함께 사용자 정의 선택됨, a 날짜 형식 문자열 필드가 나타납니다. 표준 PHP 날짜 형식 문자가 필요합니다: 데모의 F j, Y g:i a 입력하는 순간 캔버스에 “2026년 7월 4일 오전 10:36”으로 렌더링됩니다.
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 날짜 시간 형식 예 필드 아래의 링크는 출력과 함께 기성 문자열의 참조를 열므로 PHP 형식 문자를 암기하는 대신 복사할 수 있습니다:
목록에서 몇 가지:
F j, Y g:i a— 2010년 11월 6일 오전 12:50F j, Y— 2010년 11월 6일g:i a— 오전 12:50l, F jS, Y— 2010년 11월 6일 토요일Y/m/d— 2010/11/06
출력을 스타일링합니다 #
X-1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 1000 X 스타일 탭에는 하나의 섹션이 있습니다 텍스트, 세 개의 컨트롤이 있습니다. 색상 텍스트 색상을 설정합니다 텍스트 그림자 시간이 이미지 위에 놓일 때 흐림과 오프셋을 추가합니다:
타이포그래피 가족,크기, 무게를 다룹니다. 데모는 Roboto 를 세미 볼드로 설정하여 일반 라인을 헤더에서 자체적으로 유지되는 것으로 바꿉니다:
페이지의 결과 #
게시 된 페이지는 모든로드에 신선한 형식과 스타일로 라이브 날짜와 시간을 인쇄합니다:
일반적인 사용 사례 #
- 헤더 및 톱바 날짜 뉴스 및 잡지 사이트에서.
- 예약 및 예약 페이지 양식 옆에 오늘 날짜를 표시합니다.
- 상태 및 대시보드 페이지 “현재” 타임스탬프가 있습니다.
- 카운트다운 및 제안 섹션 현재 날짜를 a와 페어링합니다 카운트다운 타이머.
- 인쇄 친화적인 페이지 본 날짜를 표시해야 하는 견적 및 송장과 같습니다.
위젯 사용 팁 #
- 시간대를 먼저 수정합니다. 위젯은 워드프레스의 시계를 출력합니다; 사이트 시간대가 UTC 인 경우 위젯도 마찬가지입니다. 설정,일반, 시간대.
- 예제 페이지에서 복사합니다. 필드 아래에 연결된 형식 참조는 공통 레이아웃을 다룹니다; 거기서 시작하여 조정하세요.
- 문자 그대로의 문자를 탈출하세요. PHP 날짜 문자열에서 문자는 형식 코드입니다. 참조의
Y/m/d \a\t g:i A문자 그대로의 “at”가 백슬래시를 얻는 방법을 보여줍니다. - 마인드 캐싱. 시간은 페이지 로드를 렌더링하므로 한 시간 동안 캐시된 페이지는 한 시간 전의 시간을 표시합니다.Fine for dates, misleading for a clock.
- 헤더에서 형식을 짧게 유지하십시오. “2026년 7월 4일”은 톱바에 맞습니다; 전체 날짜 플러스 시간 문자열은 더 넓은 지점을 원합니다.
비디오 자습서 #
현재 시간 위젯이 작동하는 것을 보고 싶다면 이 짧은 비디오는 기본 출력부터 스타일이 지정된 사용자 지정 날짜까지 전체 설정을 다룹니다:
자주 묻는 질문 #
마스터 애드온의 현재 시간 위젯은 무엇입니까?
라이브 날짜와 시간을 텍스트로 인쇄하는 Elementor 위젯입니다. MySql datetime 기본값,원시 Unix 타임스탬프 또는 모든 PHP 날짜 형식 문자열이 포함된 사용자 지정 유형을 선택하고 정렬한 다음 스타일 탭에서 색상,그림자 및 타이포그래피의 스타일을 지정합니다.
날짜 형식을 변경하려면 어떻게 해야 하나요?
Type of time 을 Custom 으로 설정하고 Date Format String 필드에 PHP date format string 을 입력합니다. 예를 들어 F j,Y g: i a 는 2026 년 7 월 4 일 오전 10:36 으로 렌더링합니다. 필드 아래의 Date Time Format Examples 링크는 기성품 문자열을 나열합니다.
위젯은 몇 시점을 사용합니까?
그것은 설정에서 워드 프레스 사이트 timezone 을 사용합니다,일반. 표시된 시간이 잘못 보이는 경우,위젯에보다는 거기에 timezone 을 수정; 위젯은 별도의 timezone 설정이 없습니다.
시간 업데이트가 페이지에 살아 있습니까?
시간은 페이지가 로드될 때 생성되므로 각 방문은 그 순간의 현재 시간을 보여줍니다. 방문자가 페이지에 머무르는 동안 시계처럼 앞으로 똑딱거리지 않으며 캐시된 페이지는 캐시가 빌드된 시간을 보여줍니다.
시간 없이 날짜만 표시할 수 있나요?
예. 2026 년 7 월 4 일에는 F j,Y, 2026/07/04 일에는 Y/m/d 와 같이 시간 문자가 없는 형식 문자열을 사용합니다. PHP 날짜 문자의 조합은 모두 작동하므로 출력은 1 년만큼 짧을 수 있습니다.
감싸는 #
현재 시간 위젯은 한 가지 작업을 깔끔하게 수행합니다: 라이브 날짜와 시간, 어떤 형식으로든 PHP가 표현할 수 있고 네이티브 Elementor 텍스트와 같은 스타일이 지정됩니다. 사이트 시간대를 설정하고 형식 문자열을 선택하거나 복사하면 자체적으로 실행됩니다. 전체 집합을 찾아봅니다 마스터 애드온 위젯 및 확장 나머지 동적 위젯에 대해서는 다음을 참조하세요 현재 시간 위젯 페이지 데모용.
