طراحی هدر شفاف در المنتور به ما کمک میکند که وبسایتی جذاب تر داشته باشیم. اکثر افراد برای صفحات خاص خود مثل صفحه اصلی و یا صفحه خدمات که می خواهند جلوه بیشتری را داشته باشد از طراحی هدر شفاف در المنتور استفاده میکنند و قبل از آن شما باید حتما جلسه طراحی هدر وردپرس را دیده باشید.
طراحی هدر شفاف در المنتور
ما برای اینکه بتوانیم طراحی هدر شفاف در المنتور را در سایت خود انجام دهیم در اولین قدم باید وارد پیشخوان وردپرس خودمون بشیم و از منو سمت راست وارد قالب ها شویم و از آنجا و بالای صفحه از گزینه افزودن قالب جدید کلیک کنیم تا بتوانیم همانند جلسه قبل هدری را برای سایت خود بسازیم.
در اینجا فرض می کنیم که هدر ما آمادست و هدرمون را داریم ولی خب قصد ما طراحی هدر شفاف در المنتور می باشد. برای اینکار باید کانتینر اصلی هدر خودمون را انتخاب کنیم و از تب پیشرفته در المنتور مارجین و یا حاشیه خارجی را از پایین بر روی عدد منفی 100 پیکسل تنظیم کنیم.
این به آن معناست که هر چیزی که در پایین هدر قرار دارد را 100 پیکسل به بالا بکشاند و کارمان اینجا تمام است و حال از طریق انتشار میگوییم که کدام صفحه ما این هدر را داشته باشد.
فرض کنیم که صفحه ای به نام طراحی سایت اصفهان داریم و برای آن طراحی هدر شفاف در المنتور انجام می دهیم. وارد ویرایش با المنتور صفحه خودمون می شیم و از تب استایل یک تصویر برای پس زمینه انتخاب می کنیم و از تب طرح بندی کمترین ارتفاع را بر روی 100vh قرار می دهیم که تصویر ما کل صفحه را در بر بگیرد.
و صفحه خودمون را بروزرسانی می کنیم ولی اگر سایت و صفحه خودمون را مشاهده کنیم میبینیم که فقط مثلا فهرست ما نمایش داده شده است و یکسری المان ها را از دست داده ایم پس در ادامه طراحی هدر شفاف در المنتور باید وارد ویرایش هدر خودمون بشیم و کانتینر اصلی را انتخاب کنیم و از تب پیشرفته z-index را بر روی عدد 9 تنظیم کنیم که بگوییم هدرمان اولویت بیشتری نسبت به بقیه المان ها دارد.
حال همه چیز تمام است و کارمان را به درستی انجام داده ایم. برای اینکه مطلب را روان تر دریافت کنید حتما از ویدیو بالای این مقاله استفاده کنید.