توپ دیزاین | ToopDesign

در بسیاری از جا ها استفاده از تب ها و استفاده از زبان ای جکس موجب افزایش سرعت لود سایت و راحتی کار برای کاربران سایت می باشد. برای مثلا در سایت های دانلودی ایجاد بلوکی که بتوان در آن چندین تب مرتبط با موضوعات دانلود قرار داد و آخرین مطالب هر قسمت در تب همان قسمت قرار داد تاثیر بسیار زیادی در افزایش سرعت لود سایت و همچنین راحتی کاربران سایت دارد. در این آموزش یاد می گیرید که چگونه همچین تب هایی را برای سایت وردپرسی خود ایجاد کنید. با ما همراه باشید.

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

کد زیر را در فایل header.php قالب خود بالای تگ </head> قرار دهید:

<!--tab-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_directory'); ?>/tab/tabcontent.css" />
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/tab/tabcontent.js">
</script>
<!--tab-->

سپس کد زیر را در جایی که می خواهید تب قرار گیرد در قالبتان قرار دهید.

دانلود کد

سپس با تغییر متن ” عنوان اول ” تا متن های “عنوان چهارم ” می توانید عنوان هر تب را تغییر دهید. با تغییر دادن متن ” متن شماره یک ” تا “متن شماره چهار” می توانید هر چه که مد نظر شماست برای قرار دادن در هر تب از قبیل کد و عکس و … را می توانید قرار دهید.

همچنین با تغییر عدد ۲۰۰۰ در قسمت آخر کد می توانید مدت زمان تغییر تب را تغییر داده و در صورتی که عدد را صفر وارد کنید تب از حالت متحرک خارج خواهد شد.