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

حتما با تگ های h1,h2,h3,h4,h5,h6 در html آشنایی دارید ؟

تگ هایی که به آنها تگهای Heading یا همان عناوین یا سر صفحه میگویند . تگهایی که در سایت به عنوان تیتر یک پست یا خبر میتواند استفاده شود .

همان طور که میدانید تیتر یک خبر یا پست از اهمیت بالایی نزد موتور های جستجو برخوردار هستند . همچنین از طرفی خاصیتی بسیار سئویی به نام title وجود دارد که در پست هایی قبلی سایت در مورد آن صحبت کرده ام . همان خاصیتی که با ماندن ماوس بر روی یک نوشته , کادری اکثرا خاکستری رنگ نمایان میشود که حاوی مطالبیست که به خاصیت title میدهیم . ( به عنوان مثال : تیتر قرمز رنگ همین پست )

حال میخواهیم با استفاده از Jquery ترفندی را به شما آموزش دهم که نوشته های درون این تگ ها به صورت اتوماتیک , به خاصیت title هم داده شوند .

و اما آموزش :

برای انجام این کار کافیست ابتدا فایل Jquery در وب سایت شما لینک شده باشد و سایت شما از جی کوئری پشتیبانی کند ( منظور فراخوانی فایل دانلودی در سایت jquery.com می باشد )

سپس کافیست کد آماده زیر را در پایین سایت خود قرار دهید ( مثلا در وردپرس , در فایل footer.php قرار گیرد ) .

<script>
$(document).ready(function() {
	$(":header").each(function(i) {
        var vms = $(":header").eq(i).text();
		$(":header").eq(i).attr("title",vms);
    });
});
</script>

 کدنویسی و آموزش : وحید مجیدی

پخش اختصاصی