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


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

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

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

معرفی افزونه Weather Atlas Widget

با نصب این پلاگین، شما دارای یک ویجت قدرتمند خواهید بود که می‌توانید تنظیمات مختلف را برای نمایش آب‌ و هوا در وردپرس اعمال کنید.

این پلاگین قادر است میزان دما، وضعیت جوی، سرعت وزش باد، میزان رطوبت هوا و… را نمایش دهد. از بخش تنظیمات این ویجت می‌توانید هر اطلاعاتی را که نیاز دارید فعال کنید.

از دیگر قابلیت‌های آن می‌توان به شخصی سازی استایل‌ها اشاره کرد. این افزونه به شما اجازه می‌دهد استایل‌های ظاهری مثل سایز فونت و رنگ نوشته‌ها را تغییر دهید تا ظاهر پلاگین با وب‌سایت شما همخوانی داشته باشد.

یکی از بهترین نکات این پلاگین دارا بودن شورت کد است. شما به کمک یک شورت کد می‌توانید وضعیت جوی را در هرجایی از سایت که دوست دارید به نمایش در آورید.

روش کار با پلاگین Weather Atlas Widget

ابتدا این افزونه را از مخزن وردپرس یا از طریق دکمه‌ی زیر دانلود کنید و مانند سایر افزونه‌ها نصب و فعال کنید.

با فعال‌سازی این پلاگین هیچ تنظیماتی در وب‌سایت شما ایجاد نخواهد شد. چون تمامی مراحل در ویجت نهادینه شده است. برای نمایش وضعیت جوی و تنظیمات آن یکی از دو روش زیر را انتخاب کرده و اجرا کنید.

روش اول ) نمایش وضعیت آب و هوا به کمک ویجت

وارد بخش نمایش -> ابزارک‌ها شوید و ابزارکی به نام Weather Atlas Widget را پیدا کنید. می‌توانید این ابزارک را در هر بخشی که قالب شما از ویجت‌ها پشتیبانی می‌کند فعال نمایید.

تنظیمات این ابزارک به شرح زیر است:

Location

نمایش وضعیت آب و هوا با افزونه

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

Settings

در بخش Units واحد اندازه‌گیری را مشخص کنید. آن را روی C (سلسیوس) بگذارید.

Appearance

تنظیمات افزونه هواشناسی بخش ظاهری

Layout: ظاهر نمایش به صورت عمودی باشد یا افقی؟
Font size: برای بزرگ یا کوچک‌تر کردن اطلاعات در سایت فونت سایز را تغییر دهید.
Background color: رنگ پس‌زمینه‌ای که مدنظر شماست را انتخاب کنید.
Text color: رنگ نوشته های متن را تغییر دهید.

Display

Heading برای بخش نمایش اطلاعات آب و هوا یک عنوان بنویسید.
Header: نام شهر خود را در اینجا به فارسی وارد کنید.

Current Condition

امکانات افزونه نمایش وضعیت آب و هوا

گزینه اول برای نمایش ساعت طلوع و غروب آفتاب است و گزینه‌ی دوم برای نمایش سرعت باد، رطوبت، فشار و… است که می‌توانید آن‌ها را فعال یا غیرفعال کنید.

Hourly forecast

این گزینه برای نمایش پیش‌بینی ساعتی وضعیت جوی است. اگر آن را روی Hide قرار دهید، نمایش پیش‌بینی وضعیت آب و هوا غیرفعال می‌شود. در گزینه‌های بعد می‌توانید این امکان را برای بازه‌های زمانی مختلف فعال کنید.

Daily Forcast

پیش‌بیینی وضعیت آب و هوا برای چند روز آینده فعال باشد؟ اگر می‌خواهید آن را غیرفعال کنید گزینه‌ی hide را انتخاب نمایید. بعد از انجام تنظیمات این موارد را ذخیره کنید.

روش دوم – نمایش وضعیت آب و هوا با استفاده از شورت کد

شورت کد این افزونه دارای تنظیمات مختلفی است که برای بررسی آن باید وارد بخش نمایش-> ابزارک‌ها در پنل وردپرس شوید. ویجت Weather Atlas Widget را موقتاً فعال کنید و روی گزینه‌ی shortcode – all options کلیک کنید.

استفاده از شورت کد

در این بخش لیستی از آپشن‌ها قابل استفاده در شورت کد قابل مشاهده است. برای نمونه من شورت کد زیر را ایجاد کرده‌ام:

در این شورت کد به کمک روش اول کد شهر مدنظرم را پیدا کرده و در شورت کد مقابل city_selector  وارد کرده‌ام. نمایش وضعیت طلوع و غروب آفتاب، را غیرفعال کرده و رنگ پس‌زمینه را با رنگ دلخواه تنظیم کرده‌ام.

شما هم می‌توانید تنظیمات مختلف را با توجه به توضیحات روش اول تکمیل نمایید.

توجه : برای تغییر در ظاهر نمایش هواشناسی، به راحتی می‌توانید به کمک کدهای CSS به ظاهر دلخواه خود برسید.

مطالب زیر را حتما بخوانید

ساخت پروفایل کاربری در وردپرس با افزونه Ultimate Member

ساخت پروفایل کاربری در ودرپرس با افزونه ultimate member امکان پذیر است. در این آموزش نحوه ساخت پروفایل، فرم ورود...

تعیین زمان ارسال سفارش محصول در ووکامرس به صورت حرفه‌ای

تعیین زمان ارسال سفارش محصول در ووکامرس از جمله کارهایی است که هر مدیر وب‌سایتی باید به آن تسلط داشته...

معرفی بهترین مجموعه صفحه‌ساز وردپرس برای ساخت و طراحی صفحات سایت

با استفاده از صفحه‌سازهای وردپرس به‌صورت گرافیکی، صفحات سایت خود را طراحی و بسازید.

آموزش بکاپ‌گیری و بازگردانی بکاپ در وردپرس با افزونه UpdraftPlus

بکاپ گیری و بازگردانی آن در وردپرس کار سختی نیست. کافیست کار با افزونه‌ی قدرتمند UpdraftPlus را بیاموزید.

دیدگاهتان را بنویسید

دیدگاهتان را بنویسید