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

افزودن پس‌زمینه جزء خلاقانه‌ترین روش‌های طراحی سایت است که در جذب مخاطب و جلب‌توجه بیشتر او تأثیرگذار است. با توجه به اینکه زمان ماندگاری کاربران در سایت بر سئو آن مؤثر است، هر چه می توانید باید سایت خود را جذاب تر ایجاد کنید تا کاربر میل بیشتری به بازدید از بخش های دیگر سایت شما داشته باشد.

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

معرفی انواع پس‌زمینه

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

به جرئت می‌توان گفت ایجاد تغییرات پس‌زمینه با المنتور به‌طور کاملاً منعطف و به سادگی امکان‌پذیر است. در طراحی وب‌سایت 4 نوع کلی بک‌گراند وجود دارد. هریک از این انواع دارای کاربرد خاص در صفحات هستند که در ادامه آنها را توضیح می‌دهیم:

1. رنگ ثابت: همه‌ی رنگ‌ها در طراحی وب با یک کد که معمولاً به‌صورت ترکیبی از حروف و اعداد هستند و به آن کد هگزا دسیمال یا (HEX) گفته می‌شود شناخته می‌شوند. استفاده از رنگ ثابت در عین سادگی کاربردی‌ترین نوع پس‌زمینه است که در طراحی سایت مورد استفاده قرار می‌گیرد.
2. گرادیانت (طیف رنگی): گرادیانت‌ها ترکیبی از دو یا چندرنگ هستند که در یک طیف رنگی جذاب کنار هم قرار می‌گیرند.
3. تصویر: استفاده از تصاویر باکیفیت برای بک‌گراند باعث جذابیت بیشتر سایت می‌شود.
4. ویدیو: پس‌زمینه ویدیویی روش دیگری برای جلب‌توجه کاربران است. البته بهتر است در استفاده از ویدیو بااحتیاط بیشتری عمل کنید تا با کندی سرعت لود سایت خود روبه‌رو نشوید.

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

یکی از برگه‌های سایت را در حالت ویرایش با المنتور باز کنید یا یک برگه جدید بسازید و پس از نوشتن عنوان برای آن وارد ویرایشگر زنده المنتور شوید. با کلیک روی علامت (+) یک ساختار جدید ایجاد کنید. همچنین می‌توانید برای افزایش سرعت طراحی، بلوک‌های پیش‌فرض المنتور را مورد استفاده قرار دهید. کلیک بر روی آیکون “پوشه” شما را به کتابخانه دموها می‌برد. از سربرگ بلوک‌ها، مورد مناسب را انتخاب و در ویرایشگر المنتور درج کنید. پس از درج بلوک‌ می‌توانید هرکدام از عناصر آن را به تناسب نیاز خود شخصی‌سازی نمایید.

آموزش درون‌ریزی دموهای آماده در المنتور

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

برای تغییر بک‌گراند یک ردیف، با کلیک آیکون (:::) وارد پنل ویرایش بخش شوید. در تب “استایل” قسمتی به نام پس‌زمینه وجود دارد که شامل دو حالت عادی و هاور است. در صورت ایجاد پس‌زمینه ‌هاور، زمانی که کاربر با ماوس روی ردیف حرکت کند،  پس‌زمینه‌های سفارشی که برای این حالت در نظر گرفته‌اید فعال خواهند شد. شما می‌توانید هر دو حالت عادی و هاور را با توجه به نیاز خود سفارشی کنید.

انتخاب نوع پس‌زمینه در المنتور

• کلاسیک: برای تنظیم رنگ ثابت ابتدا نوع کلاسیک را برای پس‌زمینه انتخاب کنید. سپس از جعبه رنگ‌های المنتور رنگ مورد نظر خود را انتخاب کنید و یا کد رنگ دلخواه‌تان را در قسمت مشخص‌شده برای آن بنوسید. با انتخاب هر رنگ، بک‌گراند ردیفی که در حال ویرایش آن هستید در لحظه تغییر می‌کند. سعی کنید برای انتخاب رنگ ثابت روانشناسی رنگ‌ها و هماهنگی کلی پس‌زمینه با سایت را در نظر بگیرید تا ظاهری مناسب پیش روی مخاطبان خود قرار دهید.
• گرادیانت: با کلیک نوع گرادیانت برای پس‌زمینه بخش، می‌بایست دورنگ اصلی و ثانویه، مکان قرارگیری هرکدام، نوع خطی یا شعاعی و زاویه قرارگیری آنها را مشخص کنید تا طیف رنگی ایجاد شود.
• تصویر: علامت (+) در جعبه تصویر، شما را به کتابخانه پرونده‌های چندرسانه‌ای برای انتخاب عکس مناسب برای پس‌زمینه هدایت می‌کند. پس از انتخاب تصویر برای بک‌گراند می‌توانید جایگاه، نوع تکرار و اندازه آن را نیز تغییر دهید.
• ویدیو: آیکون دوربین فیلم‌برداری را برای جای‌گذاری پس‌زمینه‌ی ویدیویی کلیک کنید. سعی کنید حتماً از ویدیوهایی با حجم کم استفاده کنید تا سرعت لود وب‌سایت شما کاهش نیابد و باعث نارضایتی کاربران نشود. نکته‌ی دیگری که باید در نظر داشته باشید خودداری از قرار دادن ویدیو در هاست اصلی است. برای آپلود ویدیوها حتماً از هاست دانلود استفاده کنید. پس از این کار کافیست آدرس لینک ویدیو را در قسمت فیلد مشخص‌شده قرار دهید. همچنین می‌توانید زمان شروع و پایان، نمایش یک‌بار و نمایش در موبایل را تعیین کنید.

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