بیش از 130 المان سفارشی سازی شده المنتور

عنوان متحرک

ابزارک های پیشرفته المنتور

شروع کنید

چگونه ابزارک عنوان متحرک را برای المنتور پیکربندی و سبک کنیم؟

آیا از استفاده از همان عناوین بی مزه در وب سایت المنتور خود خسته شده اید؟ اکنون می توانید با استفاده از ویجت عنوان متحرک برای المنتور، تیترهای متحرک بسیار جذابی را با صدها افکت/ویژگی ایجاد کنید. عناوین بسیار جذاب ایجاد کنید و مخاطبان خود را در یک تجربه منحصر به فرد غرق کنید. ویجت به شما امکان می دهد پوشش تصویر یا گیف، بیش از 23 انیمیشن را روی عناوین خود اضافه کنید، آیکون ها، رنگ های دوگانه، پرکننده های گرادیان، جداکننده ها، متن سایه و موارد دیگر را اضافه کنید. هیچ پایانی برای خلاقیتی که می توانید با استفاده از ویجت سرفصل متحرک خود انجام دهید وجود ندارد. با تمایز خطوط پانچ و عناوین وب سایت خود، تأثیر شگفت انگیزی بر بازدیدکنندگان سایت خود بگذارید و از بقیه رقبا متمایز شوید.

مورد نیاز

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

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

گام 1

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

Elementor Animated Headline
گام 2

از داشبورد افزونه‌های ایکس پرو، روی تب ابزارک‌ها کلیک کنید، ویجت تیتر متحرک را پیدا کنید و در نهایت، دکمه روشن را برای فعال کردن آن تغییر دهید.

Xpro dashboard highlighting animated heading widget

نحوه استفاده از ویجت عنوان متحرک ایکس پرو برای المنتور

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

گام 1

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

Elementor Animated Headline
گام 2

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

Elementor page builder pointing at animated headline

چگونه با استفاده از ویجت عناوین متحرک ایکس پرو ، عناوین عنوان را اضافه و سبک کنید

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

گام 1

ویجت عنوان متحرک را در صفحه مورد نظر بکشید و رها کنید.

Elementor Animated Headline
گام 2

به برگه محتوا بروید و متن پیش از عنوان خود را در قسمت «عنوان قبل» وارد کنید. این متن را نمی توان متحرک کرد، بنابراین هر خط پانچ که می خواهید قبل از متن متحرک ظاهر شود را وارد کنید. در بخش محتوا، می‌توانید متن عنوان را در سه قسمت مختلف (قبل، متحرک، بعد) تنظیم کنید. بعداً عنوان انیمیشن را امتحان خواهیم کرد. همچنین می‌توانید یک پیوند به عنوان خود اضافه کنید و یک برچسب اچ تی ام ال برای عنوان خود تنظیم کنید، به طور پیش‌فرض به عنوان اچ دو تنظیم شده است. گزینه هم‌ترازی عنوان در برگه سبک در بخش عمومی موجود است.

Elementor animated heading widget display

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

Elementor Animated Headline

نحوه اضافه کردن و سبک کردن عنوان انیمیشن در المنتور

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

با کلمات جدا شده با کاما، عنوان انیمیشن شما به این صورت ظاهر می شود:

Animated Heading Widget 4

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

Xpro Elementor Animated heading widget

پس از طراحی عنوان انیمیشن خود با توجه به رنگ های مورد نظر خود، یک عنوان انیمیشن زیبا و چشم نواز درست به این صورت ایجاد می شود:

gif of animated text heading

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

نحوه اضافه کردن نماد و تنظیم تراز در ابزارک عنوان متحرک

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

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

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

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

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

customization of icon in Elementor animated heading widget

اگر آن را به این صورت تنظیم کنید نماد شما بسیار خوب به نظر می رسد:

Elementor Animated heading widget 5

نحوه اضافه کردن و سبک جداکننده برای عنوان انیمیشن المنتور خود

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

اکنون، دکمه «نمایش نماد» را روشن کنید و از گزینه استایل جداکننده دلخواه خود را انتخاب کنید (از بین 4 شکل منحصر به فرد، متن ساده، نماد، یا ساده/دو خط تیره انتخاب کنید). در اینجا من “شکل 2” را امتحان خواهم کرد. جداکننده را مطابق میل خود قرار دهید (قبل یا بعد از عنوان)

هنگامی که جداکننده از برگه محتوا تنظیم شد، می‌توانید آن را کاملاً از برگه «سبک» طراحی کنید.در زیر منوی جداکننده، اندازه و رنگ شکل را به دلخواه تنظیم کنید. شما همچنین می توانید حاشیه را نیز تنظیم کنید.

نحوه اعمال پوشش تصویر / گیف در عنوان متحرک خود

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

پس از آپلود تصویر/گیف، گزینه ماسکینگ را روشن کنید و موقعیت، پیوست و اندازه تصویر/گیف را تنظیم کنید.

خروجی نهایی یک عنوان شگفت انگیز مانند زیر خواهد بود:

Final display of animated heading

بهترین ابزارک عنوان انیمیشن المنتور

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

افزونه المنتور ایکس پرو طیف وسیعی از ابزارک ها، قالب‌های تم و قالب جعبه را برای المنتور ارائه می‌کند که به شما کمک می‌کند یک وب‌سایت کاملاً کاربردی بدون نیاز به کدنویسی ایجاد کنید. بهترین افزونه های المنتور را برای وب سایت وردپرس خود دریافت کنید