آموزشها
قالبها
افزونهها
آکادمی
هاست وردپرس
طراحی سایت
فرمانتغییر اندازه متن سایت توسط کاربر در وردپرس
- افزونه وردپرسمقالات آموزشی
- بروزرسانی شده در
ریز بودن نوشته‌های سایت می‌تونه خوندن حتی یک پاراگراف کوتاه رو هم برای بعضی بازدیدکننده‌ها خسته‌کننده کنه. با تغییر سایز فونت توسط کاربر در وردپرس، هر بازدیدکننده می‌تونه متن رو با توجه به دید و دستگاه خودش بزرگ‌تر یا کوچک‌تر کنه؛ بدون اینکه اندازهٔ اصلی نوشته برای بقیه تغییر کنه.
در این آموزش از افزونهٔ AccessiYes Accessibility Widget استفاده می‌کنیم. اول افزونه رو نصب می‌کنید، بعد دکمهٔ شناور اون رو داخل سایت می‌بینید و در آخر متن‌ها، نمایش موبایل و چیدمان راست‌به‌چپ رو آزمایش می‌کنید. فقط یادتون باشه این پنل یک ابزار کمکیه و به‌تنهایی همهٔ ایرادهای دسترسپذیری سایت رو برطرف نمی‌کنه.
آنچه در این مقاله می‌خوانید
تغییر سایز فونت توسط کاربر در وردپرس چه کاربردی داره؟
همهٔ بازدیدکننده‌ها متن رو به یک شکل نمی‌بینن. صفحهٔ کوچک موبایل، فاصله از نمایشگر، ضعف بینایی یا حتی نور محیط می‌تونه خوندن نوشتهها رو سخت کنه. وقتی ابزار تغییر اندازهٔ متن داخل سایت باشه، کاربر همون لحظه نوشتهها رو خواناتر میکنه و لازم نیست از صفحه بیرون بره.
مرورگرها قابلیت بزرگ‌نمایی دارن، ولی این کار معمولاً کل صفحه، عکس‌ها و دکمه‌ها رو با هم تغییر میده. ابزار داخل سایت یک گزینهٔ مشخص و دم‌دست برای تنظیم نوشتهها به کاربر میده. البته این ابزار نباید جلوی بزرگ‌نمایی عادی مرورگر رو بگیره.
بهتره کنترل اندازهٔ متن دست خود کاربر باشه، چون یک اندازه برای همه مناسب نیست. شما یک اندازهٔ پایه و خوانا انتخاب می‌کنید و بازدیدکننده هم در صورت نیاز اون رو تغییر میده. اگه می‌خواید فونت و اندازهٔ نوشتهها رو برای همهٔ کاربران به‌صورت دائمی عوض کنید، آموزش تغییر اندازه فونت سایت وردپرس مسیر مناسب‌تری رو نشونتون میده.
برای تغییر اندازهٔ متن سایت به چه چیزی نیاز دارید؟
برای انجام این کار به دسترسی مدیر وردپرس و افزونهٔ AccessiYes Accessibility Widget نیاز دارید. این افزونه بعد از فعال‌شدن یک پنل شناور دسترسپذیری به سایت اضافه میکنه و تغییر اندازهٔ فونت یکی از ابزارهای اون هست.
پنل AccessiYes فقط برای بزرگ‌کردن متن نیست. ممکنه ابزارهایی مثل تنظیم کنتراست، فاصلهٔ نوشتهها، راهنمای مطالعه، توقف انیمیشن و نشانگر بزرگ رو هم داخل اون ببینید. گزینه‌های دقیق پنل با توجه به تنظیمات یا نسخهٔ نصب‌شده فرق می‌کنن، پس حتماً نتیجه رو روی سایت خودتون بررسی کنید.
قبل از نصب، از سایتتون نسخهٔ پشتیبان بگیرید و افزونه رو اول روی یک سایت آزمایشی امتحان کنید. نسخهٔ موردنیاز وردپرس و PHP، تاریخ آخرین به‌روزرسانی و گزارش‌های پشتیبانی رو هم در صفحهٔ رسمی افزونه ببینید. جای دکمهٔ شناور، نمایش فارسی و تأثیر افزونه روی سرعت سایتتون هم ارزش بررسی دارن.
نصب افزونهٔ تغییر سایز فونت در وردپرس
- وارد پیشخوان وردپرس بشید. بعد از منوی «افزونهها» روی «افزودن افزونهٔ تازه» کلیک کنید.
- عبارت «AccessiYes Accessibility Widget» رو در کادر جست‌وجو بنویسید. پیش از نصب، نام افزونه و سازنده‌ای که می‌بینید رو با صفحهٔ رسمی افزونه مقایسه کنید تا گزینهٔ درست رو نصب کنید.
- روی دکمهٔ نصب افزونه کلیک کنید. وقتی نصب تموم شد، دکمهٔ فعال‌سازی رو بزنید. ممکنه نوشتهٔ این دکمه‌ها در ترجمهٔ پیشخوان شما کمی فرق داشته باشه.
- یکی از صفحه‌های عمومی سایت رو در پنجرهٔ ناشناس مرورگر باز کنید. باید دکمهٔ شناور دسترسپذیری رو روی صفحه ببینید و با کلیک روی اون، پنل ابزارها باز بشه.
برای راهاندازی اولیه نیازی نیست ابزارک قدیمی بسازید یا کد کوتاه داخل نوشته بذارید. افزونه بعد از فعال‌سازی پنل رو به سایت اضافه میکنه. اگه دکمه رو نمی‌بینید، اول کش سایت و مرورگر رو پاک کنید و بعد تنظیمات افزونه رو در پیشخوان ببینید.
تنظیمات اولیهٔ افزونه برای تغییر اندازهٔ فونت
بعد از نصب و فعال‌سازی افزونه، وارد تنظیمات اون بشید و زبان افزونه رو روی فارسی بذارید. با این کار، گزینه‌های پنل برای بازدیدکننده‌های فارسی‌زبان قابل‌فهم‌تر می‌شن.
حالا زبانهٔ «Modules» رو باز کنید و مطمئن بشید گزینهٔ «Adjust Font Sizing» فعاله. این گزینه قابلیت تغییر اندازهٔ فونت رو داخل پنل در اختیار کاربران می‌ذاره. در آخر، تنظیمات رو ذخیره کنید و یکی از صفحه‌های سایتتون رو در پنجرهٔ ناشناس باز کنید تا از نمایش و کارکرد درست این گزینه مطمئن بشید.
چطور بازدیدکننده اندازهٔ متن سایت رو تغییر میده؟
- بازدیدکننده روی دکمهٔ شناور دسترسپذیری در گوشهٔ صفحه کلیک میکنه تا پنل باز بشه.
- گزینهٔ مربوط به اندازهٔ فونت یا متن رو داخل پنل پیدا میکنه. نام و شکل این گزینه ممکنه با توجه به زبان یا نسخهٔ افزونه فرق کنه.
- با کنترل‌های همون بخش، نوشتهها رو بزرگ‌تر یا کوچک‌تر میکنه و تغییر رو همون لحظه روی صفحه می‌بینه.
- برای برگشتن به حالت اول، گزینهٔ بازنشانی داخل پنل رو می‌زنه. بستن پنل لزوماً تنظیم انتخاب‌شده رو پاک نمی‌کنه، پس عملکرد دکمهٔ بازنشانی رو هم آزمایش کنید.
- این مسیر رو یک بار بدون ورود به حساب مدیر انجام بدید. یک بازدیدکنندهٔ عادی باید بتونه دکمه رو راحت پیدا کنه، پنل رو باز کنه و بدون حدس‌زدن، اندازهٔ متن رو به حالت قبلی برگردونه.
تنظیم ظاهر و جایگاه پنل دسترسپذیری
دکمهٔ شناور رو جایی قرار بدید که همیشه دیده بشه، ولی روی بخش‌های مهم صفحه نیفته. گوشهٔ صفحه معمولاً جای مناسبیه؛ البته به شرطی که دکمهٔ چت، سبد خرید، منوی موبایل یا پیام کوکی همون‌جا نباشه.
صفحه رو در اندازههای مختلف ببینید. جایگاهی که روی دسکتاپ خوبه، شاید در موبایل دکمهٔ خرید یا لینک بازگشت به بالا رو بپوشونه. پنل بازشده هم نباید از کادر صفحه بیرون بزنه یا پیمایش محتوا رو از کار بندازه.
اگه تنظیمات افزونه اجازه میده رنگ یا جای دکمه رو عوض کنید، ظاهر اون رو با طراحی سایت هماهنگ کنید. بااین‌حال، دکمه نباید بین اجزای صفحه گم بشه. برای اینکه فرق ظاهر قابل‌فهم با تجربهٔ راحت کاربر رو بهتر بشناسید، مقالهٔ تفاوت رابط کاربری و تجربه کاربری هم کمکتون میکنه.
قابلیت‌های دسترسپذیری دیگه چه کمکی می‌کنن؟
تنظیم کنتراست و رنگ‌های صفحه
کنتراست یعنی تفاوت روشنایی متن و پس‌زمینه. ابزارهای کنتراست می‌تونن دیدن نوشتهها و بخش‌های مختلف صفحه رو برای بعضی کاربران راحت‌تر کنن. ولی رنگ‌های اصلی قالب هم باید از اول خوانا باشن و بهتره همه‌چیز رو به پنل شناور نسپارید.
تغییر فاصلهٔ حروف و خط‌ها
فاصلهٔ مناسب بین حروف و خط‌ها کمک میکنه چشم راحت‌تر مسیر متن رو دنبال کنه. بعد از تغییر فاصله، عنوان‌ها، دکمه‌ها و منوها رو هم ببینید تا نوشتهها روی هم نیفتن یا از کادر بیرون نزنن.
استفاده از راهنمای مطالعه و نشانگر بزرگ
راهنمای مطالعه یک بخش مشخص از صفحه رو برجسته میکنه تا دنبال‌کردن خط‌ها راحت‌تر بشه. نشانگر بزرگ هم جای اشاره‌گر ماوس رو واضح‌تر نشون میده. همه به این دو ابزار نیاز ندارن، ولی بعضی بازدیدکننده‌ها با کمک اون‌ها بهتر تمرکز می‌کنن.
توقف انیمیشن‌های مزاحم
حرکت‌های پیوسته، اسلایدر خودکار یا جلوه‌های چشمک‌زن می‌تونن تمرکز رو سخت کنن. گزینهٔ توقف انیمیشن کمک میکنه بعضی حرکت‌های صفحه متوقف بشن. بااین‌حال، بهتره خود طراحی سایت هم حرکت‌های غیرضروری و مزاحم نداشته باشه.
خواندن متن و پروفایل‌های دسترسی
اگه در نسخهٔ نصب‌شده گزینه‌ای برای خواندن متن می‌بینید، اون رو با صفحهخوان واقعی یکی ندونید. صفحهخوان یک ابزار جداگانه‌ست که متن و بخش‌های رابط رو برای کاربر می‌خونه. قابلیت خواندن متن داخل پنل شاید در بعضی موقعیت‌ها مفید باشه، ولی جای سازگاری سایت با صفحه‌خوان‌های واقعی دستگاه رو نمیگیره. اگه پروفایل‌های دسترسی هم در نسخهٔ شما دیده می‌شن، چند تنظیم رو یکجا فعال می‌کنن تا کاربر مجبور نباشه هر گزینه رو جدا پیدا کنه.
بعد از راهاندازی چه چیزهایی رو آزمایش کنید؟
- اندازهٔ متن رو چند مرحله تغییر بدید. عنوان‌ها، پاراگراف‌ها، فهرست‌ها، دکمه‌ها، فرمها و پیام‌های خطا رو با دقت ببینید.
- یک نوشته، برگه، صفحهٔ اصلی، صفحهٔ جست‌وجو و صفحه‌های فروشگاه رو جدا آزمایش کنید؛ چون ممکنه قالب هرکدوم ساختار متفاوتی داشته باشه.
- سایت رو روی موبایل، تبلت و دسکتاپ ببینید. بزرگشدن متن نباید باعث روی‌هم‌افتادن بخش‌ها یا پیمایش افقی غیرضروری بشه.
- پنل و نوشتهها رو در حالت فارسی و راست‌به‌چپ بررسی کنید. ترتیب دکمه‌ها، جهت متن و جای بازشدن پنل باید واضح و قابل‌فهم باشه.
- کلید Tab رو چند بار بزنید و با Enter یا Space دکمه‌ها رو فعال کنید. باید بتونید بدون ماوس به پنل برسید، گزینه‌ها رو انتخاب کنید و از پنل بیرون بیاید.
آزمایش رو به حساب مدیر محدود نکنید. سایت رو در یک پنجرهٔ ناشناس هم باز کنید تا چیزی نزدیک‌تر به تجربهٔ واقعی بازدیدکننده ببینید.
اگه اندازهٔ بعضی متن‌ها تغییر نکرد، چه کار کنید؟
اول کش افزونهٔ بهینهسازی، کش میزبان و کش مرورگر رو پاک کنید. بعد صفحه رو در پنجرهٔ ناشناس باز کنید. اگه مشکل هنوز باقی بود، افزونه‌های بهینهسازی CSS و JavaScript رو فقط روی سایت آزمایشی و به‌صورت موقت غیرفعال کنید و دوباره نتیجه رو ببینید.
گاهی قالب یا صفحهساز برای یک نوشته اندازهٔ ثابتی تعریف کرده و نمی‌ذاره ابزار اون رو درست تغییر بده. با ابزار بررسی مرورگر میشه قانون CSS مربوط به همون متن رو پیدا کرد. CSS همون دستورهاییه که ظاهر صفحه رو کنترل می‌کنن. اگه با این بخش آشنا نیستید، بهتره از طراح سایت کمک بگیرید و کدها رو با حدس‌وگمان تغییر ندید.
برای اینکه بفهمید مشکل از قالب هست یا افزونه، روی نسخهٔ آزمایشی سایت یکی از قالب‌های استاندارد وردپرس رو موقتاً فعال کنید. اگه تغییر اندازه با قالب استاندارد درست کار کرد، احتمالاً بخشی از CSS قالب فعلی با ابزار تداخل داره. اگه مشکل باقی موند، افزونهها رو هم روی نسخهٔ آزمایشی یکی‌یکی بررسی کنید.
آیا افزونه به‌تنهایی سایت رو کاملاً دسترس‌پذیر میکنه؟
نه. پنل شناور چند ابزار کمکی در اختیار بازدیدکننده می‌ذاره، ولی کد نامناسب، فرم غیرقابل‌استفاده یا منویی که با صفحهکلید کار نمی‌کنه رو خودکار اصلاح نمی‌کنه. حتی بعد از نصب افزونه، قالب و محتوای سایتتون هنوز به بررسی واقعی نیاز دارن.
اندازهٔ پایهٔ متن باید بدون فعال‌کردن هیچ ابزاری خوانا باشه و رنگ متن هم با پس‌زمینه تفاوت کافی داشته باشه. برای هر تصویر معنی‌دار متن جایگزین بنویسید؛ یعنی یک توضیح کوتاه که مفهوم تصویر رو به کاربری منتقل میکنه که اون رو نمی‌بینه.
منوها، فرمها، پنجره‌های بازشو و دکمه‌ها رو با صفحهکلید امتحان کنید. ترتیب حرکت با کلید Tab باید منطقی باشه و محل تمرکز هم واضح دیده بشه. در آخر، چند صفحهٔ اصلی سایت رو با ابزارهای مختلف و در صورت امکان با کمک کاربران واقعی بررسی کنید.
جمع‌بندی
برای تغییر سایز فونت توسط کاربر در وردپرس می‌تونید AccessiYes Accessibility Widget رو نصب کنید تا یک پنل شناور به سایت اضافه بشه. بازدیدکننده از داخل این پنل اندازهٔ نوشته رو تغییر میده و هر وقت لازم بود، تنظیمات رو به حالت اول برمی‌گردونه.
بعد از فعال‌سازی، فقط به دیده‌شدن دکمه بسنده نکنید. نوشتهها، دکمه‌ها، منوها، نمایش موبایل، زبان فارسی و کار با صفحهکلید رو هم آزمایش کنید. افزونه فقط یک ابزار کمکیه. نتیجهٔ خوب وقتی به دست میاد که اندازهٔ پایهٔ خوانا، کنتراست مناسب، متن جایگزین تصاویر و ساختار درست سایت هم کنار اون باشن.
سؤال‌های رایج
آیا تغییر اندازهٔ فونت ظاهر اصلی سایت رو عوض میکنه؟
این تغییر معمولاً برای همون بازدیدکننده و هنگام استفاده از ابزار اعمال میشه و اندازهٔ اصلی تعریف‌شده در قالب رو برای همه عوض نمی‌کنه. بااین‌حال، بهتره صفحه‌ها رو در چند اندازه آزمایش کنید تا متن بزرگ‌تر روی دکمه‌ها یا منوها نیفته.
آیا این قابلیت در موبایل هم کار میکنه؟
پنل برای استفاده در اندازههای مختلف صفحه طراحی شده، ولی نتیجه به قالب و چیدمان سایتتون هم بستگی داره. پس جای دکمه، بازشدن پنل و بزرگشدن متن رو روی چند اندازهٔ صفحهٔ موبایل بررسی کنید.
آیا برای استفاده از افزونه به کدنویسی نیاز دارید؟
برای نصب و راهاندازی اولیه معمولاً به کدنویسی نیاز ندارید. اگه بعضی متنهای قالب اندازهٔ ثابت داشته باشن یا تداخل CSS پیش بیاد، شاید برای پیداکردن و اصلاح اون بخش به کمک طراح سایت نیاز داشته باشید.
چرا بعضی نوشتهها با این ابزار بزرگ نمیشن؟
ممکنه قالب یا صفحهساز برای اون نوشته اندازهٔ ثابتی تعریف کرده باشه، فایلهای کش هنوز نسخهٔ قبلی رو نشون بدن یا یک افزونهٔ بهینهسازی با ابزار تداخل داشته باشه. کش رو پاک کنید و مشکل رو روی نسخهٔ آزمایشی سایت با قالب و افزونهها بررسی کنید.
آیا نصب این افزونه برای دسترسپذیری کامل سایت کافیه؟
نه. این افزونه چند ابزار کمکی به کاربر میده، ولی جای بررسی کنتراست، اندازهٔ پایهٔ متن، متن جایگزین تصاویر، فرمها، ساختار صفحه و کارکرد کامل سایت با صفحهکلید و صفحهخوان رو نمیگیره.
سلام خسته نباشید
من می خوام اندازه متن توضیحات زیر محصول رو زیاد کنم چون فقط یک خط نوشته میشه زیرش
می خوام در چند خط محصول رو مختصر توضیح بدهم آیا روشی برای افزایش اندازه متن زیر محصول هست؟ ممنون میشم اگر جواب دهید
درود متشکرم. برای اینکار باید کدنویسی قالب ووکامرس رو تغییر بدید.