• اطلاعیه ها

    • Morteza

      باهم بسازیم: اطلس ووکامرس و وردپرس   14/07/96

      تاپیک ایجاد شده برای بحث در جهت ایجاد یک منبع، ویکی، صفحات توضیحی و یا بخش آموزشی جامع برای وردپرس و متعلقات مختلف آن است. لطفا جهت مشارکت در این بحث، ارائه پیشنهاد و یا انتقاد به تاپیک فوق مراجعه کنید. باهم بسازیم: اطلس ووکامرس و وردپرس
majid_kiani

تغییر اندازه فونت ها با استفاده از جی کوئری

1 پست در این موضوع قرار دارد

تغییر اندازه فونت های صفحه سایت یکی از قابلیت هایی است که می توان با استفاده از جی کوئری به راحتی بر روی سایت پیاده کرد.

برای استفاده از این اسکریپت ابتدا ساختار HTML مون رو به صورت زیر قرار می دیم :

1

<p class="intro">مدرسه وب ایران ، آموزش های طراحی وب </p>


<p class="intro">وردپرس پارسی </p>

توجه داشته باشید که توی کد بالا مهم کلاسی هست که به المنت p مون می دیم. در واقع هر تگ p که با کلاس intro توی صفحه باشه فونتش تغییر خواهد کرد.

کدهای جی کوئری زیر رو هم داخل تگ head صفحه مون قرار می دیم.


<script type='text/javascript' src='http://demo.mihanlearn.com/base/js/jquery.min.js'></script>

<script type="text/javascript">
$(document).ready(function () {

//min font size
var min=9;

//max font size
var max=16;

//grab the default font size
var reset = $('p').css('fontSize');

//font resize these elements
var elm = $('p.intro');

//set the default font size and remove px from the value
var size = str_replace(reset, 'px', '');

//Increase font size
$('a.fontSizePlus').click(function() {

//if the font size is lower or equal than the max value
if (size<=max) {

//increase the size
size++;

//set the font size
elm.css({'fontSize' : size});
}

//cancel a click event
return false;

});

$('a.fontSizeMinus').click(function() {

//if the font size is greater or equal than min value
if (size>=min) {

//decrease the size
size--;

//set the font size
elm.css({'fontSize' : size});
}

//cancel a click event
return false;

});

//Reset the font size
$('a.fontReset').click(function () {

//set the default font size
elm.css({'fontSize' : reset});
});

});

//A string replace function
function str_replace(haystack, needle, replacement) {
var temp = haystack.split(needle);
return temp.join(replacement);
}
</script>[/color][/font][/color]
[color=#000000]

0

به اشتراک گذاری این پست


لینک به پست
مهمان
این موضوع برای عدم ارسال قفل گردیده است.

  • مطالب مشابه

    • توسط koolfayfer
      سلام دوستان
      چطوری میتونم با کلیک کردن بر روی یه دکمه محتویات همون صفحه رو در قالب html ذخیره کنم؟
    • توسط poruamohammady
      سلام دوستان من یه مدت هست افزونه هایی که نصب می کنم ورد پرس بهم این اخطار هار رو میده کسی میتونه کمک کنه برای مثال تازگی ها افزونهwp-super cacheرو که نصب کردم این اومد قبلا هم چیزای دیگه بود مرسی اگر راهنمایی کنید

    • توسط mehran-b
      با سلام و عرض ادب خدمت تمامی کاربران انجمن وردپرس پارسی
       
      امروز یک کدی براتون قرار میدم که با استفاده از این کد میتونید به تمامی پست های یه دسته خاص از وب سایتتون متای robots با مقدار noindex,follow اضافه کنید.
       
      در صورت نصب بودن افزونه سئو وردپرس
      add_filter('wpseo_robots', 'mehran_specific_category_posts_add_noindex_yoast'); function mehran_specific_category_posts_add_noindex_yoast($content) { if(is_single() && in_category(777)) { return "noindex,follow"; } return $content; } در صورت نصب نبودن افزونه سئو وردپرس
      add_action('wp_head', 'mehran_specific_category_posts_add_noindex'); function mehran_specific_category_posts_add_noindex() { if(is_single() && in_category(777)) { $output = '<meta name="robots" content="noindex,follow" />' . "\n"; } echo $output; }  
      توجه1: کدهای بالا رو باید در فایل functions.php قالب سایتتون و زیر اولین
      <?php قرار بدید.
      توجه2: به جای عدد 777 در کد باید آیدی دسته ای رو قرار بدید که قراره پست هاش noindex,follow بشن.
       
      موفق باشید
    • توسط masoudch
      دوستان سلام
      لطفا به لینک زیر بروید و انیمیشن لوگوی سایت در گوشه بالا سمت چپ و همینطور وسطای صفحه انیمیشن عکسهایی که روی هم قرار گرفتن رو نگاه کنید. خیلی خلاقانه وزیباست.
      https://layerslider.kreaturamedia.com/
       
      کسی میتونه راهنمایی کنه این افکت زیبا چطور ایجاد میشه؟
       
      خیلی ممنون و سپاسگذار
    • توسط koolfayfer
      سلام به همه
      دوستان من در پست های وب سایتم یه دکمه گذاشتم که وقتی روش کلیک میشه یه اینپوت تکست کنارش میاد و هیچ مشکلی در این بابت نیست
      اما وقتی پست داخل حلقه قرار میگیره و برای مثال تعدادش به 10 میرسه وقتی روی دکمه کلیک کنم قاطی میکنه چون که میخواد همه کلاس ها رو اینپوت ظاهر کنه
      چکار کنم که وقتی یه متن یا چیزی کلیک شد تنها اینپوت کنار اون ظاهر بشه نه همه!؟