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

تقویم Editorial Calendar

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

پلاگین سئو وردپرس Yoast

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

انتخاب ما پلاگین سئو سایت وردپرس Yoast SEO Plugin می باشد. این پلاگین به شما امکان بهینه سازی سایت وردپرس را می دهد، که با آنالیزگر داخلی خود به شما امکان انتخاب عنوان و متاهای مناسب را می دهد. این پلاگین نقشه سایت xml را می سازد که برای موتورهای جستجو بسیار مورد نیاز می باشد. با نصب و پیکربندی این پلاگین سایت وردپرس خود را به صورت کامل بهینه سازی نمایید.

چک کننده نویسنده

مدیریت بلاگ تنها به معنای ایجاد یک عنوان زیبا نیست بلکه کل پیکربندی مقاله و نوشته شما می بایست از نظر ویراستاری نیز به خوبی نوشته شده باشد. پلاگین Writer Checkify ابزاری می باشد که ارسال کننده مطلب را مجبور می سازد چک لیست را قبل از ارسال مطلب تکمیل نمایید. این پلاگین معمولا برای سایت هایی مناسب می باشد که چندین نویسنده دارد و توسط این پلاگین کلیه نویسنده ها یک استاندارد را رعایت می نمایند.

انتشار دهنده Jetpack's Publicize

توسط این پلاگین مطلبی که در سایت ارسال می نمایید به سایر سایت ها ارسال می گردد و در حقیقت باعث بالا رفتن اعتبار مطلب می گردد. Jetpack's Publicize به صورت اتوماتیک مطلب را به شبکه های اجتماعی Facebook, LinkedIn, Twitter, Tumblr, Path, و Google Plus ارسال می نماید.

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

چک کننده لینک ها

توسط Broken Link Checker می توانید وضعیت کلیه لینک های سایت خود را بررسی نمایید. این پلاگین برای بلاگ های بسیار بزرگ که فرصت بررسی کلیه لینک ها نیز بسیار مناسب است. این پلاگین به صورت اتوماتیک کلیه لینک ها و تصاویر سایت شما را بررسی می نماید و در صورت وجود مشکل به شما اطلاع می دهد.

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

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

این کد به مرورگر دستور می دهد که صفحه را به اندازه پیسکل واقعی نمایش دهد. به عنوان مثال در صورتی که عرض سایت شما 1024 باشد سایت در کلیه مرورگرها و رزولوشن ها در همین سایز نمایش داده می شود که باعث اسکرول افقی خوردن سایت در تبلت و موبایل می شود.

سپس کافی است سه فایل CSS برای رزولوشن های مختلف طراحی نمایید و در صفحه HTML خود لینک نمایید:

فایل CSS اول برای رزولوشن های بالاتر از 1024 که برای رزولوشن کامپیوتر و لب تاپ می باشد.

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

فایل CSS سوم برای رزولوشن های صفحه مابین 1024 و 327 پیکسل می باشد، که برای مرورگرهای و ابزارهای میان سایز نظیر تبلت طراحی می گردند.

برای طراحی سایت مختص به هر عرض کافی است عرض مرورگر خود را در محدوده سایز مورد نظر قرار دهید و کدهای CSS خود را به فایل مورد نظر اضافه نمایید.

* دقت نمایید هر کدی که در برای هر سایزی در فایل CSS مورد نظر درج می نمایید برای سایر سایزها مورد استفاده قرار نمی گیرد.

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

معمولا مشکل برای نمایش سایت بین عرض 327 و 1024 می باشد که می توانید آن محدوده را نیز به چند فایل مختلف CSS اختصاص دهید به عنوان مثال از 327 تا 500، از 500 تا 700، از 700 تا 900 و از 900 تا 1024.

با استفاده از کتابخانه bootstrap می توانید پیاده سازی نسخه موبایلی سایت را بسیار راحتر انجام دهید زیرا خود این کتابخانه تغییر سایزهای المان های موجود در صفحه را به صورت خودکار انجام می دهد.

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

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

پیکربندی .htaccess

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

به دو روش می توانید به آن دسترسی داشته باشید:

• پیدا کردن آن در فلدر اصلی وب سایت
• ویرایش آن با استفاده از پلاگین سئو وردپرس به نام Yoast

در این فایل کدی به شکل زیر وجود دارد:

برای آنکه امنیت وردپرس خود را بالا ببرید می بایست کدهای زیر را در آن اضافه نمایید.

امن سازی wp-config.php

برای امنیت فایل تنظیمات wp-config.php وردپرس کد زیر را به آن اضافه نمایید:

جلوگیری از لیست فایل های درون دایرکتوری

توسط کد زیر می توانید جلوی لیست کردن فایل های درون دایرکتوری ها را بگیرید:

غیر فعال نمودن Hotlinking

Hotlinking به عملیات خواندن تصاویر و فایل ها توسط سرورهای دیگر می گویند که با استفاده از این کد می توانید امکان این کار را غیر فعال نمایید:

توجه نمایید نام دامنه خود را به جای YourDomain قرار دهید.

محافظت از فلدر /wp-content

وردپرس تمامی فایل های مدیای خود را در فلدر /wp-content نگهداری می نماید و این فلدر هم چنین جایی می باشد که فایل های قالب و پلاگین ها در آن ذخیره می گردند. بهتر است دسترسی به فایل ها .php را در این فلدر ببندید. برای انجام این کار می بایست فایل .htaccess جداگانه ایجاد نمایید و آن را بر روی این فلدر بارگذاری نمایید. و برای خوانده شدن فقط فایل ها مدیا در این فلدر کد زیر را به فایل .htaccess این فلدر اضافه نمایید:

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

محدود کردن دسترسی به .htaccess

امن سازی وردپرس توسط فایل .htaccess به پایان رسید هم اکنون می بایست دسترسی به فایل .htaccess را محدود نماییم و برای انجام این کار می بایست از کد زیر استفاده شود. این کد دسترسی به کلیه فایل هایی که با HTA شروع می شود را می بندد.

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

طبق گزارش های جدید 47 درصد از کاربرانی که در اینترنت از موبایل برای مرور وب استفاده می نمایند از Apple's iOS برای این کار استفاده می نمایند. وردپرس زمانی که برنامه های موبایل خود را بروز نمود کاملا سازگار با ابزارهای iOS شد و با iOS7 شرکت Apple سازگاری کامل دارد. انجام به روز رسانی های جدید موبایل به مدیران سایت این امکان را داده که به راحتی سایت خود را برای مرورگرهای موبایل طراحی نمایند که این امکانات جانبی شامل:

• سیستم ورود بهینه سازی شده و پیغام ها
• ظاهر تب بیس آسان
• سیستم نظرات و پیغام های بهینه سازی شده
• سیستم های نظر دهی داخلی
• سیستم نمایش مطالب بهینه سازی شده
• امکان لینک دهی از توئیتر
• و سایر رفع عیب ها

هم اکنون که وردپرس برنامه های خود را سازگار با iOS 7 ساخته، شما نیز می بایست مواردی را انجام دهید تا زمانی که کاربر از مرورگرهای موبایل مخصوصا iPhones و iPads برای مرور سایت استفاده می نماید صفحات به درستی به کاربر نمایش داده شود. امروزه برای آنکه از سایر رقبای خود عقب نمایید بهتر است سایت خود را برای مرورگرهای موبایل و ابعاد مختلف صفحات بهینه سازی نمایید. روش های مختفی برای ایجاد نسخه موبایل سایت وجود دارد که در زیر آمده.

ساخت سایت موبایل

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

استفاده از پلاگین

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

یک برنامه برای آن

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

طراحی سایت ریسپانسیو

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

مزایایی سایت وردپرس ریسپانسیو:

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

همیشه طراحی نسخه iOS7 را جزو برنامه های خود قرار دهید زیرا بسیاری از کاربران از آن برای مرور وب استفاده می نمایندو شما با انجام این کار کاربران بسیاری بدست خواهید آورد.

رنگ ها یکی از مهمترین مسائلی است که در هنگام ساخت یک وب سایت باید آن را در نظر گرفت. رنگ ها می توانند بر روی نحوه مشاهده کاربران تاثیر بگذارد. باید موارد زیر را در هنگام انتخاب رنگ بندی در نظر بگیرید:

مخاطبان. چه کسانی مخاطبان من هستند و چه رنگی با فرهنگ و جغرافیای آنها در ارتباط است؟

جذابیت. آیا این رنگ وب سایت من را جذاب می کند؟

احساسات. آیا رنگ ها احساسات مثبت و منفی را تولید می کند؟

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

نحوه انتخاب رنگ بندی مناسب برای وب سایت شما

انتخاب یک طرح رنگ بندی مناسب برای وب سایت شما ممکن است کار سختی به نظر برسد. به خصوص اگر شما در مورد قابلیت های هماهنگی خود اطمینان ندارید و یا احساس می کنید یک طراح ماهر نیستید.

فکرکنید که مشتری شما کمی کوررنگی دارد ، حال باید چه کار کنید؟

چه رنگی را برای وب سایت خود و برای آرم و لوگو استفاده کنید؟

آیا می دانید که چگونه باید رنگ های تکمیلی را با هم ترکیب کنید؟

برای کدام بخش از وب سایت باید از چه رنگ هایی استفاده کنید؟

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

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

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

1.      رنگ مناسب برای وب سایت و نام تجاری خود استفاده کنید.

2.      ترکیب رنگ های مکمل را برای ایجا د رنگ های کامل در وب سایت خود استفاده کنید.

3.      یک رنگ پس زمینه مناسب برای وب سایت خود انتخاب کنید.

4.      استفاده از رنگ های مناسب در مکان های صحیح در وب سایت خود.

چگونه رنگ ها می توانند وب سایت شما و هویت نام تجاری شما را بهبود ببخشند؟

برای مثال، زمانی که می خواهید به کوکاکولا فکر کنید اولین چیزی که به نظرتان می رسد چیست؟

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

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

رنگ قرمز دو هدف حیاتی دارد:

·         رنگ قرمز رنگ آتشی است و باعث می شود که از رقبای خود در قفسه های فروشگاه متمایز شود.

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

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

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

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

سه مرحله استفاده از رنگ ها به شیوه صحیح در وب سایت شما

در هنگام طراحی وب سایت شما سه رنگ اصلی وجود دارد:

1.      انتخاب رنگ غالب به عنوان رنگ نام تجاری شما

2.      انتخاب یک یا دو رنگ دیگر برای ایجاد طرح رنگی برای وب سایت شما

3.      انتخاب یک رنگ پس زمینه برای تکمیل طراحی شما

انتخاب رنگ غالب وب سایت

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

اگر لوگو دارید ، مطمئن شوید که رنگ غالب وب سایت شما همان رنگ لوگوی شما باشد. اگر در مورد لوگو خود مطمئن نیستید و یا لوگو ندارید ابتدا یک لوگو بسازید.

با این حال ، اگر هنوز هم در مورد رنگ غالب وب سایت خود اطمینان ندارید در اینجا راهنمایی هایی کرده ایم:

معنی رنگ ها : نحوه انتخاب رنگ مناسب برای وب سایت شما

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

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

نحوه استفاده از رنگ غالب در وب سایت شما

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

این یک قاعده کلی است:

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

اساسا، رنگ غالب شما باید در برجسته ترین جایی که مشتریان می بینند، قرار بگیرد.

رنگ تکمیلی خود را انتخاب کنید

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

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

زمانی که شما رنگ های غالب خود را انتخاب می کنید بهتر است که رنگ های مکمل خود را نیز با توجه به رنگ غالب انتخاب کنید.

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

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

به عنوان مثال آنها ممکن است زیر نویس، دکمه های ثانویه، جعبه اطلاعات و غیره باشند.

رنگ پس زمینه وب سایت خود را انتخاب کنید

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

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

نحوه انتخاب رنگ پس زمینه مناسب

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

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

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

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

وب سایت های اطلاعاتی و وب سایت های تجارت الکترونیک

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

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

وب سایت های شرکتی / تجاری

وب سایت های تجاری معمولا دو هدف دارد: ارتقاء برند و یا ارتقاء خدمات آن.

بسته به اینکه هدف شما چه باشد ترکیب رنگ بندی متفاوت خواهد بود.

ارتقاء برند

زمانی که می خواهید یک هویت قوی برای نام تجاری ایجاد کنید، باید از رنگ های غالب برای نام تجاری و یا پس زمینه خود استفاده کنید (مانند مثالی که برای کوکاکولا زدیم) . هنگامی که از تنوع رنگ های برای رنگ قالب وب سایت و یا نام تجاری خود استفاده می کنیم، می توانید با این کار نام تجاری خود را در ذهن مشتریانتان به یاد ماندنی تر کنید.

ارتقاء خدمات

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

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

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

وب سایت های شیک و خلاق بیشتر جذاب هستند

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

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

نتیجه گیری

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

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

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

چند ابزار مناسب برای انتخاب رنگ طرح بندی وب سایت

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

ابزارهای آنلاین

ابزارهای رایگان آنلاین برای رنگ بندی در اینترنت وجود دارد.

Color Scheme Designer

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

این ابزار یک رابط کاربری زیبا است که به شما کمک می کند رنگ های زیبا را در عرض چند ثانیه ایجاد کنید.

Kuler

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

Colour Lovers

یک جامعه آنلاین که در آن می توانید طرح های رنگی ایجاد کنید، به اشتراک بگذارید و مرور کنید.

Pictaculous

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

Color Spire

یک رابط کاربری ساده تر می باشد که به شما کمک می کند تا رنگ ها را ایجاد کنید.

Daily Color Scheme

این ابزار هر روز طرح رنگی برجسته ای را به ارمغان می آورد.

Instant Color Schemes

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

Color Rotate

این ابزار بسیار شبیه به نسخه 3D Kuler است.  رابط کاربری دقیقا بصری نیست اما مطمئنا بسیار جذاب و سرگرم کننده است.

برنامه های کاربردی دسکتاپ و ابزارک ها

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

Tangerine (Mac)

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

Color Schemer (Mac or PC)

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

Swatch (Mac)

این ابزار یک نرم افزار کوچک و مفید است که مدیریت و ایجاد رنگ های سفارشی را بر عهده دارد و هر کاربری به راحتی به آن دسترسی دارد.

ColourMod (Mac or PC)

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

طراحی در مورد رنگ ها می باشد. بسیار آسان است که رنگ هایی را در کنار یکدیگر استفاده نماییم که در نهایت حس خوبی ایجاد نمایند. هر چند, برخی از زمان ها اتفاق می افتد که نمی توانید رنگ مناسبی برای رنگ پیشفرض خود انتخاب نمایید و در این زمان می توانید از ابزارهای انتخاب رنگ استفاده نمایید.

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

1. Color Explorer

Color Explorer یکی از مفیدترین ابزارهای رنگ می باشد. در حقیقت, این مورد مناسب ابزارهای بسیاری می باشد, و نه یکی. این ابزار دارای انتخاب کننده رنگ می باشد که همچنین رنگ های پیشنهادی را برای رنگ های جانبی معرفی می نماید, دارای لیست بسیاری بزرگی از رنگ ها می باشد, و ابزار هماهنگ کننده رنگ ها, و ابزاری برای آنالیز رنگ ها, گرفتن رنگ از تصاویر, و همچنین تشخصیص دهنده رنگ از فایل CSS و HTML.

2. Adobe Kuler

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

3. Slayeroffice Color Palette Generator

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

4. ColorBlender

ColorBlender ابزاری رایگان برای ایجاد پلات رنگی می باشد. توسط این ابزار می توانید پلات رنگی خود را به Photoshop/Illustrator منتقل نمایید. به علاوه, قابلیت ارسال پلاته رنگی به ایمیل شما را نیز دارد. همچنین این ابزار طرح های آماده دارد که می توانید از آنها استفاده نمایید.

5. 0 to 255

0 to 255 ابزار انتخاب رنگ دیگری می باشد, اما تمرکز این ابزار در انتخاب تیرگی و روشنی رنگ های هماهنگ می باشد. و بسیار مناسب می باشد زمانی که به دنبال شیدی نزدیک به رنگ بندی خود هستید, و حتی رنگ بندی های متفاوت. برخی زمان های شما به شیدهای هماهنگ برای سایر عناصر صفحه احتیاج دارید.

6. Colorspire

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

7. Color Schemer

This tool امکانات آن به اندازه سایر ابزارها نیست اما زمانی که به قالب رنگی احتیاج داشته باشید این ابزار مناسب است. این ابزار دارای پلات رنگی با 16 رنگ می باشد, که به شما امکان تیره تر کردن و روشن تر کردن پلات رنگی را می دهد, و می توانید به صورت آفلاین از آن استفاده نمایید.

8. Color hunter

color hunter گالری از رنگ های آماده می باشد, که اکثر آنها از تصاویر استخراج شده اند. می توانید ترکیب رنگی را بدست آورید, در صورتی که یک تگ درج نمایید, و یا کد رنگ, و یا همچنین آدرس یک تصویر. شما همچنین می توانید تصویر خود را بارگذاری نمایید و پلات رنگی شما ایجاد می گردد.

9. ColorCombos

ColorCombos ابزار دیگری با قالب های رنگی, اما این قالب ها آماده هستند. می توانید قالب های رنگی را مشاهده نمایید, اما می توانید قالب رنگی مورد نظر خود را همچنین ایجاد نمایید. همچنین توسط این ابزار می توانید قالب رنگی یک سایت را بدست آورید.

10. WebAIM

This tool این ابزار با سایر ابزارهای موجود در لیست متفاوت است. این ابزار ایجاد کننده پلالت نیست, اما این ابزار دارای قابلیت چک کننده کانتراست می باشد. ممکن است رنگ های سازگاری که استفاده می نمایید کانتراست رنگی مناسبی نداشته باشند.

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

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