ترفند: طراحی فوتر مخفی با استفاده از المنتور

Share

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email
اشتراک گذاری در print
طراحی فوتر مخفی با المنتور

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

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

در مرحله، از پیشخوان وردپرس تب قالب ها، گزینه افزودن جدید را بزنید.

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

در مرحله دوم، نوع قالب را روی پاورقی قرار داده، یک نام بنویسید و دکمه ایجاد قالب را بزنید.

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

در این مرحله میتوانید از قالب های آماده کتابخانه المنتور انتخاب کنید، یا فوتر اختصاصی خودتان را طراحی کنید.

بخوانید : چگونه یک فوتر سفارشی با المنتور طراحی کنیم ؟

خب یکی از قالب های آماده را درج می کنیم.

طراحی فوتر سفارشی با المنتور

بعد از درج فوتر، بر روی بخش اصلی کلیک کرده و به تنظیمات پیشرفته بخش برید، سپس مقدار z-index را روی 1 قرار دهید.

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

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

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

section.elementor-element { z-index: 2; }

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

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

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

در آخر توجه داشته باشید، باید پس زمینه تمامی بخش های اصلی (Section) لندینگ ها را سفید کرده تا فوتر در زیر بخش های سایت مخفی شود.

امتیاز دهید

اشتراک گذاری

اشتراک گذاری در telegram
اشتراک گذاری در whatsapp
اشتراک گذاری در facebook
اشتراک گذاری در twitter
اشتراک گذاری در linkedin
اشتراک گذاری در email

آخرین مقالات

آخرین محصولات

آخرین محصولات

برچسب ها

لینک کوتاه

https://elementorfa.ir/?p=16976

نظرات ارزشمند خود را به اشتراک بگذارید

دوازده − دو =

نیاز به کمک دارید؟ پیام دهید
  • بازگشت به کتابخانه

قالب های آماده جدید Travel Kit هم اکنون در افزونه المنتور پرو