블로그 또는 웹사이트용 날씨 위젯을 다운로드할 수 있는 7가지 최고의 사이트

블로그 또는 웹사이트용 날씨 위젯을 다운로드할 수 있는 7가지 최고의 사이트

웹사이트의 주제에 따라 페이지 어딘가에 실시간 날씨 업데이트와 예보를 추가해야 할 수도 있습니다.





웹사이트에 날씨 위젯을 추가하려면 계속 읽으십시오. 웹사이트와 블로그를 위한 최고의 날씨 위젯을 살펴보겠습니다.





웹사이트용 날씨 위젯 또는 코드

다른 날씨 위젯은 다른 방식으로 작동합니다.





WordPress 또는 Squarespace와 같은 주류 플랫폼에서 작업하는 경우 각 상점에서 날씨 플러그인을 다운로드할 수 있습니다. 또는 일부 코드를 복사하여 페이지의 올바른 위치에 붙여넣을 수 있습니다.

전문 지식 수준과 달성하려는 목표에 따라 두 가지 접근 방식 중 하나가 적합할 수 있습니다.



다른 블로깅 플랫폼으로 전환하려는 경우 다음과 같은 몇 가지 옵션이 있습니다. WordPress와 Blogger를 넘어서 .

아마존 파이어에 구글 플레이 설치

Google 날씨 위젯은 어떻습니까?

많은 사람들이 웹사이트에 Google 날씨 위젯을 배치하기를 원합니다. 불행히도 Google은 자체 날씨 위젯을 만들지 않습니다.





Google 뉴스의 위젯 및 Google 캘린더의 업데이트와 같은 Google 제품에서 볼 수 있는 날씨 데이터는 날씨 채널 .

슬프게도 웹 사이트에 공개적으로 사용 가능한 날씨 채널 위젯도 없습니다. 중단되었습니다.





1. 날씨위젯.io : 깔끔한 '광고 없음' 날씨 위젯

WeatherWidget.io는 개인 및 상업 웹사이트 모두를 위한 무료 맞춤형 날씨 위젯을 제공합니다.

위치를 설정하고 위치 아래에 두 줄의 추가 정보를 입력하고 미터법 또는 영국식 단위를 사용할지 여부를 선택할 수 있습니다.

위젯 자체는 다음 7일 동안의 날씨를 보여줍니다. 더 적은 일수를 표시하도록 위젯을 변경할 수 없습니다.

위젯의 최소 너비는 110픽셀입니다. 너비가 315픽셀 이상으로 확장되면 위젯의 방향이 열에서 행으로 변경됩니다.

사이트에서 위젯을 사용하려면 날씨 위젯의 HTML 코드를 복사하여 사이트 페이지에 붙여넣어야 합니다.

2. 유성 : 무료 맞춤형 날씨 위젯

더 많은 사용자 정의 옵션을 원하면 웹사이트용 Meteored의 날씨 위젯을 살펴봐야 합니다.

이 사이트는 위젯이 원하는 대로 정확하게 보이도록 하는 사용하기 쉬운 도구를 제공합니다. 첫 번째 열에는 위치 데이터를 입력해야 하며 다음으로 이동하여 콘텐츠, 스타일 및 색상과 함께 위젯의 형식을 선택합니다.

WeatherWidget.io와 달리 위젯에 표시할 일기예보일 수를 설정할 수 있습니다. 최소값은 하루이고 최대값은 7입니다. 위젯은 또한 선택할 수 있는 여러 날씨 아이콘을 제공합니다.

프로세스가 끝나면 위젯을 스크립트로 사용할지 이미지로 사용할지 선택합니다.

삼. 내 날씨 표시 : 웹사이트를 위한 무료 날씨 및 온도 위젯

내 날씨 표시는 미국 또는 캐나다의 도시 날씨를 표시하려는 경우에 탁월한 옵션입니다. 다른 국가는 지원되지 않습니다.

단순함을 중시한다면 이것은 귀하의 사이트에 가장 적합한 날씨 위젯이 될 수 있습니다. 브랜딩도, 광고도, 불필요한 데이터도 없습니다. 위젯은 온도와 날씨만 보여줍니다.

시작하려면 날씨를 표시할 도시/도시 이름 또는 우편번호를 입력하세요.

다음 화면에서 날씨 위젯을 사용자 지정할 수 있습니다. 현재 날씨 또는 향후 예보로 표시할지 여부, 사용되는 측정 단위 및 배경색, 텍스트 색상, 패딩 및 글꼴 크기와 같은 스타일 옵션을 설정할 수 있습니다.

4. 멋진 날씨 위젯 : WordPress의 날씨

날씨 위젯의 HTML 코드를 수동으로 입력하는 것보다 플러그인을 통해 웹사이트의 날씨 위젯을 실행하고 싶다면 WordPress의 Awesome Weather Widget 플러그인을 살펴보는 것이 좋습니다.

사용자 정의 가능한 설정에는 미터법 또는 영국식 측정, 위젯의 크기, 편집 가능한 제목 표시줄, 사용자 정의 CSS, 예보 표시줄에 표시되는 일 수, 다양한 유형의 날씨에 대한 사용자 정의 배경 이미지가 포함됩니다.

날씨 위젯에는 광고가 없지만 프로 버전을 사용할 수 있습니다. 더 많은 템플릿 및 레이아웃 옵션, AJAX 로딩 및 자동 위치 감지를 추가합니다.

5. Booked.net : 다양한 날씨 위젯 선택

선택할 수 있는 15개 이상의 날씨 위젯을 제공하는 사이트를 원하면 Booked.net으로 이동하십시오.

큰 위젯, 작은 위젯 및 '라이트' 위젯을 찾을 수 있습니다. 각 위젯은 완전히 사용자 정의할 수 있습니다. 사용자 정의할 수 있는 특정 설정은 선택한 위젯에 따라 다릅니다.

6. OpenWeather.com: 지역 날씨 위젯

위젯이 웹사이트에 현지 날씨를 표시하도록 하려면 고려할 가치가 있는 또 다른 옵션은 OpenWeather.com입니다.

10개 이상의 다양한 날씨 위젯을 사용할 수 있습니다. 지역 날씨 위젯, 온도 위젯 및 예보 위젯을 찾을 수 있습니다.

단점은 사용자 정의 옵션이 우리가 살펴본 다른 위젯만큼 광범위하지 않다는 것입니다. 온도를 섭씨 또는 화씨로 표시할지 여부를 선택할 수 있으며 그 외에는 거의 표시하지 않습니다.

웹사이트에 OpenWeather 날씨 위젯을 추가하려면 각 위젯 옵션 아래에 있는 코드 줄을 복사하여 붙여넣어야 합니다.

7. 날씨 네트워크 : HTML이 포함된 날씨 위젯

Weather Network는 캐나다 최대의 기상 TV 네트워크입니다. 미국의 날씨 채널과 달리 웹 사이트와 블로그에 날씨 위젯을 제공합니다.

다섯 가지 위젯 레이아웃을 사용할 수 있습니다. 각 레이아웃에 대해 최대 6개의 위치를 ​​입력하고 색상과 글꼴을 사용자 지정하고 크기를 변경할 수 있습니다.

위젯 사용자 정의를 마쳤으면 수락을 클릭하면 날씨 위젯의 HTML 코드가 표시됩니다. 원하는 웹사이트에 복사하여 붙여넣습니다.

AccuWeather는 어떻습니까?

AccuWeather 위젯은 웹사이트에서 가장 인기 있는 무료 날씨 위젯 중 하나였지만 중단되었습니다. AccuWeather는 새로운 위젯이 2019년 후반에 출시될 것이라고 약속했습니다.

날씨 위젯은 최신 날씨 데이터와 예보를 얻을 수 있는 한 가지 방법일 뿐입니다. 더 자세한 내용을 알고 싶으시면 다음 기사를 확인하십시오. iPhone을 위한 최고의 날씨 앱 그리고 안드로이드를 위한 최고의 날씨 위젯 .

API를 사용하는 날씨 옵션에 관심이 있다면 날씨 데이터를 Weatherstack과 통합하는 방법을 확인하십시오.

블로그에 대한 추가 도움말을 보려면 다음을 참조하세요. WordPress 블로그를 인기 있게 만들기 위한 팁 방문자에게 맞춤화된 사이트에 대한 무료 IP Geolocation API를 확인하십시오.

공유하다 공유하다 트위터 이메일 이메일이 진짜인지 가짜인지 확인하는 3가지 방법

다소 의심스러운 이메일을 받았다면 항상 해당 이메일의 진위 여부를 확인하는 것이 가장 좋습니다. 이메일이 진짜인지 확인하는 세 가지 방법이 있습니다.

다음 읽기
관련 항목
  • 인터넷
  • 블로깅
  • 날씨
  • 웹마스터 도구
저자 소개 댄 프라이스(1578개의 기사 출판)

Dan은 2014년에 MakeUseOf에 합류했으며 2020년 7월부터 Partnerships Director를 맡고 있습니다. 후원 콘텐츠, 제휴 계약, 프로모션 및 기타 형태의 파트너십에 대한 문의는 그에게 연락하십시오. 또한 매년 라스베거스에서 열리는 CES의 전시장을 돌아다니는 그를 볼 수 있습니다. 글을 쓰기 전에는 재무 컨설턴트였습니다.

댄 프라이스에서 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.