ارزدیجیتال
حراجی دامنه های ویژهمشاهده





وینگو مارکت
تبلیغات
تبلیغات
تبلیغات تبلیغات
تبلیغات تبلیغات

افزودن امکانات انیمیشنی در وردپرس با افزونه Blocks Animation

افزونه وردپرس , افزونه ها

آیا می‌خواهید انیمیشن‌های CSS را در وردپرس داشته باشید؟ انیمیشن‌ها راهی عالی برای جلب توجه بازدیدکنندگان و برجسته کردن مهم‌ترین محتواها در صفحه سایت هستند. آنها همچنین می‌توانند مشتریان را تشویق کنند تا روی دکمه‌ها و پیوندهای call to action کلیک کنند. پس از این رو کاربرد فراوان دارند. در این مقاله به شما نشان خواهیم داد که چگونه امکانات انیمیشنی در وردپرس ایجاد کنید. با ما همراه باشید…

 

امکانات انیمیشنی در وردپرس

می‌توانید از انیمیشن‌های CSS برای جلب توجه بازدیدکنندگان به قسمت‌های مختلف صفحه در ویرایشگر بلوک استفاده کنید. برای مثال، اگر یک فروشگاه آنلاین دارید، انیمیشن‌ها می‌توانند مهم‌ترین ویژگی‌ها یا بزرگترین نقاط فروش یک محصول را برجسته کنند. انیمیشن‌ها همچنین CTA ها یا همان دکمه‌های call to action را نسبت به بقیه امکانات سایت متمایز می‌کنند. همین امر سبب می‌شود تا شما به یک هدف خاص مانند جذب افراد بیشتر برای مشترک شدن در خبرنامه ایمیل برسید.

 

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

 

ایجاد حالت انیمیشنی با Blocks Animation

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

ابتدا باید افزونه را نصب و فعال کنید. پس از فعال سازی، هر صفحه یا پستی را در ویرایشگر وردپرس باز کنید. سپس، به سادگی بر روی هر بلوک یا بخشی که می‌خواهید متحرک کنید کلیک کرده و زبانه «Block» را در منوی سمت راست انتخاب کنید. خواهید دید که این منو دارای یک بخش جدید “Animations” است.

افزودن امکانات انیمیشنی در وردپرس با افزونه Blocks Animation

برای گسترش بخش “Animations” به سادگی کلیک کنید و سه گزینه مختلف را مشاهده خواهید کرد: Animations, Count Animations, and Typing Animations.

 

“Animations” افکت‌های کوتاهی هستند که یک بار هنگام بارگیری صفحه پخش می‌شوند. برای افزودن این نوع انیمیشن ورودی به وبلاگ وردپرس خود، کافیست روی منوی کشویی کنار «Animation» کلیک کنید.

 

به طور پیش فرض، انیمیشن ورودی به محض بارگیری صفحه پخش می‌شود، اما در صورت تمایل می‌توانید یک تاخیر اضافه کنید. اگر از چندین انیمیشن در یک صفحه استفاده می‌کنید، حتی می‌توانید از تأخیرها برای متحرک کردن انیمیشن‌های خود استفاده کنید تا زیاد نباشند. به سادگی منوی کشویی «Delay» را باز کنید و زمانی را از لیست انتخاب کنید.

 

همچنین می‌توانید با استفاده از منوی کشویی «Speed» انیمیشن را سریع‌تر یا کندتر کنید. همانطور که تنظیمات مختلف را امتحان می‌کنید، می‌توانید با کلیک بر روی «Replay Animation»، انیمیشن را در هر زمانی بصورت پیش‌نمایش ببینید.

 

امکانات انیمیشنی در وردپرس

گاهی برای بولد کردن قسمتی در سایت مانند یک تصویر، یک متن مشخص و … نیازمند امکاناتی هستیم. مثلا امکانات انیمیشنی در وردپرس از بهترین گزینه‌ها بوده که موجب دیده شده و جلب توجه می‌شود. این‌ها می‌توانند نظر مخاطب را جلب کرده و به میزان قابل توجهی ترافیک به سمت شما روانه کنند. این کار را خیلی راحت با کمک یک افزونه رایگان با عنوان Blocks Animation به ویرایشگر بلوک وردپرس اضافه کنید. چنانچه از ویرایشگر کلاسیک استفاده می‌کنید نیز پیشنهاد می‌کنیم از Animate It برای متحرک سازی استفاده نمایید.

این محتوا چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 4 / 5. تعداد رای : 4

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

دانلود

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه وردپرس , افزونه ها
لینک کوتاه مطلب : https://www.20script.ir/?p=61792
مطالب مرتبط
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب