워드프레스 테크플레이 심플 날씨 위젯 플러그인

Openweather API 를 이용하여 간단한 날씨 위젯을 만들었습니다. 워드프레스에는 다양한 종류의 날씨 위젯 플러그인이 존재합니다. 하지만 필요 이상의 기능과 많은 파일들로 인해 사용이 불편했습니다. 그래서 단지 3개의 파일만으로 구성했습니다.(날씨 아이콘들은 제외) 이러한 이유로 플러그인의 이름을 ‘워드프레스 테크플레이 심플 날씨 위젯’으로 정했습니다.

날씨 플러그인의 기능

• 관리자 메뉴에서 날씨정보를 나타낼 도시를 지정할수 있습니다. 대표 도시외 숏코드에서 도시지정을 하여 여러 도시를 제한 없이 출력할수 있습니다.
• 관리자 메뉴에서 Openweather API 키를 넣어야 동작 합니다.
• 원하는 위치에 날씨 위젯을 적용할수 있도록 숏코드(Shortcode)를 제공합니다.
• 날씨 정보는 무료API의 제약으로 온도,습도,일출,일몰,풍속,풍향 만 적용되며, 이러한 정보를 사용자가 선택적 으로 노출이 가능합니다.
• 날씨 아이콘은 정적인 이미지 대신 애니메이션 SVG 아이콘을 적용하였습니다.
  출처 : 날씨 SVG 아이콘 – Meteocons, Thank you Bas!

변경 로그

• 풍향 아이콘 추가 및 풍향 텍스트 추가 – 2024.02.15
• 주간데이터 출력 옵션 추가 – 2024.02.15
• 도시명 옆에 날짜와 요일 표시 옵션 추가 – 2024.02.14
• 날씨 설명 옵션 추가 – 2024.02.14
• 성능 문제로 30분 단위로 캐싱 – 2024.01.24
• 날씨 정보 갱신 시 AJAX 형태로 페이지 새로 고침 없이 바로 적용 – 2024.01.24
• 관리자 화면에서 타임존 설정 – 2024.01.21
• 숏코드에 타임존 옵션 추가 – 2024.01.21

플러그인 다운로드

TechPlay Simple Weather Widget

Git clone 주소

git clone https://github.com/noxwon/WP-TechPlayWeather.git

사용예시 숏코드

[simple_weather_widget]

Jerusalem

20°C

[simple_weather_widget show_temperature="true" show_date="true" show_temp_max_min="true" show_humidity="true" show_sunrise="true" show_sunset="true" show_wind_speed="true" show_wind_direction="true" city="Chicago" timezone="America/Chicago"]

Chicago - 9월 19일(목)

Broken clouds

최고: 32°C, 최저: 28°C

30°C

38%

06:35

18:53

3.6 m/s

200° SSW

Thu

Hi 30.5°C

/

Lo 20°C

Fri

Hi 29°C

/

Lo 21.3°C

Sat

Hi 30.5°C

/

Lo 21.3°C

Sun

Hi 23.3°C

/

Lo 17.2°C

Mon

Hi 19.2°C

/

Lo 17.1°C

Tue

Hi 20.4°C

/

Lo 16.4°C

[simple_weather_widget show_temperature="false" show_humidity="false" show_sunrise="false" show_sunset="false" show_wind_speed="false" show_wind_direction="false" city="tokyo"]

Tokyo

Seoul - 9월 20일(금)

최고: 26°C, 최저: 26°C

26°C

Fri

Hi 27.7°C

/

Lo 19°C

Sat

Hi 19.4°C

/

Lo 16.6°C

Sun

Hi 25°C

/

Lo 17.1°C

Mon

Hi 24.7°C

/

Lo 15.7°C

Tue

Hi 25.7°C

/

Lo 15.9°C

Wed

Hi 26.6°C

/

Lo 17°C