نحوه نمایش انیمیشن شمارش اعداد در وردپرس

نحوه نمایش انیمیشن شمارش اعداد در وردپرس

به دنبال راه هایی برای نمایش یک شمارنده اعداد متحرک در سایت وردپرس خود هستید؟

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

در این مقاله نحوه نمایش انیمیشن شمارش اعداد در وردپرس را به شما نشان می دهیم.

چرا انیمیشن شمارش اعداد را در وردپرس اضافه کنیم؟

نمایش شمارنده اعداد در وب سایت وردپرسی شما یک راه عالی برای جلب توجه کاربران و جلب توجه آنهاست.

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

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

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

افزودن و سفارشی کردن تعداد اعداد در وردپرس معمولاً نیاز به ویرایش کد دارد. این ممکن است برای مبتدیانی که نمی دانند چگونه کد بنویسند دشوار باشد.

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

برای رفتن به بخش دلخواه خود می توانید روی لینک های زیر کلیک کنید.

بهترین راه برای افزودن شمارنده اعداد متحرک در وردپرس استفاده از SeedProd است. این بهترین سازنده وب سایت وردپرس است که یک صفحه ساز کشیدن و رها کردن و گزینه های سفارشی سازی زیادی را ارائه می دهد.

برای این آموزش ما از نسخه SeedProd Pro استفاده خواهیم کرد زیرا شامل بلوک های پیشرفته است و به شما امکان می دهد یک شمارنده اضافه کنید. همچنین یک نسخه SeedProd Lite وجود دارد که می توانید به صورت رایگان آن را امتحان کنید.

اولین کاری که باید انجام دهید این است که SeedProd را نصب و فعال کنید. اگر به کمک نیاز دارید، لطفاً راهنمای ما در مورد نحوه نصب افزونه وردپرس را ببینید.

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

سپس باید به آن سر بزنید SeedProd » صفحات فرود از پنل مدیریت وردپرس شما.

SeedProd به شما امکان می دهد صفحات فرود سفارشی با طراحی حرفه ای، از جمله صفحه به زودی، صفحه حالت پشتیبانی، صفحه ورود و صفحه 404 ایجاد کنید.

ادامه دهید و روی دکمه «افزودن صفحه فرود جدید» کلیک کنید.

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

فقط روی یک الگو قرار دهید و روی دکمه علامت تیک نارنجی کلیک کنید.

اکنون یک پنجره بازشو باز می شود. فقط نام صفحه و URL صفحه را وارد کنید.

سپس روی دکمه «ذخیره و شروع ویرایش صفحه» کلیک کنید.

با این کار سازنده SeedProd با کشیدن و رها کردن راه اندازی می شود.

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

برای افزودن یک عدد متحرک، به سادگی بلوک “Counter” را از منوی سمت چپ بکشید و آن را روی الگو رها کنید.

سپس می توانید بلوک Counter را برای سفارشی سازی بیشتر انتخاب کنید.

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

سپس می توانید به تب Advanced در قسمت تنظیمات بلوک شمارنده در سمت چپ بروید.

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

سپس می توانید به برگه تنظیمات صفحه در بالا بروید.

حالا روی گزینه Page State کلیک کنید و آن را به تغییر دهید انتشار.

سپس می‌توانید روی دکمه «ذخیره» در بالا کلیک کنید و از سازنده صفحه فرود خارج شوید.

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

روش 2: نمایش انیمیشن برای شمارش اعداد با استفاده از شمارنده

راه دیگری که می توانید انیمیشن شمارش اعداد را در وردپرس اضافه کنید، استفاده از افزونه Counter Number است.

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

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

پس از فعال سازی می توانید به اعداد شمارنده » همه شمارنده ها از داشبورد وردپرس خود و روی دکمه «افزودن شمارنده جدید» کلیک کنید.

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

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

سپس می توانید جزئیات شماره شمارنده را اضافه کنید. گزینه هایی برای ویرایش عنوان شمارنده، انتخاب یک نماد و وارد کردن مقدار شمارنده وجود دارد.

با کلیک بر روی دکمه “افزودن شمارنده جدید” در پایین می توانید تعداد شمارنده های دلخواه را اضافه کنید.

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

به عنوان مثال، این افزونه به شما امکان می دهد رنگ عنوان شمارنده، رنگ شماره، اندازه نماد، اندازه فونت، خانواده فونت و موارد دیگر را تغییر دهید.

هنگامی که تغییرات خود را انجام دادید، به بالا بروید و پیشخوان خود را ارسال کنید.

سپس شما می توانید به اعداد شمارنده » همه شمارنده ها از داشبورد وردپرس شما.

ادامه دهید و کد کوتاه پیشخوان را کپی کنید. چیزی شبیه به این خواهد بود:[COUNTER_NUMBER id=41]

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

به سادگی یک پست یا صفحه جدید اضافه کنید یا یک صفحه موجود را ویرایش کنید. هنگامی که وارد ویرایشگر محتوا شدید، فقط روی علامت “+” کلیک کنید و یک بلوک کد کوتاه اضافه کنید.

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

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

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

اگر از این مقاله لذت بردید، لطفا در کانال یوتیوب ما برای آموزش های ویدئویی وردپرس مشترک شوید. شما همچنین می توانید ما را در توییتر و فیس بوک