أداة الطقس

Aesthetic Widget for Weather

This aesthetic weather widget combines a native weather-themed background with refined typography, animated condition icons, and rounded corners. Current temperature, humidity, wind, feels-like temperature, and a five-day forecast form an atmospheric yet readable weather panel.
ابدأ الآن — إنها خدمة مجانية!
118 Used
Aesthetic Widget for Weather

More الطقس Styles

Simple Weather Widget299 Used

Simple Weather Widget

This simple weather widget displays a location, condition icon, current temperature, and short weather description in one horizontal card. Light-blue coloring, navy text, and Open Sans typography create a clear, friendly presentation. The showcase uses Sydney weather in Celsius. With no forecast list or extra metric panels, the Current Weather layout suits community websites, local landing pages, and everyday information sections.

Minimal Weather Widget189 Used

Minimal Weather Widget

This minimal weather widget puts the current temperature first in a clean, monochrome card. A white background, charcoal text, subtle gray accents, and square corners create a restrained look for editorial websites, portfolios, and simple dashboards. The showcase is configured for Copenhagen in Celsius. Its Current Temperature layout omits forecast rows and additional weather details so visitors can read the essentials at a glance.

Small Weather Widget564 Used

Small Weather Widget

This small weather widget presents a city, current temperature, and condition icon in a compact sidebar card. Pale sky-blue coloring, deep navy text, and Inter typography keep the display readable without taking over the page. Configured for Lisbon in Celsius, the compact current-weather layout leaves out forecast rows and extra detail panels. It suits sidebars, narrow columns, and small dashboard sections.

Cute Weather Widget849 Used

Cute Weather Widget

This cute weather widget pairs pastel peach and lavender colors with rounded corners, animated weather icons, and friendly typography. Current conditions and a three-day forecast create a cheerful panel for personal websites, blogs, and local guides. The showcase uses London weather in Celsius. Customize the location, palette, font, card width, and forecast length to make the design your own.

اكتشف المزيد

كيفية إنشاء عنصر واجهة الطقس

Choose your weather location

اختر الموقع الذي تريد معرفة حالة الطقس فيه

أدخل اسم مدينة، أو رمزًا بريديًا، أو إحداثيات لعرض توقعات جوية لموقع محدد. ويمكنك أيضًا استخدام وضع تحديد موقع الزائر عندما تريد أن تعرض الأداة حالة الطقس بناءً على الموقع الجغرافي للزائر.

Customize the forecast display

تخصيص طريقة عرض توقعات الطقس

اختر درجة فهرنهايت أو الدرجة المئوية، وحدد مدة التوقعات الجوية، واختر التفاصيل التي تريد عرضها. وبحسب التصميم، يمكنك عرض درجة الحرارة، ونسبة الرطوبة، وسرعة الرياح، ودرجة الحرارة المحسوسة.

Embed it on your website

قم بتضمينها في موقع الويب الخاص بك

قم بتخصيص الألوان، واطلع على معاينة بطاقة الطقس المتوافقة مع جميع الأجهزة، وانسخ رمز التضمين الذي تم إنشاؤه. الصقه في كتلة HTML مخصصة أو كتلة تضمين، ثم انشر صفحتك وتحقق من طريقة العرض.

معرفة المزيد

اعرض حالة الطقس المحلية بتصميمات مرنة على موقعك الإلكتروني

اعرض حالة الطقس للمواقع التي تختارها

اعرض حالة الطقس لمدينة أو رمز بريدي أو مجموعة إحداثيات تهم جمهورك. أضف تسمية موقع مخصصة لجعل توقعات الطقس أكثر صلة بفندق أو مكان أو مدرسة أو وجهة سياحية أو نشاط تجاري محلي.

Show weather for chosen locations

اختر طريقة عرض توقعات الطقس المناسبة

اختر من بين خيارات التصميمات ما يناسب المساحة المتاحة لديك، سواء كان عرضًا تفصيليًا، أو يوميًا، أو بالساعة، أو يعرض الطقس الحالي، أو يقتصر على درجات الحرارة فقط. تمنحك هذه المرونة عرض توقعات جوية كاملة أو التركيز على تفاصيل الطقس التي يحتاج إليها الزوار أكثر.

Choose the right forecast view

اجعل التوقعات متناسقة مع موقعك الإلكتروني

اختر خلفية ذات طابع معين أو لونًا موحدًا، ثم اضبط البطاقة، وصفوف التوقعات، والنص، وألوان التمييز، والعرض، ونصف قطر الزوايا. تساعد هذه العناصر المرئية على دمج أداة الطقس بسلاسة في تصميم صفحتك الحالي.

Match forecasts to your website

حافظ على وضوح وحدات القياس والعناوين

اعرض درجات الحرارة بمقياس الفهرنهايت أو الدرجة المئوية، وترجم العناوين الأساسية في الأداة بما يناسب جمهورك. كما تساعد الاستجابة التلقائية وإعدادات التحكم في ظهور الأداة على أجهزة الكمبيوتر والهواتف المحمولة في الحفاظ على وضوح معلومات الطقس على مختلف أحجام الشاشات.

Keep units and labels clear

كيفية تضمين عنصر الطقس في WordPress

1احصل على كود التضمين الخاص بك

بعد تخصيص أداة موقع Jotform الخاصة بك، انقر على «جربها على موقعك مجانًا»، ثم انسخ رمز التضمين الذي تم إنشاؤه.

2افتح محرر الصفحة

انتقل إلى منشور أو صفحة WordPress التي تريد عرض الأداة فيها، ثم أضف كتلة جديدة.

3أضف كتلة Custom HTML

حدد Custom HTML والصق كود تضمين أداة موقع Jotform الخاصة بك في حقل HTML.

4حدّث واعرض

انقر على Update أو Publish، ثم افتح الصفحة للتحقق من الأداة المضمنة.

معرفة المزيد

لماذا تتميز أدوات Jotform لمواقع الويب؟

تجعل أدوات Jotform موقع الويب الخاص بك أكثر تفاعلية وتساعد على زيادة معدلات التحويل. تتوفر العديد من الأدوات، بدءًا من تقييمات النجوم وأشرطة تمرير تقييمات العملاء، وصولًا إلى النوافذ المنبثقة التي تعرض تقييمات العملاء وتضمين الوسائط. أضف الأدوات إلى نماذجك أو صفحاتك المقصودة لجمع البيانات، وعرض آراء العملاء، وجمع العملاء المحتملين — دون الحاجة إلى كتابة أكواد.

تضمين الأدوات دون الحاجة إلى كتابة أكواد برمجية

أضف أدوات Jotform إلى موقعك الإلكتروني باستخدام كود تضمين بسيط. خصّص الأداة، واعرض معاينة لشكلها، ثم أدرجها في أي صفحة تدعم HTML المخصص أو حزم التضمين، وكل ذلك دون الحاجة إلى مطور.

أنشئ صفحات أكثر تفاعلية

استخدم أدوات مواقع الويب من Jotform لجمع بيانات العملاء المحتملين، وإظهار تقييمات العملاء، وعرض الآراء الاجتماعية، وتضمين ملفات الوسائط، أو إضافة أدوات مفيدة لصفحات ويب. تقوم كل أداة بمساعدة الزوار على التفاعل مع خدماتك مباشرةً من موقعك الإلكتروني.

احصل على الدعم وقتما تحتاج إليه

إذا كنت بحاجة إلى مساعدة في إعداد أداتك أو تخصيصها أو تضمينها أو استكشاف المشكلات وإصلاحها، فإن فريق دعم العملاء في Jotform متاح على مدار الساعة طوال أيام الأسبوع. يمكنك المتابعة بثقة، مع العلم أن المساعدة متاحة عندما تحتاج إليها.

أين يمكنك استخدام أداة الطقس؟

أضف معلومات الطقس ذات الصلة إلى الصفحات التي قد تؤثر فيها الأحوال الجوية على خطط الزائر أو استعداداته أو قراراته.

صفحات الفنادق والمنتجعات لمساعدة النزلاء على الاستعداد للظروف المحلية قبل إقامتهم.

صفحات الفعاليات لعرض حالة الطقس المتوقعة للحضور قبل الفعاليات الخارجية أو الحضورية.

صفحات الجولات والأنشطة لمساعدة المسافرين في التخطيط للملابس والمعدات وتحديد مواعيد الحجز.

صفحات المدارس والمجتمعات المحلية لتبادل المعلومات حول الأوضاع المحلية مع الأسر والطلاب والمقيمين.

صفحات الرياضة والترفيه لمساعدة الزوار على الاستعداد للألعاب أو المرافق أو الأنشطة في الهواء الطلق.

مواقع الأنشطة التجارية المحلية لتوفير معلومات مفيدة عن حالة الطقس قبل زيارة العملاء.

حوّل العملاء المحتملين إلى مبيعات حقيقية باستخدام منشئ النماذج من Jotform

حوّل التفاعل إلى نتائج فعلية مع Jotform. أنشئ نماذج قوية لجمع بيانات العملاء المحتملين، واستلام المدفوعات، وأتمتة الردود، كل ذلك في مكان واحد. تصل جميع البيانات المرسلة إلى صندوق الوارد في Jotform الخاص بك، حيث يمكنك المتابعة أو الربط مع تطبيقاتك المفضلة.

ابدأ - إنه مجاني!
Convert leads into customers

أسئلة متكررة ومتداولة

  • ما هي أداة الطقس؟

    تعرض أداة الطقس حالة الطقس الحالية وتوقعاته مباشرةً على الموقع الإلكتروني. وبحسب التخطيط المحدد، يمكن للزوار الاطلاع على درجات الحرارة، والتوقعات اليومية أو بالساعة، ونسبة الرطوبة، وسرعة الرياح، ودرجة الحرارة المحسوسة دون مغادرة الصفحة.

  • هل أداة الطقس من Jotform مجانية؟

  • هل يمكنني اختيار الموقع الذي تُعرض فيه الأداة المصغرة؟

  • هل يمكن للأداة استخدام موقع الزائر؟

  • ما هي تصميمات أداة توقع الطقس التي يمكنني استخدامها؟

  • هل يمكنني عرض تفاصيل الطقس إلى جانب درجة الحرارة؟

  • هل يمكنني استخدام درجة مئوية بدلًا من فهرنهايت؟

  • هل يمكنني تخصيص تصميم أداة الطقس؟

  • هل تعمل أداة الطقس على الأجهزة المحمولة؟

  • هل أحتاج إلى كتابة أكواد برمجية لإنشاء أداة الطقس؟

  • ما هي منصات المواقع الإلكترونية التي تدعم أداة الطقس؟

  • هل يمكنني الحصول على مساعدة في إعداد أداة الطقس؟