آیا تاکنون با سایتی یا وبلاگی روبرو شده اید که به بازدیدکنندگان اجازه دهد اندازه قلم را از دکمه +/- در نوار کناری تغییر دهند؟ به طور معمول ، هرگز نیازی به افزودن این ویژگی نیست زیرا تمام مرورگرهای اصلی دکمه های بزرگنمایی / زوم را دارند ، اما هنوز هم تعداد زیادی از کاربران هستند که با آن ویژگی بزرگنمایی آشنا نیستند. خوب در این مقاله ، ما به شما نشان خواهیم داد که چگونه به کاربران خود امکان تغییر اندازه قلم در وردپرس را با استفاده از یک تابع JavaScript ساده و برخی از HTML بدهید.
ابتدا اجازه می دهد این اسکریپت را در هدر یا پاورقی خود اضافه کنید:
سپس به سادگی این کد را در هر مکانی از طرح زمینه خود اضافه کنید (اکثر افراد آن را در نوار کناری قرار می دهند)
متن را بزرگتر کنید | کوچک کردن متن
در صورت تمایل می توانید از تصاویری مانند نمادهای +/- یا تصاویر دیگر نیز استفاده کنید. برای اینکه همه اینها ممکن باشد ، باید اندازه قلم را برای عنصر html خود مشخص کنید.
متناوباً ، اگر می خواهید ناحیه ای را که اندازه قلم در آن قرار دارد محدود کنید (به عنوان مثال: فقط منطقه محتوای شما) ، javascript اصلی را تغییر دهید و به این شکل باشد:
این بدان معنی است که شما فقط عنصر دارای id = “content” را تغییر می دهید.
به دنبال یک مثال زنده هستید؟ وبلاگ اریک وندلین را بررسی کنید.
منبع: David Walsh p >
منبع:
https://www.wpbeginner.com/wp-themes/how-to-change-font-size-onclick-in-wordpress-with-javascript/.