جلسه ۶۲

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

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

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

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

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

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

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

علاوه بر تخفیف همیشگی المنتور پرو 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: در این قسمت تگ آن را مشخص کنید .

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

موفق باشید 

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

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

10 پاسخ

  1. سلام
    برای نوشتن متن متحرک از قسمت چرخشی قسمت انیمیشن / Animation روی حالت Typing
    در حالت ویرایش المنتور همه چی خوبه و درست نمایش میده ولی وقتی صفحه ذخیره میشه وارد خود صفحه میشیم متن حرکت نمیکنه و عوض نمیشه و یک متن ثابت هست ؟
    مشکل از کجاست
    اگر امکانش هست خودتون تست کنید و ببیند برای شما هم همینه و خود المنتور مشکل داره یا نه؟

    1. سلام وقت بخیر
      کندی شدید المنتور در لوکال هاست زمپ معمولاً به دلیل تنظیمات ضعیف PHP، فعال بودن xdebug یا نسخه پایین PHP است. برای بهبود، در فایل php.ini مقدار memory_limit را روی 512M، max_execution_time را روی 300 بگذارید و خطوط مربوط به xdebug را کامنت کنید.
      همچنین از نسخه PHP 8.1 یا بالاتر استفاده کنید. اگر مشکل ادامه داشت، پیشنهاد می‌کنم از لوکال WP به‌جای زمپ استفاده کنید چون برای وردپرس بهینه‌تر و سریع‌تر است.

  2. خیلی راهنمایی خوب و باحالی بود
    حالا چطور این نوشته متجرک که ساختیم رو به هدر انتقال بدیم که وقتی مشتری ها در تمام بخش های سایت وارد می شوند در هدر ببینند نوشته متحرک مارو ؟؟

  3. سلام خسته نباشید.
    من یک عکس دارم که میخوام با انیمیشن نرمی کمی بالا پایین بشه یعنی مثل معلق بودن باشه. ممنون میشم راهنمایی کنید

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

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

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