جلسه ۶۲

ایجاد تیتر متحرک و جذاب در المنتور

مسعود قربان خانی

مدرس : مسعود قربان خانی

فایل های ضروری و مورد نیاز

پخش ویدیو
ایجاد تیتر متحرک و جذاب در المنتور

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

تخفیف ویژه دانشجویان دوره رایگان المنتور

علاوه بر تخفیف همیشگی المنتور پرو 20% بیشتر تخفیف بگیرید

کد تخفیف : off-elementor

در این نوشته شما می خوانید

استفاده از ویجت Animated Headline

امروز قصد داریم ویجت Animated Headline را به شما معرفی میکنیم این ویجت نیاز به نصب المنتور پرو را دارد و می بایست المنتور پرو را خریداری کنید .

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

نحوه ایجاد عنوان متحرک با Elementor

برای ایجاد یک تیتر متحرک مراحل زیر را انجام دهید .

مرحله 1 : ابتدا یک بخش ایجاد کنید .

ایجاد بخش در المنتور

مرحله 2 : برای بخش خود تعداد ستون به دلخواه انتخاب کنید .

مرحله 3 : در این مرحله باید Animated Headline را در سرچ باکس ویجت های خود کپی کنید و ویجت را پیدا کنید و با کشیدن و رها کردن در ستون خود وارد مرحله 4 شوید .

اضافه کردن تیتر متحرک در المنتور

مرحله 4 : حالا همان طور که تنظیمات این ویجت را مشاهده می کنید می توانید 2 استایل Highlighted یا برجسته و Rotating یا چرخشی را انتخاب کنید .

Headline Animated Highlighted و Rotating

تنظیمات قسمت Highlighted یا برجسته

اگر گزینه برجسته را انتخاب کردید تنظیمات زیر را انجام دهید .

نمونه متن متحرک با المنتور
  1. شکل / Shape : در این قسمت میتوانید یکی از شکل های Circle, Curly, Underline, Double, Double Underline, Underline Zigzag, Diagonal, Strikethrough, و X را انتخاب کنید .هرکدام از این شکل ها جذابیت خاصل خود را دارد.
  2. متن شروع / Before Text : اگر بخواهیم در تصویر بالا این را مشخص کنیم میشود ” آموزش “
  3. متن برجسته / Highlighted Text : متن هایلایت ما هم میشود ” متن متحرک “
  4. متن پایانی / After Text : و متن بعد از هایلایت هم از این قسمت مشخص میشود یعنی “در المنتور سایت “
  5. پخش بی نهایت / Infinite Loop : با فعال سازی این قسمت به صورت بی نهایت انیمیشن نمایش داده می شود .
  6. مدت زمان / Duration : مدت زمان بر اساس ms تعیین میشود .
  7. تاخیر / Delay : تاخیر با فعال سازی پخش بینهایت فعال میشود و میتوانید تاخیر در تکرار را مشخص کنید .
  8. پیوند / Link : میتوانید در این قسمت لینک برای تیتر خود ثبت کنید .
  9. ترازبندی / Alignment: با ترازبندی میتوانید جهت قرار گیری عنوان را مشخص کنید .
  10. تگ اچ تی ال / HTML Tag: در این قسمت تگ آن را مشخص کنید .
نمونه عنوان متحرک در المنتور

تنظیمات قسمت Rotating یا چرخشی

اگر گزینه چرخشی را انتخاب کردید تنظیمات زیر را انجام دهید .

افکت Rotating یا چرخشی تیتر در المنتور
افکت Rotating یا چرخشی تیتر در المنتور
  1. انیمیشن / Animation: در این قسمت  Typing, Clip, Flip, Swirl, Blinds, Drop-in, Wave, Slide, و Slide Down وجود داره که هر کدام انیمیشن جذاب خود را دارد .
  2. متن شروع / Before Text : اگر بخواهیم در تصویر بالا این را مشخص کنیم میشود ” آموزش “
  3. متن در حال چرخش / Rotating Text : متن چرخشی شما یعنی “افکت چرخشی “
  4. متن پایانی / After Text : و متن بعد از هایلایت هم از این قسمت مشخص میشود یعنی “در المنتور سایت “
  5. پخش بی نهایت / Infinite Loop : با فعال سازی این قسمت به صورت بی نهایت انیمیشن نمایش داده می شود .
  6. مدت زمان / Duration : مدت زمان بر اساس ms تعیین میشود .
  7. تاخیر / Delay : تاخیر با فعال سازی پخش بینهایت فعال میشود و میتوانید تاخیر در تکرار را مشخص کنید .
  8. پیوند / Link : میتوانید در این قسمت لینک برای تیتر خود ثبت کنید .
  9. ترازبندی / Alignment: با ترازبندی میتوانید جهت قرار گیری عنوان را مشخص کنید .
  10. تگ اچ تی ال / HTML Tag: در این قسمت تگ آن را مشخص کنید .

با همین یک ویجت میتوانید تیتر های جذابی ایجاد کنید و محتوای سایت خود را جذاب تر برای مخاطب خود نشان دهید .

موفق باشید 

سوالات و مشکلات شما در این جلسه

اگر در این جلسه سوال و مشکلی داری می توانید در این قسمت بپرسید 

2 پاسخ

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

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

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

آپدیت های جدید محصولات

جدیدترین محصولات آپدیت شده