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


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

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

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

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

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

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

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

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

شمارنده اعداد در OptinMonster

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

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

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

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

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

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

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

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

کلید مجوز SeedProd را وارد کنید

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

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

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

ایجاد یک طراحی صفحه اصلی جدید با SeedProd

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

به سادگی ماوس را روی یک الگو نگه دارید و روی دکمه نارنجی بررسی کلیک کنید.

یک الگوی صفحه را انتخاب کنید

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

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

نام صفحه و URL صفحه را وارد کنید

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

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

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

بلوک شمارنده را اضافه کنید

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

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

عنوان پیشخوان را ویرایش کنید

در مرحله بعد، می‌توانید به برگه «پیشرفته» در قسمت تنظیمات بلوک شمارنده در سمت چپ بروید.

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

رنگ و سبک بلوک را ویرایش کنید

پس از آن، می توانید به تب “تنظیمات صفحه” در بالا بروید.

اکنون روی ضامن «وضعیت صفحه» کلیک کرده و آن را به تغییر دهید انتشار.

صفحه شمارنده شماره خود را منتشر کنید

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

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

پیش نمایش شمارنده شماره

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

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

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

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

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

یک شمارنده جدید اضافه کنید

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

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

یک نام برای پیشخوان وارد کنید و یک الگو را انتخاب کنید

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

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

جزئیات شمارنده را اضافه کنید

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

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

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

شماره پیشخوان خود را منتشر کنید

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

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

کد کوتاه پیشخوان را کپی کنید

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

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

اضافه کردن بلوک کد کوتاه به وردپرس

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

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

پیش نمایش شماره شمارنده پلاگین رایگان

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

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

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




– تهیه و ترجمه توسط wordpress-templates.ir

سفارش طراحی سایت به وی تی!