ایجاد کلید های بزرگنمایی و کوچک نمایی در وردپرس

دسته‌بندی:
بدون دیدگاه
نویسنده: علی باقری نیا
تاریخ: ۳۰,دی,۱۳۹۲
آخرین ویرایش: ۲۹ مهر ۱۳۹۷
بدون دیدگاه
نمونه این امر را می توانید در وب سایت phpnuke.ir ...

امتیاز دهید :

1 Star2 Stars3 Stars4 Stars5 Stars (No Ratings Yet)
Loading...

شاید تابحال وب سایت هایی را مشاهده کرده اید که این امکان را به کاربر می دهند تا یا یک کلیک متون صفحه را بزرگ و یا کوچک کند. امروز قصد داریم نحوه انجام اینکار با استفاده از jQuery را بررسی کنیم.


نمونه این امر را می توانید در وب سایت phpnuke.ir مشاهده کنید. حال برای افزودن این قابلیت به وردپرس چه کار باید کرد؟
ابتدا به ویرایشگر پوسته خود بروید، فایل single.php رو انتخاب کنید و به دنبال تابع زیر بگردید:

سپس برای آن یک کلاس با نام resize تعریف کنید. نتیجه شبیه زیر خواهد شد:

سپس دستور زیر را پس از بسته شدن چرخه مطلب وردپرس درج کنید:


حالا یک فایل با نام resize.js ایجاد کنید و کد زیر را درون آن قرار دهید. (این فایل را با NotePad می توانید بسازید)

 

تمام شد! هم اکنون در پایین هر مطلب شما دو کلید +A و -A به چشم می خورد که به وسیله آن ها می توانید متن را بزرگ و کوچک کنید.

  • نویسنده
    علی باقری نیا
  • تعداد بازدید
    172 views
۰دیدگاه فرستاده شده است.
شما هم دیدگاه خود را بنویسید

Time limit is exhausted. Please reload CAPTCHA.

آموزشگاه

با عضویت در خبرنامه، تازه‌ترین نوشته‌های وبلاگ را در ایمیل‌تان دریافت کنید.
برای عضویت نشانی ایمیل خود را وارد کرده و بر روی دکمه عضویت کلیک نمایید.