استایل دهی المنتور (فونت،رنگ)

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

اصولی ترین روش استایل دهی؛ از طریق قالب است. ما به دو صورت کلی میتوانیم به هر چیزی استایل دهیم :

  1. استفاده از استایل درون صفحه (Inline Style)
  2. استفاده از استایل برون صفحه (Internal style)

در گذشته قبل از اینکه صفحه ساز ها وارد شوند و حتی قبل تر از آن؛ برای استایل دهی به هر چیزی نیازمند آشنایی با کد های html و CSS بودیم. اما هم اکنون اینگونه نبوده و با استفاده از صفحه ساز المنتور میتوانیم هر دو نوع استایل دهی را بدون کدنویسی، اعمال کنیم.

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

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

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

اینکه چگونه سایز فونت ها را در المنتور تغییر دهیم؟ 

چگونه رنگ های نوشته ها را در المنتور عوض کنیم؟

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

توضیح تمامی این موارد در این جلسه.

Share on linkedin
LinkedIn
Share on pinterest
Pinterest
Share on telegram
Telegram
Share on whatsapp
WhatsApp

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

برای بیان ساده اینکه تفاوت استایل درون صفحه و برون صفحه در المنتور، در چیست میتوانیم بگوئیم که :

  1. استایل درون صفحه در المنتور: به استایلی گفته می شود که برای هر ویجت؛ یک فونت مجزا و رنگ مجزا انتخاب کنیم. و هر بار این کار را دوباره تکرار کنیم.
  2. استایل برون صفحه در المنتور: به استایلی گفته می شود که یک بار برای قالب تنظیم میکنیم. سپس از آن استایل تنظیم شده برای قالب؛ در بخش های مختلف سایت از آن بهره می گیریم.

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

نحوه تنظیم استایل برای رنگ ها در المنتور

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

ترجیحا بیشتر از ده رنگ اضافه نکنید. این رنگ ها رنگ هایی هستند که برای استایل دهی المنتور بکار خواهند رفت. برای هر چیز مانند سربرگ، متن کادر و… به هر چیزی که بخواهید استایل بدهید؛ از این رنگ ها استفاده خواهید کرد.

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

نحوه تنظیم استایل و تغییر فونت در المنتور

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

مراحل استایل دهی فونت ها و تغییر فونت در المنتور

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

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

استفاده از استایل ساخته شده در المنتور

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

آموزش ویرایش استایل متن و استایل رنگ در المنتور

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

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

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

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

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

جهت انتخاب پس زمینه سایت و سفارشی ساز آن، ابتدا به قسمت «تنظیمات کلی سایت» مراجعه میکنیم. سپس برای انتخاب تصویر پس زمینه سایت؛ وارد بخش «پس زمینه» می شویم. پس از وارد شدن با بخش های زیر مواجه میشویم.

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

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

شما میتوانید از سه نوع پس زمینه اصلی، برای سایت انتخاب کنید :

  1. پس زمینه تک رنگ: انتخاب رنگی ثابت برای پس زمینه اصلی سایت
  2. انتخاب پس زمینه دو رنگ: در این نوع انتخاب پس زمینه برای سایت، میتوانید دو رنگ را به صورت ترکیبی در سایت خود به کار ببرید.
  3. انتخاب عکس در پس زمینه اصلی سایت: می توانید به صورت یک عکس کامل در پس زمینه اصلی سایت، انتخاب کنید.

نحوه شخصی سازی عکس پس زمینه سایت در المنتور

برای شخصی سازی عکس پس زمینه سایت در المنتور؛ مطابق عکس بالا میتوانید تغییرات زیر را اعمال کنید:

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

ضمیمه: برای ثابت نگه داشتن و متحرک بودن عکس هنگام اسکرول بکار می آید.

تکرار: تکرار شدن عکس هنگام اسکرول و شخصی ساز آن

سایز: برای تغییر سایز عکس جهت انتخاب پس زمینه سایت

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

شاید هنگام طراحی سایت با المنتور، بخواهید بغیر از پس زمینه برای سایت، برای سکشن خود پس زمینه ایجاد کنید. در این هنگام برای ویرایش پس زمینه سکشن، به تنظیمات سکشن رفته به قسمت «استایل» وارد میشویم. و سپس مطابق آنچه که در تنظیمات استایل دهی پس زمینه سایت، انجام دادیم؛ در این قسمت نیز به همانطور میتوانیم پس زمینه دلخواه برای سکشن خود انتخاب کنیم.

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

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

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *