웹사이트에 날씨 정보를 추가하고 싶다면 가장 먼저 'Weather Channel(더 웨더 채널)'의 위젯부터 찾아보게 되는데요. 하지만 안타깝게도 Weather Channel은 아직 자체 날씨 위젯을 출시하지 않았습니다. 올해 안에 출시될 가능성이 있다고는 하나, 그때까지는 다른 대안을 찾아야 합니다.
다행히도 이러한 공백 덕분에 시중의 다양한 날씨 위젯을 살펴볼 기회가 생겼습니다. 지금부터 웹사이트에 활용하기 좋은 최고의 날씨 위젯들을 하나씩 소개해 드립니다.
1. Weather Atlas
워드프레스로 사이트를 운영하고 있다면 Weather Atlas 위젯이 훌륭한 선택입니다. 심플하면서도 선명한 색감의 위젯으로, 크기 조절이 가능하고 온도, 습도, 풍향, 기압 등 필수적인 날씨 정보를 모두 담을 수 있습니다.
Weather Atlas는 모바일과 데스크톱 페이지에 자동으로 맞춰 적응하며, 필수 단위 체계로 데이터를 표시할 수 있습니다. 디자인은 굵고 심플한 스타일로, 마치 안드로이드의 머티리얼 디자인에서 영감을 받은 듯한 인상입니다.
위젯은 세로형 또는 정사각형으로 사이드바에 배치하거나, 가로형으로 본문에 삽입할 수 있어 활용도가 높습니다. 날씨를 깔끔하고 간결하게 보여주고 싶은 분들에게 적합한 솔루션입니다.
2. Elfsight
좀 더 모던한 느낌의 위젯을 찾고 있고, 워드프레스에 국한되지 않는 솔루션을 원한다면 Elfsight Weather Widget이 잘 맞을 것입니다. 역시 모바일 스타일의 '카드' 감성을 지니고 있으며, 공식 웹사이트에서 직접 커스터마이징한 후 내 사이트에 삽입할 수 있는 다양한 옵션을 제공합니다.
코딩 없이 모든 커스터마이징이 가능하고, 위젯의 성과 지표를 모니터링해 방문자들의 시선을 끌고 있는지 확인할 수 있다는 점도 장점입니다. 또한 Elfsight는 소셜 공유 버튼부터 리뷰, 지도, PDF 삽입까지 다양한 위젯을 제작할 수 있으니 날씨 위젯은 시작에 불과할지도 모릅니다!
3. WeatherWidget.io
WeatherWidget.io는 홈페이지에서 바로 커스터마이징한 후 코드를 발급받아 사용할 수 있는 서비스입니다. 위치, 예보 일수, 위젯 크기, 아이콘 스타일, 글꼴까지 자유롭게 변경할 수 있으며, 예보 기간은 1일, 3일, 7일 세 가지 옵션 중에서 선택할 수 있습니다. 아이콘 스타일 역시 세 가지를 제공합니다.
기본 색상 대신 제공되는 테마를 선택하거나, 내 웹사이트에 어울리는 색상으로 직접 커스터마이징하는 것도 가능합니다.
원하는 디자인을 완성했다면 'Get code'를 클릭해 코드를 복사한 뒤 웹사이트에 붙여넣기만 하면 됩니다.
이 위젯은 무료이며 광고도 전혀 없습니다.
4. Meteored
Meteored는 WeatherWidget.io보다 그래픽 요소가 풍부한 사용자 인터페이스를 갖춘 위젯입니다. 아이콘 스타일 선택지가 더 많고, 클릭하기 전에 실제 모습을 미리볼 수 있어 드롭다운 메뉴를 반복해서 열어볼 필요가 없습니다.
예보 기간은 1일부터 7일까지 자유롭게 선택할 수 있습니다.
다만 위젯 크기를 변경할 수 없다는 점이 아쉽습니다. 또한 도시 검색 기능이 없고, 드롭다운 목록이 항상 알파벳 순으로 정렬되어 있지 않아 원하는 도시를 찾는 것이 다소 번거로울 수 있습니다.
5. Show My Weather
Show My Weather는 많은 설정 없이 빠르게 위젯을 만들고 싶을 때 좋은 선택지입니다. 표시하고 싶은 지역의 우편번호를 입력하면 위젯의 미리보기가 바로 나타납니다. 색상을 변경할 수 있지만 헥스 코드(hex code)를 알아야 하며, 크기와 패딩 등 다른 표시 옵션도 관련 지식이 있는 경우에만 수정할 수 있습니다.
아이콘 스타일은 변경할 수 없지만, 원하지 않는다면 제거하는 것은 가능합니다. 예보 기간 옵션도 따로 없어 항상 3일 예보만 표시됩니다.
설정을 마쳤다면 화면에 표시된 HTML 코드를 복사해 사이트에 붙여넣으면 완료입니다.
6. Booked.net
Booked.net은 다양한 날씨 위젯을 폭넓게 제공하며 일정 수준의 커스터마이징도 지원합니다. 위젯은 big(대형), lite(라이트), small(소형) 형식으로 분류되어 있어 용도에 맞게 고를 수 있습니다.
마음에 드는 위젯을 찾았다면 Customize를 클릭하세요. 다음 페이지에서 외관을 변경할 수 있고, 완료 후 Get HTML code를 클릭해 코드를 복사한 뒤 사이트에 붙여넣으면 됩니다.
어떤 위젯을 최종 선택할지는 커스터마이징의 자유도와 원하는 디자인 결과물에 따라 달라집니다. 날씨 앱과 위젯을 더 재미있게 활용하고 싶다면 안드로이드용 실시간 날씨 라이브 배경화면 추천 글도 함께 확인해 보세요.