Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> ระบบเครือข่าย >> อินเทอร์เน็ต

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

หากอยากแสดงสภาพอากาศบนเว็บไซต์ อาจคิดถึง Weather Channel ทันที แตกชัง Weather Channel ยังไม่มี Widget ของตัวเอง อาจปล่อยภายในปีนี้ แตตอนนี้ทำยังไง?

โชคดีที่ขาด Widget จากแหล่งสภาพอากาศยอดนิยม ให้โอกาสดูตัวเลือกอื่น มาดูกัน

1. Weather Atlas

ถ้าเว็บใช้ WordPress Weather Atlas Widget ไม่ทำให้ผิดหวัง: Widget สีสันสดใส เรียบง่าย ปรับขนาดได้ เติมข้อมูลสภาพอากาศครบ: อุณหภูมิ, ความชื้น, ลม, ความดัน, สภาพอากาศ

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

Weather Atlas ปรับตัว Mobile/Desktop อัตโนมัติ แสดงหน่วยวัดครบ รูปแบบ Bold, Simple แรงบันดาลใจจาก Material Design ของ Android

จัดรูปแบบแนวตั้งหรือสี่เหลี่ยม Sidebar หรือแนวนอนใน Body หน้าเว็บ ยืดหยุ่น เรียบง่าย สำหรับคนอยากแสดงสภาพอากาศชัดเจน กระชับ

2. Elfsight

หาแบบทันสมัยกว่า (และไม่จำกัด WordPress) Elfsight Weather Widget อาจตอบโจทย์ รูปแบบ Card 風 Mobile-style เหมือนกัน แตปรับแต่งเองบนเว็บพวกเขา ก่อน Embed ลงเว็บตัวเอง

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

ปรับแต่งทั้งหมดไม่ต้องเขียนโค้ด ติดตาม Metrics Widget ดูว่าจดจับสายตาผู้เข้าชมได้ไหม Elfsight สร้าง Widget อื่นๆ ได้อีกเยอะ: Social Share Buttons, Reviews, Maps, PDF Embeds ฯลฯ Weather Widget อาจเป็นจุดเริ่มต้น!

3. WeatherWidget.io

WeatherWidget.io ปรับแต่งบนเว็บได้ "Get the code" เปลี่ยน Location, จำนวนวัน Forecast, ขนาด Widget, Icon Style, Font มี 3 ทางเลือก Forecast: 1 วัน, 3 วัน, 7 วัน มี 3 Icon Style

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

เลือกสีต่าง Default ได้: เลือก Theme หรือปรับสีเอง ให้เข้ากับเว็บ

พอออกแบบ Widget ตามใจ คลิก "Get code" วางโค้ดบนเว็บ

Widget ฟรี ไม่มีโฆษณา

4. Meteored

Meteored Widget สวยกว่า WeatherWidget.io มี Icon Style เยอะกว่า แสดง Preview ไอคอนก่อนคลิก ไม่ต้องกลับไปมา Dropdown

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

Forecast Length: 1-7 วัน

ข้อเสีย: ปรับขนาด Widget ไม่ได้ ค้นหาเมืองไม่ได้ Dropdown ไม่ได้เรียง A-Z หาเมืองยุ่งยาก

5. Show My Weather

Show My Weather สร้าง Widget เร็ว หากไม่อยากปรับแต่งมาก ใส่ Zip Code หมู่บ้านที่ต้องการ หน้าจะแสดง Preview Widget สามารถเปลี่ยนสีได้ แตต้องรู้ Hex Code ปรับขนาด, Padding, Display options ได้ แตต้องรู้จักการปรับแต่งเหล่านี้ล่วงหน้า

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

เปลี่ยน Icon Style ไม่ได้ แตลบได้ Forecast Length ไม่มีตัวเลือก จะเป็น 3 วันตลอด

พอตัดสินใจ Copy HTML Code ที่แสดง วางบนเว็บ

6. Booked.net

Booked.net มี Weather Widget หลากหลาย พร้อมปรับแต่งบ้าง จัดกลุ่ม Widget: Big, Lite, Small

Weather Widget ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ

เจอที่ชอบ คลิก Customize หน้าถัดไป ปรับ Appearance เสร็จ กด Get HTML code วางบนเว็บ

การเลือก Widget ขึ้นอยู่กับ: อยากปรับแต่งมากน้อยแค่ไหน และ Look and feel สุดท้ายที่หวัง สำหรับความสนุกเพิ่มเติมกับ Weather App/Widget ดู Live Weather Wallpapers สำหรับ Android