نحوه اعمال پالت رنگ در وب سایت Divi خود

چند چیز بدتر از یک در اینترنت وجود دارد وب سایت ملايم. مطمئناً، برخی از وب سایت ها عمداً ظاهر وحشیانه یا مینیمالیستی را انتخاب می کنند (با نگاهی به Craigslist شما)، اما حتی اینها هم نیستند. محو شدن. داشتن یک پالت رنگ ثابت یک راه مطمئن برای ساختن شماست وب سایت توده های بژ، آن فروشگاه های تک رنگ بدون الهام که deفشار دهید جی سوئیسمطبوعات. خوشبختانه، Divi شما را با ترکیبی از سیستم رنگ جادویی و ویژگی Global Colors پوشش داده است. شما به راحتی می توانید پالت های رنگی را برای خود اعمال کنید وب سایت دیوی نتایج مطمئناً شما را تحت تأثیر قرار می دهد آخرین بازدید.

توصیه های کلی در مورد پالت رنگ

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

1. یک وب سایت با رنگ تیره یا روشن انتخاب کنید

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

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

2. انتخاب رنگ

از لحاظ تئوری ، می توانید خودتان تعیین کنید که چند رنگ در طرح رنگ خود می خواهید. هیچ روش استانداردی برای اعمال یا تعیین پالت رنگ وجود ندارد. با این حال ، برای ایجاد تعادل رنگی خوب با Divi ، توصیه می کنیم از پنج رنگ استفاده کنید.

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

رنگهای پس زمینه

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

رنگ فونت

مورد بعدی که باید انتخاب کنید رنگ فونت است. از نظر منطقی ، رنگ فونت به رنگ پس زمینه ای که انتخاب می کنید بستگی دارد. اگر رنگ زمینه روشن را انتخاب کرده اید ، مطمئن شوید که رنگ فونت شما تیره است و برعکس.

پیوند و رنگ CTA

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

رنگ برای لمس نهایی

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

3. مطمئن شوید که کنتراست کافی وجود دارد

همانطور که قبلاً ذکر شد ، ایجاد تضاد بین برخی از رنگها در طرح رنگی شما ضروری است. اگر از طرح رنگی برای وب سایت استفاده می کنید ، این تضاد در درجه اول به شما کمک می کند تا محتوای نوشته شده ای را که به اشتراک می گذارید قابل خواندن کنید. زیرا ، اگر خواندن مطالب شما آسان نیست ، چه فایده ای دارد؟

4. تعادل مناسب استفاده از رنگ را پیدا کنید

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

اطمینان حاصل کنید که بیشتر اوقات از خنثی ترین رنگ ها در طرح رنگ خود استفاده می کنید و از رنگ های دیگر برای تأکید بر محتوایی که ارائه می دهید استفاده کنید.

چگونه یک پالت رنگ به وب سایت Divi خود اضافه کنید

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

پالت Divi پیش فرض

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

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

سازنده Divi را وارد کنید

چه پالت را در تنظیمات Divi تعریف کنید یا نه ، همیشه امکان اعمال رنگ های مختلف بر روی عناصر سایت خود را خواهید داشت. برای انجام این کار ، به Divi Builder بروید و پارامترهای هر ماژولی را که می خواهید در پالت جدید خود تنظیم کنید وارد کنید.

در زیر رنگ فعلی انتخاب شده برای هر عنصر ، عبارت زیر را مشاهده خواهید کرد نماد بیضی (سه نقطه)به وقتی روی آن کلیک می کنید ، ابزار Magic Color را از Divi نشان می دهید. سازنده رنگهای اخیراً استفاده شده شما و رنگهای موجود در صفحه را در نظر می گیرد تا مجموعه ای از پالت های متعدد از رنگ های مکمل را به شما ارائه دهد که باید به خوبی با هم کار کنند.

رنگها را جهانی تعریف کنید

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

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

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

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

علاوه بر این ، می توانید روی رنگ انتخاب شده راست کلیک کرده و "تبدیل به جهانی" را انتخاب کنید تا به لیست اضافه شود.

این فرآیند را برای هر رنگی در پالت انتخابی خود تکرار کنید تا کل پالت شما در زیر پیوند Global ذخیره شود. این بسیار مهم است زیرا پالت جدید را روی همه عناصر یک صفحه اعمال می کنید.

رنگهای جهانی را اعمال کنید

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

صفحه بعدی جایی است که شما انتخاب می کنید این رنگ را با رنگ کلی خود جایگزین کنید. مطمئن شوید که زیر تعویض با شما کلیک کنید جهانی سپس رنگ کلی را که می خواهید در صفحه گسترش یابد انتخاب کنید. اطمینان حاصل کنید که کادر "جایگزینی همه مقادیر موجود در هر نوع گزینه ، محدود به [درج نوع عنصر فعلی]" را علامت بزنید. این امر تضمین می کند که هر چه باشد ، آن رنگ جایگزین می شود.

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

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

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

بسته

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

لذت بردن!

تصویر ویژه مقاله توسط ART.ICON / shutterstock.com