ایجاد تیتر متحرک در وردپرس (آموزش گام به گام)

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

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

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

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

گام اول: وارد بخش «برگه ها» شوید، صفحه مورد نظر را انتخاب کنید و روی گزینه «ویرایش با المنتور» بزنید.

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

گام سوم: از تب «محتوا» و بخش Headline، حالت Rotating را برای تعویض کلمات یا حالت Highlighted را برای برجسته کردن بخشی از تیتر انتخاب کنید.

گام چهارم: در فیلد Before Text متن قبل از بخش متحرک را وارد کنید. سپس کلمات متحرک را در بخش Rotating Text و متن پایانی را در قسمت After Text بنویسید.

گام پنجم: از قسمت Animation نوع حرکت مانند تایپ، چرخش، اسلاید یا محو شدن را انتخاب کنید و با گزینه های Duration و Infinite Loop سرعت و تکرار حرکت را تنظیم کنید.

گام ششم: وارد تب «استایل» شوید و رنگ، فونت، اندازه و ضخامت متن ثابت و متحرک را تغییر دهید.

گام هفتم: تراز تیتر و تگ HTML مناسب را مشخص کنید، نتیجه را در نسخه موبایل بررسی کنید و در پایان روی «به روزرسانی» بزنید.

در نتیجه

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

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

سوالات متداول

• آیا برای ایجاد تیتر متحرک به کدنویسی نیاز داریم؟

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

• آیا ایجاد تیتر متحرک باعث کاهش سرعت سایت می شود؟

اگر از افزونه های استاندارد و انیمیشن های سبک استفاده کنید، تاثیر محسوسی بر سرعت سایت ایجاد نمی شود. با این حال، استفاده زیاد از افکت ها ممکن است حجم صفحه را افزایش دهد.

• آیا ایجاد تیتر متحرک در وردپرس با نسخه رایگان المنتور امکان پذیر است؟

خیر این قابلیت در نسخه رایگان المنتور وجود ندارد و برای این کار باید از افزونه المنتور پرو استفاده کنید.