آیا می خواهید بدانید که چگونه می توان یک تصویر را در حالت شناور با DIVI تغییر داد؟
جلوه های شناور برخی از ساده ترین تعاملات میکرو هستند که یک کاربر می تواند با a داشته باشد سایت اینترنتی. را Divi Theme Builder مجموعه‌ای از افکت‌های شناور فوق‌العاده ساده را ارائه می‌دهد که می‌توانید از آنها برای ایجاد یک تعامل جذاب برای همه کسانی که از شما بازدید می‌کنند استفاده کنید. سایت اینترنتی.
یکی از چشمگیرترین و مفیدترین جلوه های Divi این است که می توانید یک تصویر را زمانی که کاربر مکان نما را روی آن قرار می دهد تغییر دهید.
ما در این آموزش به شما نشان می دهیم که چگونه با قرار دادن نشانگر ماوس بر روی آن، به یک تغییر زیبا دست پیدا کنید.
بررسی
قبل از شروع، بیایید نگاهی به نتیجه ای که می خواهیم به دست آوریم بیندازیم.
با Divi Theme Builder یک صفحه ایجاد کنید
با افزودن یک صفحه جدید به صفحه شروع کنید وب سایت از داشبورد وردپرس
همچنین ببینید: چگونه یک منوی کشویی و فشاری در DIVI ایجاد کنیم؟
سپس یک عنوان به صفحه خود بدهید و سپس روی "کلیک کنید" از Divi ساز استفاده کنید "
سپس بر روی " کلیک کنید طرح بندی را انتخاب کنید«
پیدا کنید و انتخاب کنید " صفحه اصلی نظافت سگ »
یک Layout را انتخاب کنید و روی "کلیک کنید" طرح بندی را انتخاب کنید »
تصاویر خود را پیدا کنید
هنگامی که در Divi Builder هستید، به سادگی تصاویری را که می خواهید افکت را به آن اضافه کنید پیدا کنید.
توجه داشته باشید که می توانید از آن استفاده کنید هر عنصر حاوی تصویر
تنظیمات ماژول را باز کنید
وقتی تصمیم خود را گرفتید، روی نماد چرخ دنده کلیک کرده و وارد کنید پارامترهای ماژول حاوی تصویر
دفعات بازدید: چگونه می توانم پست های وبلاگ را در DIVI شناور کنم؟
در مورد این بسته چیدمان، تصویری که می خواهیم افکت شناور را روی آن اعمال کنیم، پس زمینه سمت راست ترین ستون ردیف اول است.
تنظیمات ستون را وارد کنید.
تصویر را در تنظیمات پیدا کنید
هنگامی که شما در تنظیمات از ستون درست است، حتماً برگه را انتخاب کنید محتویات. به پایین اسکرول کنید تا گزینه مورد نظر را پیدا کنید پایین.
تحت زمینه، Divi به شما این امکان را می دهد که از یک رنگ ثابت، یا یک گرادیان، یا یک تصویر یا یک ویدیو با فرمت mp4. استفاده کنید.
و اگرچه افکت های شناور را می توان برای هر یک از آنها اعمال کرد، ما در تب کار می کنیم تصویر، سوم از سمت چپ.
افکت هاور را فعال کنید
ماوس خود را روی کلمه حرکت دهید زمینه (کوچکترین زیرنویس) و جستجو کنیدنماد فلش در گزینه های ظاهر شده این ضامن برای است جلوه های شناور Divi.
با فعال شدن این گزینه، دو تب جدید ظاهر می شود. برگه سمت چپ تصویر پایه است که بدون تعامل ظاهر می شود.
تصویر جدید خود را انتخاب کنید
وقتی مکان نما را روی تصویر به سمت پایین حرکت می دهید، گزینه های عادی را خواهید داشت: برای جایگزینی تصویر ou برای حذف تصویر.
اگر نماد سطل زباله را انتخاب کنید، افکت شناور را فعال می کند، اما تصویر را ناپدید می کند.
از آنجایی که ما می خواهیم تغییر دادن تصویر روی شناور، ما یا روی خود تصویر کلیک کنید، یا درنماد چرخ دنده .
تصویر شناور را انتخاب کنید (جایگزین)
با این کار کتابخانه رسانه شما باز می شود. سپس می‌توانید تصویر جدیدی را انتخاب کنید که می‌خواهید کاربرانتان هنگام نگه‌داشتن ماوس روی تصویر اصلی ببینند. روی ' کلیک کنیدیک تصویر آپلود کنید'
خطاهای تصویر اصلی را بررسی کنید
ما همیشه به شما پیشنهاد می کنیم که مطمئن شوید که تصویر اصلی نیز ثابت باقی می ماند. بنابراین برای بررسی، روی آن کلیک کنید برگه سمت چپ و مطمئن شوید که تصویر اصلی همچنان در جای خود قرار دارد.
اگر همه چیز خوب است، می توانید تنظیمات خود را ذخیره کنید.
- تنظیمات ستون را ذخیره کنید
- را دوباره فشار دهید کنه سبز برای ذخیره تنظیمات خط
تنظیمات کلی را ذخیره کنید و صفحه را منتشر کنید.
نتیجه
اگر تمام مراحل این آموزش را دنبال کردید، باید این را دریافت کنید.
دانلود DIVI در حال حاضر!!!
نتیجه
Divi's Theme Builder پر از ابزارهای قدرتمندی است که هر کسی می تواند از آن استفاده کند ایجاد یک وب سایت جالب و تعاملی تغییر تصویر شناور که در این راهنما به شما نشان دادیم تنها یکی از ابزارهای بسیاری است.
اگر برای تکمیل پروژه های ایجاد وب سایت خود به عناصر بیشتری نیاز دارید، راهنمای ما را نیز مرور کنید ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
اگر نگرانی یا پیشنهادی دارید، ما را بیابید بخش نظرات برای صحبت در مورد آن اما در ضمن, این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.
...
