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

<div style="font-family: Tahoma;"><a id="increase-font" href="#">[ A+ ] </a>/<a id="decrease-font" href="#">[ A- ] </a></div>

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

// in khat jeloye ejra shodane code ra ghabl az etmame bargozarie matlab migirad.
jQuery(document).ready(function() {
// dar in khat elemente marboot be 'A+' dar safhe fh evente jQuerye click() ertebat dade mishavad.
jQuery('#increase-font').click(function(event) {
// in khat jeloye ejra shodane amale pishfarze evente click() ra migirad.
event.preventDefault();
// evente each() jQuery roye har elementi ke shamele classe 'resize' mibashad emaal mishavad.
jQuery('.resize').each(function() {
// farakhaniye yek tabeye shakhsi baraye afzayesh size text
changeTextSize(this, change);
});
});
// dar in khat elemente marboot be 'A-' dar safhe fh evente jQuerye click() ertebat dade mishavad.
jQuery('#decrease-font').click(function(event) {
// in khat jeloye ejra shodane amale pishfarze evente click() ra migirad.
event.preventDefault();
// evente each() jQuery roye har elementi ke shamele classe 'resize' mibashad emaal mishavad.
jQuery('.resize').each(function() {
// farakhaniye yek tabeye shakhsi baraye kaheshe size text
changeTextSize(this, -change);
});
});
});
//3 moteghayer be tartib baraye tarife hoodooe size text va meghdar afzayesh/kahesh estefade mishavand.
var min = 8, max = 100, change = 2;
//tarife yek tabeye shakhsi ba 2 parametr shamele elemente morede nazar baraye resize kardan va size morede nazar.
function changeTextSize(element, value) {
var currentSize = parseFloat(jQuery(element).css('font-size'));
var newSize = currentSize + value;
if (newSize <= max &amp;&amp; newSize >= min) {
jQuery(element).css('font-size', newSize + 'px');
}

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