آیا می خواهید با استفاده از حالت ترکیب الگوی تصاویر پس زمینه منحصر به فرد ایجاد کنید DIVI ?
تنظیمات الگوی پس زمینه داخلی DIVI به شما این امکان را می دهد که طرح های چشم نواز ایجاد کنید و به تصاویر پس زمینه خود سبک بیافزایید وب سایت. می توانید از تنظیمات حالت ترکیبی برای تنظیم دقیق نحوه ترکیب الگو با تصویر پس زمینه استفاده کنید.
در این آموزش قصد داریم چند مثال در مورد نحوه اضافه کردن حالت ترکیب الگو به تصاویر پس‌زمینه صفحه به شما نشان دهیم. آنها را دنبال کنید تا به تنهایی این ظاهرها را بازسازی کنید یا از آنها به عنوان الهام برای ایجاد طرح های سفارشی خود استفاده کنید.
بیایید شروع کنیم!
بررسی
در اینجا پیش نمایشی از آنچه در این آموزش طراحی خواهیم کرد، آمده است.
طرح اول
طرح دوم
طرح سوم
نحوه استفاده از حالت های ترکیب الگو در تصاویر پس زمینه Divi
یک صفحه جدید با یک طرح از پیش تعریف شده ایجاد کنید
ما با استفاده از یک طرح از پیش تعریف شده از کتابخانه شروع می کنیم DIVI. برای این طراحی ما از « صفحه فرود مارینا "از بسته چیدمان مارینا .
یک صفحه جدید به صفحه خود اضافه کنید وب سایت و به آن عنوان بدهید، سپس گزینه Use Divi Builder را انتخاب کنید.
ما از یک طرح از پیش ساخته شده از کتابخانه Divi برای این مثال استفاده خواهیم کرد، پس انتخاب کنید طرح بندی ها را مرور کنید.
طرح بندی را پیدا کرده و انتخاب کنید صفحه فرود مارینا.
Sélectionnez از این طرح بندی استفاده کنید تا طرح بندی را به صفحه خود اضافه کنید.
اکنون آماده طراحی هستیم.
طرح اول
برای اولین طراحی خود، یک الگوی شورون را به تصویر هدر اول اضافه می کنیم. این مقداری جذابیت بصری به هدر اضافه می کند.
همچنین بخوانید: Divi: نحوه سفارشی سازی ماژول "Countdown Timer" با یک GIF
با توجه به حالت ترکیبی که اعمال خواهیم کرد، الگوی ظریف تر خواهد بود و همچنان اجازه می دهد تصویر پس زمینه قابل مشاهده باشد.
ابتدا تنظیمات بخش را باز کنید و به بخش بروید زمینه. روی تب کلیک کنید الگوی پیش زمینه و انتخاب کنید اضافه کردن الگوی پس زمینه.
بعد، نوع الگو را انتخاب کنید. همانطور که می بینید، قالب های مختلفی برای انتخاب وجود دارد، و همه آنها را می توان با تنظیمات قالب زیر سفارشی کرد.
- نوع الگو: شاه ماهی وارونه 2
حالت "Pattern Blend" اضافه شد
در نهایت حالت ترکیب الگو را تنظیم کنید. ما از حالت ترکیبی استفاده خواهیم کرد نور نرم برای این مثال این حالت ترکیبی الگو را ظریف‌تر می‌کند تا از تصویر پس‌زمینه منحرف نشود.
- حالت ترکیب الگو: نور ملایم
نتیجه
در اینجا طرح نهایی اولین نمونه ما است.
اینم نسخه موبایل
طرح دوم
برای طرح دوم، از یک الگوی موجی استفاده می‌کنیم که روی تصویر پس‌زمینه و شیب پوشانده شده است، که به خوبی با موضوع دریایی صفحه مطابقت دارد.
ابتدا وارد بخش شوید "چگونه کار می کند" و تنظیمات بخش را باز کنید.
تنظیمات را باز کنید زمینه، سپس برگه را انتخاب کنید الگوی پیش زمینه، سپس روی کلیک کنید اضافه کردن الگوی پس زمینه.
برای این طرح از نوع الگو استفاده می کنیم امواج.
- نوع الگو: امواج
سپس رنگ الگو را به سفید تغییر دهید.
- رنگ الگو: #FFFFFF
حالت ترکیب الگو اضافه شد
اکنون می توانیم حالت ترکیب را به الگوی خود اضافه کنیم. حالت ترکیب الگو را روی پوشش.
همچنین کشف کنید: Divi: نحوه سفارشی سازی نمادهای سبد و جستجوی ماژول "Fullwidth Menu".
این حالت ترکیبی رنگ های تیره را در تصویر پس زمینه تیره و رنگ های روشن را روشن می کند.
- حالت ترکیب الگو: همپوشانی
نتیجه
در اینجا نتیجه نهایی مثال دوم اعمال شده در بخش است "چگونه کار می کند".
و اینم نسخه موبایل.
طرح سوم
بیایید طرح سوم خود را شروع کنیم.
برای این چیدمان، نوارهای مورب مات را به پس‌زمینه «» اضافه می‌کنیم. فراخوانی برای اقدام"
با باز کردن تنظیمات بخش شروع کنید و به بخش بروید زمینه. روی تب کلیک کنید الگوی پیش زمینه، سپس انتخاب کنید اضافه کردن الگوی پس زمینه.
الگو را انتخاب کنید راه راه های مورب.
بعد، رنگ الگو را تنظیم کنید.
- رنگ الگو: rgba(255,255,255,0.25)
با استفاده از تنظیمات Transform Pattern، الگو را به صورت افقی برگردانید. این یکی دیگر از پارامترهایی است که می تواند به شما کمک کند الگو را مطابق میل خود تنظیم کنید.
- تبدیل الگو: افقی
حالت ترکیب الگو اضافه شد
در نهایت حالت ترکیب الگو را تنظیم کنید. برای این طراحی، از حالت ترکیبی استفاده خواهیم کرد روشنایی.
همچنین راهنمای ما را در اینجا بخوانید: Divi: چگونه از "Gradient Builder" برای زیباسازی تصاویر خود استفاده کنیم
این، همراه با رنگ الگوی ما، یک صفحه روشن به تصویر اضافه می کند و در عین حال به عکس اجازه می دهد تا از طریق آن نشان داده شود. با این طراحی، تصویر قایق بیشتر از پس‌زمینه متمایز می‌شود، زیرا الگوی آن کنتراست متمایز را اضافه می‌کند.
- حالت ترکیب الگو: درخشندگی
نتیجه
در اینجا طرح نهایی برای این بخش آمده است.
و اینم نسخه موبایلش.
نتیجه نهایی
حالا بیایید نگاهی به طراحی کامل صفحه با حالت های ترکیب الگو بیندازیم.
دانلود DIVI در حال حاضر!!!
نتیجه
افزودن یک الگو می تواند راهی عالی برای افزودن جذابیت بصری به تصویر پس زمینه شما باشد، اما گاهی اوقات الگو می تواند تصویر پس زمینه را تحت تاثیر قرار دهد. خوشبختانه، Divi دارای حالت های ترکیبی فراوانی است، بنابراین می توانید الگوها را تا آنجا که می خواهید سفارشی کنید.
امیدواریم این آموزش الهام بخش شما برای پروژه های بعدی Divi باشد. اگر نگرانی یا پیشنهادی دارید، ما را بیابید بخش نظرات برای بحث در مورد
همچنین می توانید مشورت کنید منابع مااگر به عناصر بیشتری نیاز دارید تا پروژه های ایجاد سایت های اینترنتی خود را انجام دهید.
دریغ نکنید که با راهنمای ما در این زمینه نیز مشورت کنید ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید.
...
