مقالات دیجیتال مارکتینگ پارس اوستا

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

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

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


Show a Number Count Animation in WordPress



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

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

number-counter-at-optinmonster

افزودن و سفارشی کردن شمارش اعداد در وردپرس معمولاً نیاز به ویرایش کد دارد. این مسئله می‌تواند برای مبتدیانی که نمی‌دانند چگونه کد بنویسند دشوار باشد.
با این اوصاف، بیایید ببینیم چگونه می‌توانید یک شمارنده اعداد متحرک را در وردپرس نشان دهید. ما ۲ روش ساده را با استفاده از یک سازنده وبسایت ممتاز و یک افزونه رایگان پوشش خواهیم داد.
برای رفتن به بخش دلخواه خود می‌توانید روی پیوندهای زیر کلیک کنید.
روش ۱: نمایش یک انیمیشن شمارش اعداد با استفاده از SeedProd
روش ۲: نمایش یک انیمیشن شمارش اعداد با استفاده از شمارنده




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

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

license-key-seedprd

در مرحله بعد، باید از پنل مدیریت وردپرس خود به SeedProd » Landing Pages بروید.
SeedProd به شما امکان می‌دهد صفحات فرود سفارشی با طراحی حرفه‌ای، از جمله صفحه به زودی، صفحه حالت تعمیر و نگهداری، صفحه ورود و صفحه ۴۰۴ ایجاد کنید.
ادامه دهید و روی دکمه «افزودن صفحه فرود جدید» کلیک کنید.

choosing-homepage-design


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

select-page-template

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

ultloginseedprodpagedetails

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

add-the-counter-block

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


edit-the-title-of-the-counter

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

edit-the-color-and-style-of-the-block

پس از آن، می‌توانید به تب “تنظیمات صفحه” در بالا بروید.
اکنون روی دکمه «وضعیت صفحه» کلیک کنید و آن را به انتشار تغییر دهید.

publish-your-number-counter-page

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

number-counter-preview-1



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

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

copy-the-shortcode-for-counter

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

enter-a-name-for-the-counter-and-select-a-template

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

add-counter-details

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

publish-your-counter-number

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

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

copy-the-shortcode-for-counter

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


adding-shortcode-block


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

free-plugin-counter-number-preview

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




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

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها