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

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

نویسنده:

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

Statistics-rafiki

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

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۴۰۱-۰۴-۲۴

Work time-rafiki

زمان مطالعه:

13 دقیقه

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

فهرست محتوا

المان تصویر

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

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

تب محتوا

تصویر

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

تب استایل

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

جلسه سوم المنتور : تب استایل در المان تصویر
جلسه سوم المنتور : تب استایل در المان تصویر
  • عرض: از این بخش عرض تصویر تنظیم می‌شود.
  • حداکثر عرض: از این بخش مقدار حداکثر سایز برای تصویر تنظیم می‌شود.
  • ارتفاع: از این بخش ارتفاع تصویر تنظیم می‌شود.
  • فیلترهای CSS: تاری، درخشندگی، کنتراست و اشباع رنگ را برای فیلتر‌های css تصویر خود تنظیم کنید.
  • نوع کادر دور: نوع بوردر موارد مختلفی برای تنظیم کردن دارد، که از این بخش تنظیم می‌شود.
  • گوشه‌های مدور: هر 4 سمت بوردر را می‌توانید مقدار دهی کنید.
  • سایه کادر: با 4 مقدار در این بخش می‌توانید یک سایه مناسب به تصویر خود دهید.

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

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

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

تب محتوا

ویرایشگر متن

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

تب استایل

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

المان دکمه

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

جلسه سوم المنتور: تب محتوا در المان دکمه
جلسه سوم المنتور: تب محتوا در المان دکمه

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

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

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

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

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

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

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