آموزش وردپرس - دنیای وردپرس ، قالب وردپرس ، افزونه وردپرس، ووکامرس
نمایش وضعیت آب و هوا در سایت وردپرس

نمایش وضعیت آب و هوا در سایت وردپرس با افزونه Awesome Weather Widget

نمایش وضعیت آب و هوا در سایت وردپرس با افزونه Awesome Weather Widget

با افزونه Awesome Weather Widget  قادر به نمایش وضعیت آب و هوا در سایت وردپرس خواهید بود تا آب و هوای تمامی شهر های ایران را در سایت وردپرس خود نمایش دهید!

قصد داریم یک افزونه در رابطه با نمایش وضعیت آب و هوا رو در این مقاله وردپرسی معرفی کنیم ، افزونه ای که با استفاده آن میتوانید وضعیت آب و هوای هر شهری رو که میخواهید برای کاربران خودتون در قسمت ابزارک های سایت به نمایش بگذارید. همراهی همیشگی مبنای وردپرس باشید با معرفی افزونه نمایش وضعیت آب و هوا در وردپرس Awesome Weather Widget.

افزونه Awesome Weather Widget چگونه کار می کند

شرکت OpenWeatherMap  افزونه Awesome Weather Widget  را جهت نمایش وضعیت آب و هوا در سایت وردپرس ساخته است تا این قابلیت بسیار کاربردی در سایدبار سایت‌های وردپرسی قابل‌استفاده باشد، این افزونه از اکتبر سال ۲۰۱۵ از سمت شرکت OpenWeatherMap برای دسترسی کاربران به داده‌های آب و هوایی آن‌ها را موظف به گرفتن کلید API کرده است تا افراد به‌صورت شناخته‌شده و تخصصی از موقعیت آب و هوایی استان خودآگاهی پیدا کنند، ازاین‌جهت شما باید در این سایت ثبت‌نام کنید و این کد را در این افزونه وارد کنید، برای سهولت در استفاده از این افزونه تمام این مراحل را قدم‌به‌قدم با یکدیگر مرور می‌کنیم، پس با آموزش نمایش وضعیت آب و هوا در وردپرس با افزونه Awesome Weather Widget همراه ما باشید.

 

 

در بخش افزونه ها با جستجوی کلمه ” Awesome Weather Widget ”  افزونه Awesome Weather Widget را نصب و فعال کنید

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

پس از نصب افزونه Awesome Weather Widget در نوار کناری (سایدبار) در قسمت تنظیمات روی گزینه   “Awesome Weather”    کلیک کنید و به قسمت تنظیمات این افزونه بروید.

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

قسمت تنظیمات افزونه Awesome Weather Widget :

OpenWeatherMaps APPIDکد API را از سایت “openweathermap.org ”  گرفته و در این قسمت وارد می‌کنید.

Error Handlingاین قسمت دارای سه گزینه برای اختصاص دادن نمایش خطا است که از سمت چپ عبارت است از :

  1. مخفی سازی خطا
  2. دومی نمایش به ادمین
  3. سومی نمایش خطا به همه، بهتر است در صورت بروز مشکل به ادمین نمایش داده شود.

Clear all Awesome Weather Widget Cacheدرصورتی‌که در نمایش ابزارک در سایدبار مشکل داشتید روی این گزینه کلیک کنید تا حافظه پنهان آن را پاک کند و در آخر روی گزینه ذخیره تغییرات کلیک کنید.

 

برای دریافت API بر روی گزینه “Get Your APPID”   کلیک کنید

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

سپس وارد سایت openweathermap.org  می شوید و با کلیک بر روی Sign Up  ، ثبت نام کنید

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

در صفحه بازشده برای ساخت یک حساب کاربری به ترتیب موارد زیر را پرکنید و روی گزینه Create Account کلیک کنید.

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

بعد از ساخته‌شدن حساب کاربری در این سایت در قسمت API Keyes می‌توانید کد API خود را ببینید، این کد را کپی کنید و در قسمت تنظیمات افزونه Awesome Weather Widget در فیلد OpenWeatherMaps APPID پیست کنید.

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

 

کد API خود را در بخش API افزونه وارد کنید تا فعال سازی انجام شود

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

سپس به بخش  نمایش –> ابزارک ها    بروید و از قسمت نوار کناری به قسمت نمایش بروید و روی گزینه ابزارک‌ها کلیک کنید، سپس ابزارک افزونهAwesome Weather Widget را به نوار کناری یا فوتر با کشیدن و رها کردن اضافه کنید.

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

 

بعد از اضافه کردن این ابزارک می‌توانید تنظیمات آن را طبق خواسته خود تغییر دهید:

  1. Search for Your Locationاسم شهر خود را به‌صورت انگلیسی وارد کنید، برای مثال: Tehran
  2. OpenWeatherMap City IDدر این فیلد چیزی ننویسید زیرا به‌صورت خودکار آی دی شهر شمارا وارد می‌کند و یا اگر ID را از قبل دارید وارد کنید
  3. Override Titleبا نوشتن در این فیلد در بالای کادر ابزارک همین متن نمایش داده می‌شود
  4. Unitsبرای نمایش مقیاس فارنهایت و سیلسیوس در نمایش دما استفاده می‌شود
  5. Sizeبرای تغییر سایز ابزارک استفاده می‌شود که شامل عریض و کشیده است
  6. Forecastاین قسمت برای نمایش پیش‌بینی هوا است که تا حداکثر ۵ روز را پیش‌بینی می‌کند
  7. Background Imageاین فیلد برای نمایش پس‌زمینه در ابزارک است که می‌توانید نشانی اینترنتی تصویر خود را در این فیلد بنویسید
  8. Use Different Background Images Based on Weatherدر صورت نداشتن تصویر می‌توانید تیک این گزینه را بزنید تا پس‌زمینه‌هایی مناسب با آب‌وهوای کنونی شما به‌صورت خودکار نمایش دهد
  9. Custom Background Colorدر این قسمت رنگ پس‌زمینه را به‌صورت دستی وارد می‌کنید برای مثال: ff8080 با واردکردن این کد، رنگ پس‌زمینه به صورتی تغییر پیدا می‌کند
  10. Text Color: از قسمت گزینش رنگ می‌توانید رنگ نوشته خود را تغییر دهید
  11. Hide Current Condition Statsبا زدن این تیک مشخصات آب‌وهوا مثل: مقدار رطوبت و سرعت باد را مخفی می‌کند
  12. Hide Weather Attribution: مخفی کردن اسم افزونه از پایین کادر وضعیت آب‌وهوا
  13. Link to Extended Forecastبا زدن این تیک، لینک سایت وضعیت آب‌وهوا به پایین کادر ابزارک اضافه می‌شود
  14. Widget Title: (optional)برای تعیین یک عنوان مناسب برای ابزارک این فیلد را نیز پرکنید
نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

برای جستجوی شهر ها نام لاتین شهر را وارد کنید سپس لیستی از شهر ها برای شما باز می شود که می توانید شهر مورد نظرتان را انتخاب کنید

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

 

 

در تصویر زیر نمایش وضعیت آب و هوا در سایت وردپرس با افزونه Awesome Weather Widget را مشاهده می نمایید

که باکس بالا آب و هوا شهر تهران در سایت وردپرس و باکس پایین آب و هوا شهر رشت در سایت وردپرس

 

نمایش وضعیت آب و هوا در سایت وردپرس
نمایش وضعیت آب و هوا در سایت وردپرس

نظر دهید

آموزش ۰ تا ۱۰۰ کار با وردپرس

برچسب‌ها

crisp direactadmin wordpress آمار وردپرس آموزش AccessPress Instagram Feed آموزش افزونه TablePress آموزش افزونه وردپرس آموزش نصب وردپرس در هاست سی پنل آموزش نمایش اینستاگرام در وردپرس آموزش نمایش پست اکانت اینستاگرام در وردپرس افزونه AccessPress Instagram Feed افزونه اینستاگرام وردپرس افزونه شبکه های اجتماعی وردپرس افزونه وردپرس افزونه گفتگو آنلاین ایجاد نوشته در وردپرس اینستاگرام در وردپرس بخش نوشته ها در وردپرس ثبت دامنه دامنه دایرکت ادمین سازگاری وردپرس با گوگل قابلیت های وردپرس نصب وردپرس نصب وردپرس با xampp نصب وردپرس بر روی دایرکت ادمین نصب وردپرس بر روی لوکال هاست نصب وردپرس بر روی مک بوک نصب وردپرس در لوکال هاست نصب وردپرس در لوکال هاست ویندوز نصب وردپرس در لوکال ویندوز 10 نصب وردپرس در هاست سی پنل نصب وردپرس در ویندوز نمایش اکانت اینستاگرام نمایش اکانت اینستاگرام در وردپرس هاست هاست سی پنل هاست وردپرس وردپرس وردپرس چیست پلاگین وردپرس چت آنلاین چت آنلاین در وردپرس چرا از وردپرس گفتگو آنلاین

وب سایت خودتو بساز

کار با وردپرس
کار با وردپرس

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.

Most discussed