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

خانه » مقالات اموزشی » آموزش جلسه سوم المنتور مقدماتی رایگان
Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
آموزش جلسه سوم المنتور مقدماتی رایگان

نویسنده:

سجاد حسین زاده

Statistics-rafiki

تعداد بازدید:

Calendar-amico (2)

تاریخ انتشار:

2021-03-27

Work time-rafiki

زمان تقریبی مطالعه:

5 دقیقه

جلسه سوم المنتور

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

فهرست محتوا

المان تصویر در المنتور

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

المان تصویر در المنتور
المان تصویر در المنتور

بخش تصویر در تب محتوا

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

اندازه عکس (Image Size)

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

چیدمان (Alignment)

این بخش برای تراز بندی تصویر می‌باشد.

کپشن (Caption)

برای تصویر خود می‌توانید یک متن هم انتخاب کنید که در زیر عکس نمایش داده شود. این مقدار می‌تواند از قسمت رسانه‌ی عکس تنظیم شود و یا به‌صورت داینامیک تنظیم شود.

  • از این قسمت یک لینک برای تصویر خود تنظیم کنید.
  • برای لینک دادن به محل ذخیره خود تصویر در رسانه، فایل رسانه را انتخاب کنید.
  • برای پیوند دادن به یک آدرس url به‌خصوص، آدرس سفارشی را انتخاب کنید.
  • در غیر این صورت بر روی هیچ تنظیم کنید.

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

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

عرض (Width)

از این بخش عرض تصویر تنظیم می‌شود.

حداکثر عرض (Max Width)

از این بخش مقدار حداکثر سایز برای تصویر تنظیم می‌شود.

ارتفاع (Height)

از این بخش ارتفاع تصویر تنظیم می‌شود.

فیلترهای CSS

تاری، درخشندگی، کنتراست و اشباع رنگ را برای فیلتر‌های css تصویر خود تنظیم کنید.

نوع کادر دور (Border Type)

نوع بوردر موارد مختلفی برای تنظیم کردن دارد، که از این بخش تنظیم می‌شود.

گوشه‌های مدور (Border Radius)

هر 4 سمت بوردر را می‌توانید مقدار دهی کنید.

سایه کادر (Box Shadow)

با 4 مقدار در این بخش می‌توانید یک سایه مناسب به تصویر خود دهید.

المان ویرایشگر متن در المنتور

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

المان ویرایشگر متن در المنتور
المان ویرایشگر متن در المنتور

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

حرف اول بزرگ (Drop Cap)

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

ستون‌ها (Columns)

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

فاصله بین ستون ‌ها (Column Gap)

برای ستون‌های متون خود فاصله‌ای را در‌نظر بگیرید.

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

چیدمان (Alignment)

متن به صورت چپ‌چین، راست‌چین، وسط و یا جاستیفای تنظیم می‌شود.

رنگ متن (Text Color)

انتخاب رنگ متن از این بخش امکان‌پذیر است.

تایپوگرافی (Typography)

تنظیمات مربوط به فونت از این بخش تنظیم می‌شود.

المان دکمه در المنتور

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

جلسات بعدی آموزش المنتور

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

سجاد حسین زاده

سجاد حسین زاده

سجاد حسین زاده هستم متولد کرج, بنده از سال ۹۴ سابقه حضور در حوزه وب را دارم. و روزبه‌روز در حال رشد و ارتقای خودم تو این زمینه هستم. از علایقم که بخوام به گم: خب واضحه که عاشق کدنویسی هستم. و همچنین من از معدود افراد برنامه‌نویس ورزشکار هم به‌حساب میام.

تا کنون 132 نفر در کدپز ثبت نام کرده اند.

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