ایجاد نوار پیشرفت مطالعه در وردپرس با افزونه وردپرس Worth The Read

نوار پیشرفت مطالعه در وردپرس با افزونه Worth The Read

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

چرا و چه زمانی باید قابلیت نوار پیشرفت مطالعه در وردپرس را ایجاد کنید؟

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

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

اما ایجاد نوار پیشرفت مطالعه در وردپرس هم باعث جذابیت سایت شما می‌شود. نوار پیشرفت باعث تشویق کاربر می‌شود تا مطلب در حال خواندن خود را به پایان ببرد.

با این حال باید مطمئن شوید نوار پیشرفت مطالعه باعث تشویق کاربر به ادامه خواندن می‌شود و تجربه کاربری (UX) را خراب نمی‌کند.

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

اضافه کردن نوار پیشرفت مطالعه در وردپرس به پست‌ها با افزونه Worth The Read

ابتدا از پیشخوان وردپرس خود به بخش افزونه ها > افزودن بروید.

افزونه Worth The Read را نصب و فعال نمایید.

پس از فعالسازی افزونه، به منوی پیشخوان شما گزینه‌ای به نام Worth The Read اضافه می‌شود.

نوار پیشرفت مطالعه در وردپرس با افزونه Worth The Read

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

نوار پیشرفت مطالعه در وردپرس با افزونه Worth The Read

قسمت‌های مختلف تنظیمات را بررسی می‌کنیم:

تب Functionality افزونه وردپرس Worth The Read

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

Custom Post Types: فعال کردن نوار پیشرفت در پست تایپ‌ها. (مانند محصولات ووکامرس)

Include Comments: فعال کردن نوار پیشرفت شامل قسمت نظرات هم شود.

Placement: مکان نمایش نوار پیشرفت در صفحه را تعیین کنید.

Offset: این برای هدرها و منوهای ثابت مفید است که شما نمی خواهید آن را پوشش دهید. مقدار ارتفاع منو یا هدر خود را وارد کنید.

Fixed Opacity: در این بخش تعیین کنید که نوار پیشرفت ثابت باشد یا شناور

Touch Devices: با فعال کردن این بخش، در دستگاه‌های لمسی مثل تبلت‌ و موبایل‌ها نمایش داده می‌شود.

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

تب Style افزونه وردپرس Worth The Read

نوار پیشرفت مطالعه در وردپرس با افزونه Worth The Read

این قسمت مربوط به تنظیمات استایل و طراحی نوار پیشرفت می‌باشد.

Thickness: ضخامت نوار پیشرفت

Foreground: رنگ نوار پیشرفت که با اسکرول پیش می‌رود.

Foreground Opacity: درصد شفافیت نوار پیشرفت مطالعه در وردپرس

Background: رنگ پس زمینه نوار پیشرفت

Comments Background: اگر بخش Include Comments فعال باشد، با رسیدن به قسمت نظرات، پس زمینه نوار پیشرفت به این رنگ تغییر می‌کند.

بعد از تنظیمات بالا روی دکمه ذخیره کلیک نمایید.

حالا می‌توانید نوار پیشرفت را در سایت خود ملاحظه نمایید.

نوار پیشرفت مطالعه در وردپرس با افزونه Worth The Read

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

موفق باشید.

پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *