آموزش تنظیمات المنتور قبل از شروع کار

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

هر سایتی یک استاندارد‌ها و الگوهایی را رعایت می‌کند به عنوان مثال یک سایت استاندارد از پالت رنگی مشخص، فونت مشخص، سایز و ضخامت فونت برای هدینگ ها و… استفاده می‌کند. اگر این موارد را تنظیم نکنید و بخواهید به صورت دستی برای هر المان و ویجت این کارها را انجام دهید به دو مشکل بزرگ بر ‌می‌خورید:

1. سرعت کار طراحی شما به شدت پایین می‌آید.
2. حجم کد‌های شما افزایش می‌یابد: درست است شما کدی نمی‌نویسید اما هر بخشی که به صورت مجزا استایل‌دهی می‌کنید یک کد مجزا هم در css برای آن به صورت اتوماتیک توسط المنتور نوشته می‌شود.

تنظیمات اولیه المنتور به کمک kit‌ پیشفرض

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

• رنگ های عمومی
• فونت های عمومی
• تایپوگرافی
• دکمه‌ها
• تصاویر
• فیلدهای فرم
• سربرگ
• پاورقی
• هویت سایت
• پس‌ زمینه
• طرح‌بندی
• لایت باکس
• انتقال‌های صفحه
• css سفارشی
• تنظیمات اضافه

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

تنظیمات رنگ عمومی در المنتور

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

تنظیمات فونت‌های سراسری

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

تنظیمات تایپوگرافی المنتور

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

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

تنظیمات مربوط به دکمه‌ها

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

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

اگر عادی را انتخاب کنید نمام تنظیمات زیر آن برای حالت نمایش عادی دکمه قرار می‌گیرد و اگر حالت هاور را انتخاب کنید تمام تنظیمات زیر آن برای حالتی که موس روی دکمه قرار دارد لحاظ می‌شود. در قسمت رنگ متن می‌توانید رنگ خود متن را تعیین کنید. قسمت نوع پس زمینه به شما این امکان را‌ می‌دهد که برای دکمه خود یک رنگ ثایت یا یک گرادینت انتخاب کنید هر گزینه‌ای را انتخاب کنید تنظیمات آن نمایش داده می‌شود.

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

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

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

شاید برای شما مفید باشد: آموزش ساخت ایمیل info

تنظیمات تصویر

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

تنظیمات فرم ها

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

مقاله آموزش ساخت منو در المنتور می‌تواند دید خوبی در نحوه استفاده از المان ها به شما بدهد.

تنظیمات هویت سایت

این قسمت برای سئو سایت مهم است در این قسمت از تنظیمات اولیه المنتور مواردی مثل نام سایت که در سربرگ مرورگر و serp گوگل نمایش داده ‌می‌شود و توضیحات سایت که در متادسکریپشن گوگل نمایش داده‌ می‌شود بر اساس نوع قالب شما ‌ممکن است در قسمتی از سایت نیز نمایش داده شود.

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

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

تنظیمات پس زمینه

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

دیگر بخش های تنظیمات المنتور

5 بخش دیگر از تنظیمات اولیه المنتور مانده است که تقریبا نسبت به بخش‌های قبلی تخصصی‌تر است و اگر از Elementor pro استفاده نمی‌کنید به برخی از آنها دسترسی ندارید.

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

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

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

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

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