آموزشگاه فطرس

واکنشگرا کردن هدر پویای سایت 1

دسته بندی : آموزش المنتور

واکنشگرا کردن هدر پویای سایت 1

آموزش ویدئویی

آموزش متنی

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

 

آموزش المنتور-واکنشگرا کردن هدر پویای سایت
حالا کارهایی رو که در ویدئوی آموزشی قرار هست انجام بدیم رو در اینجا بصورت خلاصه توضیح میدم.
اول در ویرایشگر المنتور میریم به سراغ حالت موبایل.
در این حالت تصویر لوگوی ما خیلی بزرگ هستش ، پس در ابتدا اندازه ی این تصویر رو از طریق بخش استایل و بعد عرض ابزارک تصویر کوچک می کنیم.
در مرحله ی بعد برای اینکه تصویر لوگوی ما و دکمه ی ما در کنار هم قرار بگیرن ، به هر ستون 50 درصد عرض رو اختصاص میدیم.
حالا عناصر بخش اول هدر ما به درستی در حالت موبایل نمایش داده میشه.
در جلسه ی آینده میریم سراغ ادامه ی طراحی واکنشگرای هدر پویا در المنتور.

نویسنده

نویسنده

میلاد پورزارعی دانش آموخته ی ممتاز رشته ی مهندسی نرم افزار ، طراح سایت ، متخصص سئو ، استراتژیست بازاریابی و فروش

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *