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

بیا شروع کنیم.

یک نگاه یواشکی

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

طرح بندی را به صورت رایگان دانلود کنید

برای دستیابی به طرح های این آموزش، ابتدا باید آن را از طریق دکمه زیر دانلود کنید. من دارم برنده میشم
برای دسترسی به دانلود، باید با استفاده از فرم زیر در لیست ایمیل Divi Daily ما مشترک شوید. در حد نو
مشترک، هر دوشنبه چیزهای Divi بیشتری و بسته طرح بندی Divi رایگان دریافت خواهید کرد! اگر در حال حاضر فعال هستید
لیست، فقط آدرس ایمیل خود را در زیر وارد کنید و روی دانلود کلیک کنید. شما “دوباره مشترک” نخواهید شد یا ایمیل های اضافی دریافت نمی کنید.

برای وارد کردن قالب پاورقی به کتابخانه Divi خود، موارد زیر را انجام دهید:

1. به Divi Theme Builder بروید.
2. روی دکمه Import در گوشه سمت راست بالای صفحه کلیک کنید.
3. در پنجره قابل حمل، تب import را انتخاب کنید
4. فایل مورد نظر را برای دانلود از رایانه خود انتخاب کنید (مطمئن شوید که ابتدا فایل را از حالت فشرده خارج کرده و از فایل JSON استفاده کنید).
5. سپس روی دکمه import کلیک کنید.

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

بریم سراغ آموزش، درسته؟

شروع با یک الگوی فوتر آماده

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

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

پس از دانلود فایل فشرده، آن را از حالت فشرده خارج کنید.

برای آپلود فایل JSON از حالت فشرده در تم ساز، موارد زیر را انجام دهید:

1. به Divi Theme Builder بروید.
2. روی دکمه Import در گوشه سمت راست بالای صفحه کلیک کنید.
3. در پنجره قابل حمل، تب import را انتخاب کنید
4. فایل مورد نظر را برای دانلود از رایانه خود انتخاب کنید (مطمئن شوید که ابتدا فایل را از حالت فشرده خارج کرده و از فایل JSON استفاده کنید).
5. تیک گزینه هایی را که جایگزین الگوهای فعلی شما می شوند بردارید.
6. سپس روی دکمه import کلیک کنید.
7. گزینه “Import them as static layouts…” را انتخاب کنید.
8. سپس دوباره روی دکمه import کلیک کنید.

هنگامی که قالب در Theme Builder بارگذاری شد، سربرگ قالب را حذف کنید (برای این کار به آن نیازی نداریم) و برای ویرایش پاورقی قالب کلیک کنید.

چگونه ماسک های پس زمینه را به Divi Footer خود اضافه کنید

یک ماسک پس‌زمینه به بخش حاوی محتوای فوتر اضافه کنید

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

برای این کار تنظیمات بخش را باز کنید. در زیر گزینه های پس زمینه، تب Mask را انتخاب کنید و یک ماسک پس زمینه را به صورت زیر به تب اضافه کنید:

• ماسک: مثلث
• رنگ ماسک: #2c98ff
• تبدیل ماسک: تلنگر افقی، تلنگر

در اینجا نتیجه است.

تنظیم ماسک برای دستگاه های تلفن همراه

برای اینکه طراحی ماسک پس‌زمینه روی موبایل نیز خوب به نظر برسد، باید تنظیماتی را انجام دهیم. هر ماسک ممکن است به تنظیمات متفاوتی نیاز داشته باشد، اما به طور کلی تنظیمات زیر باید برای اکثر افراد کارساز باشد.

تنظیمات/برگه‌های قابل تنظیم را برای گزینه‌های پس‌زمینه فعال کنید و تب تبلت را انتخاب کنید. سپس گزینه های ماسک زیر را به روز کنید:

• تبدیل ماسک: چرخش
• اندازه ماسک: مناسب
• موقعیت ماسک: بالا سمت راست

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

در حال آزمایش پوسته ها و رنگ های جدید

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

ماسک با تیغه

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

در اینجا نتیجه است.

خطوط مورب

انتخاب کنید خطوط مورب ماسک برای ظاهری متفاوت

در اینجا نتیجه است.

لانه زنبوری (خوب)

برای ایجاد یک ماسک پس زمینه ظریف تر (و تیره تر) با استفاده از Honeycomb، موارد زیر را به روز کنید:

• ماسک: لانه زنبوری
• رنگ ماسک: rgba (44,152,255,0.18)
• ماسک تبدیل: معکوس

در اینجا نتیجه است.

حباب گوشه (قاب بندی خوب)

می توانید از ماسک Corner Blob برای اضافه کردن یک طرح حاشیه ظریف در اطراف فرم تماس پاورقی استفاده کنید. فقط موارد زیر را به روز کنید:

• ماسک: حباب گوشه
• رنگ ماسک: rgba (44,152,255,0.18)
• تبدیل ماسک: چرخش، تلنگر

در اینجا نتیجه است.

نتایج نهایی

بیایید نگاهی به نتایج نهایی بیندازیم.

افکار نهایی

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

مشتاقانه منتظر شنیدن نظرات شما هستم.

به سلامتی!