نحوهی ایجاد قابلیت تغییر اندازهی متن برای بازدیدکنندگان وب سایت وردپرس
تا به حال با گزینهی تغییر سایز متن در سایتهای محبوب مواجه شدهاید؟ این گزینه برای راحتی کاربرانی تعبیه میشود که بینایی ضعیفی دارند، در نتیجه میتوانید بدون تغیر طرح وب سایت وردپرس خود، امکان تغییر اندازهی متن را برای بازدیدکنندگان فراهم کنید. درست است که با استفاده از گزینهی ctrl و + میتوانید روی صفحه زوم کنید، ولی با این کار تمام اجزای صفحه بزرگ نمایی میشوند نه فقط متن. در این مطلب به شما روش ایجاد قابلیت تغییر اندازهی متن برای بازدیدکنندگان وردپرس را آموزش میدهیم.
آموزش گام به گام ایجاد متن با قابلیت تغییر سایز
اولین کاری که باید انجام دهید نصب و فعال سازی افزونهی Accessibility Widget در وب سایت وردپرس است. بعد از فعال سازی این افزونه، به بخش Appearance و بعد به صفحهی Widget بروید و افزونه را به سمت نوار کناری بکشید و رها کنید.
میتوانید عنوانی برای ویجت خود انتخاب کنید. در مرحلهی بعد باید از میان سطوح CSS و HTML یکی را انتخاب کنید تا ویجت شما تحت تاثیر ویژگیهای آن قرار بگیرد. گزینههای پیش فرض این برنامه معمولا برای اکثر وب سایتهای وردپرس کار میکنند.
این ویجت به شما اجازه میدهد حداکثر 4 گزینه برای تغییر سایز متن خود بسازید. گزینههای پیش فرض شامل تغییر سایز 90 درصد، 100 درصد، 110 درصد و 120 درصد هستند. در اینجا میتوانید اندازهی متن خود را افزایش یا کاهش دهید.
آخرین تنظیمات مربوط به این ویجت شامل کنترل کنندهی متن است. این گزینه چیزی است که بازدید کنندهها میبینند. معمولا از حرف A برای نشان دادن گزینهی تغییر اندازهی فونت استفاده میشود. بعد از ایجاد این گزینه، باید گزینهی save را انتخاب کنید تا تنظیمات ویجت ذخیره شوند.
حالا برای دیدن کاربرد ویجت میتوانید نگاهی به وب سایت وردپرس خود بیندازید. اگر احساس میکنید کنترل کنندهی متن شما خیلی در دید نیست و توجه کاربران را جلب تمیکند، میتوانید با استفاده از CSS و اضافه کردن کد زیر در صفحهی تم خود، آن را تغییر دهید:
1
2 3 4 5 |
.widget_accesstxt a {
border: 2px solid #000; padding: 2px; font-weight: bold; } |
این کد یک حاشیه در اطراف گزینهی کنترل کنندهی متن ایجاد میکند، تا بیشتر به چشم بیاید.
جمع بندی
امیدواریم با استفاده از این مطلب بتوانید گزینهی تغییر اندازهی متن را به سایت وردپرس خود اضافه کنید. برای دسترسی به آموزشهای بیشتر در مورد وردپرس سایر مطالب ما را دنبال کنید.
منبع
https://www.wpbeginner.com/plugins/how-to-add-resizeable-text-for-site-visitors-in-wordpress/