افزودن پسزمینه جزء خلاقانه‌ترین روش‌های طراحی سایت است که در جذب مخاطب و جلب‌توجه بیشتر او تأثیرگذار است. با توجه به اینکه زمان ماندگاری کاربران در سایت بر سئو آن مؤثر است، هر چه می توانید باید سایت خود را جذاب تر ایجاد کنید تا کاربر میل بیشتری به بازدید از بخش های دیگر سایت شما داشته باشد.
یکی از این راه ها استفاده از پس‌زمینه‌ی مناسب است که می تواند رضایت بیشتر آنها را در پی داشته باشد. از این رو قصد داریم در این آموزش انواع پس‌زمینه‌ها را به شما معرفی کنیم و روش استفاده از هرکدام را در المنتور با جزییات توضیح دهیم.
معرفی انواع پسزمینه
افزونه المنتور یک افزونه محبوب وردپرسی است که با ویژگی‌های فوق‌العاده‌اش توانسته جایگاه نخست را در بین صفحه‌سازها به دست آورد. قابلیت‌های المنتور باعث شده طراحان وب‌سایت به راحتی و بدون نیاز به دانش کدنویسی بتوانند بر بستر سیستم مدیریت محتوای وردپرس سایت‌های زیبا و نوآورانه با امکانات پیشرفته طراحی کنند. استفاده از پسزمینه (بک‌گراند) برای صفحات یا بخش‌های طراحی‌شده با المنتور از قابلیت‌های خوبی است که به زیبایی هرچه بیشتر سایت شما کمک می‌کند.
به جرئت می‌توان گفت ایجاد تغییرات پسزمینه با المنتور به‌طور کاملاً منعطف و به سادگی امکان‌پذیر است. در طراحی وب‌سایت 4 نوع کلی بک‌گراند وجود دارد. هریک از این انواع دارای کاربرد خاص در صفحات هستند که در ادامه آنها را توضیح می‌دهیم:
- رنگ ثابت: همه‌ی رنگ‌ها در طراحی وب با یک کد که معمولاً به‌صورت ترکیبی از حروف و اعداد هستند و به آن کد هگزا دسیمال یا (HEX) گفته میشود شناخته می‌شوند. استفاده از رنگ ثابت در عین سادگی کاربردی‌ترین نوع پسزمینه است که در طراحی سایت مورد استفاده قرار می‌گیرد.
- گرادیانت (طیف رنگی): گرادیانت‌ها ترکیبی از دو یا چندرنگ هستند که در یک طیف رنگی جذاب کنار هم قرار می‌گیرند.
- تصویر: استفاده از تصاویر باکیفیت برای بک‌گراند باعث جذابیت بیشتر سایت میشود.
- ویدیو: پسزمینه ویدیویی روش دیگری برای جلب‌توجه کاربران است. البته بهتر است در استفاده از ویدیو بااحتیاط بیشتری عمل کنید تا با کندی سرعت لود سایت خود روبه‌رو نشوید.
استفاده از بک‌گراند در المنتور
یکی از برگه‌های سایت را در حالت ویرایش با المنتور باز کنید یا یک برگه جدید بسازید و پس از نوشتن عنوان برای آن وارد ویرایشگر زنده المنتور شوید. با کلیک روی علامت (+) یک ساختار جدید ایجاد کنید. همچنین میتوانید برای افزایش سرعت طراحی، بلوک‌های پیشفرض المنتور را مورد استفاده قرار دهید. کلیک بر روی آیکون “پوشه” شما را به کتابخانه دموها می‌برد. از سربرگ بلوک‌ها، مورد مناسب را انتخاب و در ویرایشگر المنتور درج کنید. پس از درج بلوک میتوانید هرکدام از عناصر آن را به تناسب نیاز خود شخصی‌سازی نمایید.
آموزش درون‌ریزی دموهای آماده در المنتور
توجه: امکان استفاده از بلوک‌ها و برگه‌های آماده در المنتور رایگان امکان‌پذیر نیست. توصیه می‌کنیم برای دسترسی کامل به همه‌ی قابلیت‌های المنتور ازجمله بلوک‌ها و المان‌های پیشرفته، نسخه‌ی اورجینال المنتور پرو را تهیه و نصب کنید.
برای تغییر بک‌گراند یک ردیف، با کلیک آیکون (:::) وارد پنل ویرایش بخش شوید. در تب “استایل” قسمتی به نام پسزمینه وجود دارد که شامل دو حالت عادی و هاور است. در صورت ایجاد پسزمینه هاور، زمانی که کاربر با ماوس روی ردیف حرکت کند، پس‌زمینه‌های سفارشی که برای این حالت در نظر گرفته‌اید فعال خواهند شد. شما میتوانید هر دو حالت عادی و هاور را با توجه به نیاز خود سفارشی کنید.
انتخاب نوع پسزمینه در المنتور
- کلاسیک: برای تنظیم رنگ ثابت ابتدا نوع کلاسیک را برای پسزمینه انتخاب کنید. سپس از جعبه رنگ‌های المنتور رنگ مورد نظر خود را انتخاب کنید و یا کد رنگ دلخواه‌تان را در قسمت مشخص‌شده برای آن بنوسید. با انتخاب هر رنگ، بک‌گراند ردیفی که در حال ویرایش آن هستید در لحظه تغییر می‌کند. سعی کنید برای انتخاب رنگ ثابت روانشناسی رنگ‌ها و هماهنگی کلی پسزمینه با سایت را در نظر بگیرید تا ظاهری مناسب پیش روی مخاطبان خود قرار دهید.
- گرادیانت: با کلیک نوع گرادیانت برای پسزمینه بخش، می‌بایست دورنگ اصلی و ثانویه، مکان قرارگیری هرکدام، نوع خطی یا شعاعی و زاویه قرارگیری آنها را مشخص کنید تا طیف رنگی ایجاد شود.
- تصویر: علامت (+) در جعبه تصویر، شما را به کتابخانه پرونده‌های چندرسانه‌ای برای انتخاب عکس مناسب برای پسزمینه هدایت می‌کند. پس از انتخاب تصویر برای بک‌گراند میتوانید جایگاه، نوع تکرار و اندازه آن را نیز تغییر دهید.
- ویدیو: آیکون دوربین فیلم‌برداری را برای جای‌گذاری پس‌زمینه‌ی ویدیویی کلیک کنید. سعی کنید حتماً از ویدیوهایی با حجم کم استفاده کنید تا سرعت لود وب‌سایت شما کاهش نیابد و باعث نارضایتی کاربران نشود. نکته‌ی دیگری که باید در نظر داشته باشید خودداری از قرار دادن ویدیو در هاست اصلی است. برای آپلود ویدیوها حتماً از هاست دانلود استفاده کنید. پس از این کار کافیست آدرس لینک ویدیو را در قسمت فیلد مشخص‌شده قرار دهید. همچنین میتوانید زمان شروع و پایان، نمایش یک‌بار و نمایش در موبایل را تعیین کنید.
اکنون می‌دانید که چگونه پس‌زمینه‌های مختلف را برای ردیف تغییر دهید. این کار باعث بهبود طراحی و ایجاد وب‌سایت‌های عالی میشود. اگر برای استفاده از انواع بک‌گراند رنگی، گرادیانت، تصویری و ویدیویی هرگونه سؤالی دارید در قسمت دیدگاه‌های این آمورزش مطرح کنید. همکاران ابزار وردپرس به پرسش‌های شما در کمترین زمان پاسخ خواهند داد.
34 دیدگاه. Leave new
با سلام. من در سایتم از افزونه المنتور و قالب وودمارت استفاده می کنم. وقتی در برگه صفحه اصلی عکس پس زمینه تنظیم می کنم، وقتی که قالب برگه روی پیشفرض هست، نصفه ی بالایی عکس نشون داده نمیشه. در واقع از نصفه عکس به پایین نشون داده میشه و نصفه ی بالایی صفحه اصلی سفید نشون داده میشه. وقتی هم قالب برگه رو روی حالت canvas المنتورمیزارم، عکس پس زمینه کامل نشون داده میشه اما هدر سایت حذف میشه.
چطور می تونم این مشکل رو حل کنم؟ ممنونم
سلام وقت شما بخیر،
در این خصوص آیا حالت پس زمینه را روی کاور قرار دادید و باز مشکل وجود دارد؟
با تشکر.
سلام وقت بخیر
لطف می کنید، سایتی جهت انتخاب اصولی گرادیانت معرفی نمایید؟
سلام وقت شما بخیر،
برای این مورد کافیست عبارت gradient generator را در گوگل جستجو کنید.
با تشکر.
سلام وقت بخیر
ایا میشه به کل صفحه یک رنگ بک گراند بدیم؟بدون ایجاد کانتینر منظورمه
سلام وقت شما بخیر،
بله در تنظیمات صفحه وارد شده و به تب استایل بروید.
با تشکر.
من تو ویرایش گرا المنتور خودم وقتی روی افزودن قالب برای درج کردن قالب های اماده میشوم، بلافاصله بدون هیچ دلیلی بیرون می اید و دوباره و دوباره. چطور میتوانم درستش کنم؟
سلام وقت شما بخیر،
در این خصوص ابتدا پیشنهاد میشود از آپدیت بودن این افزونه در سایتتان اطمینان حاصل نمایید.
با تشکر.
سلام.تشکر ازشما و مجموعه بینظیر شما
سلام وقت شما بخیر،
از لطف شما بسیار ممنونیم
با تشکر.
سلام وفتی میخواهم از قالب های اماده المنتور یا بلوک هایش استفاده کنم نمیشه و خطا میده
خطایش هم همین هست bad request میشه من را راهنمایی کنید ممنون
سلام وقت شما بخیر،
این مورد دلایل مختلفی ممکن است داشته باشد اما پیشنهاد می کنم از آپدیت بودن افزونه المنتور و المنتور پرو اطمینان حاصل کنید ، همچنین گاهی اوقات تنظیمات هاست نیز در این زمینه تاثیر گذار است که پیشنهاد میشود با هاست نیز ارتباط بگیرید
با تشکر.
درود بر شما
من در قسمت محتوای سربرگ اندازه و چیدمان رو ندارم و با تغییر اندازه کانتینر داخلی پس زمینه بزرگ میشه . لطفا راهنمایی بفرمایید.
سلام وقت شما بخیر،
در ابتدا پیشنهاد می کنم که قالب و افزونه المنتور و المنتور پرو را در سایت خود به آخرین نسخه بروزرسانی فرمایید زیرا در این موارد تغییر خاصی رخ نداده است.
با تشکر.
استاد قربون دستت بهترینی
درود بر شما ، از همراهی شما بسیار ممنونیم
سلام خسته نباشید
من میخوام پس زمینه صفحه ی فرود سایتم یک تصویر بزارم که در هر سایزی از دسکتاپ تصویر به طور کامل نمایش داده بشه و دیگ در بعضی از سایز ها صفحه به حالت اسکرول در نیاد . مثل این صفحه ****
چطور می‌تونم این کارو ر و بکنم ؟؟
سلام وقت شما بخیر،
در این خصوص شما میتوانید یک کانتینر ساخته و در تنظیمات آن ارتفاع را 100VH تنظیم کنید و سپس در تنظیمات برای آن یک تصویر پس زمینه درج و اندازه نمایش تصویر را روی پوشش قرار دهید.
با تشکر.
سلام برای ایجاد شکلک های متحرک در پس زمینه آیا افزونه خاصی لازم هست یا باید گیف کار کنیم؟
سلام وقت شما بخیر،
برای این مورد پیشنهاد میشود از آموزش افکت پارتیکل با روولوشن اسلایدر – Particle effect دیدن فرمایید.
با تشکر.
سلام، خدا قوت
برای تصویر اون قسمتی که نوشته ضمیمه کارش دقیقا چیه؟
سلام وقت شما بخیر،
توسط این گزینه میتوانید تنظیم نمایید که پس زمینه ثابت باشد یا همراه با اسکرول صفحه حرکت کند.
با تشکر.
سپاس بی کران 🙂
سلام خسته نباشید
بک گراند المان من وقتی صفحه لود میشه نمایش داده نمیشه تا وقتی که با موس اسکرول انجام بشه
می‌تونید راهنمایی کنید چجوری این مشکل رو رفع کنم؟
سلام وقت شما بخیر،
این موضوع معمولا به دلیل تداخلات طراحی رخ میدهد که در ابتدا پیشنهاد می شود تنظیمات و ساختار صفحه خود را از لحاظ طراحی بررسی فرمایید
با تشکر.
سلام خسته نباشید از آموزش های عالی و کاربردی شما سپاس گزارم. سوالی داشتم اگر لطف کنید راهنمایی بفرمائید.من میخوام یک آیکون را در تمامی صفحات سایتم فیکس داشته باشم مثلا ایکون تماس یا پیام. به این صورت که حتی با اسکرول هم نمایش داده بشه.چطور می تونم این کار رو انجام بدم؟ اینجا نمیشه عکس نمونه مورد نظرم را فرستاد
سلام بر شما ، وقت بخیر از حضور شما ممنونیم.
با برخی ابزار ها ، مثلاً ادان ها و ابزار های المنتوری این کار ممکن است. در صورتی که خریدی داشته اید ، تیکت ارسال نمایید تا بررسی و راهنمایی شوید.
آرزوی موفقیت برای شما داریم.
چشم ممنون
سلام خسته نباشید برای طراحی عکس پسزمینه عرض عکس باید چقدر باشد؟
سلام و عرض ادب
عرض و ارتفاع خاصی نیست که به شما بگوییم.
می توانید 1500 هم در نظر بگیرید ، با تنظیمات طراحی آن را اصلاح نمایید.
با تشکر.
بله ممنون ولی وقتی بخواهیم عکس پرتی نداشته باشد و با صفحه مچ باشد چه سایزی نیاز است!؟
سایز خاصی وجود ندارد ، باید در طراحی تنظیم نمایید.
شما در نظر بگیرید که ده ها سایز نمایش مانیتور وجود دارد ، اگر در طراحی درست نکنید که در هر دستگاه باید مشکل باشد.
با تشکر.
با سلام. چجوری باید تصویر زمینه خود برگه ای که داریم رو تغییر بدیم تو المنتور. منظورم پس زمینه اصلی هست که المان ها درون اون قرار دارند. با تشکر
سلام و عرض ادب
وقت بخیر
وارد بخش تنظیمات سایت شوید ، از آن بخش انجام دهید.
با تشکر.