در این مطلب قصد داریم شما را با یکی دیگر از نکات و ترفندهای وردپرس آشنا نماییم که آن همان روش تصویر بندانگشتی خودکار با استفاده از کد کوتاه برای وردپرس بدون نیاز به افزونه می باشد. پس تا پایان مطلب همراه پارس تمز باشید.
مشکل
یک پست وبلاگ خوب به تصاویر احتیاج دارد، چه تصویر اسکرین شات و چه تصویر ساده. کاربران همیشه مقالات با تصاویر زیبا را به متن خسته کننده ساده ترجیح می دهند.
اما تصاویر به دلیل اندازه های مختلف می توانند مشکل دار باشند. پس چگونه ما یک کد کوتاه وردپرس ایجاد کنیم که از تصویر بند انگشتی استفاده کند و به طور خودکار اندازه تصاویر را تغییر دهد؟
راه حل
اولین نکات و ترفندها یی که بایستی انجام دهید ایجاد کد کوتاه می باشد. کد زیر را در فایل functions.php خود قرار دهید:
function imageresizer( $atts, $content = null ) {
return '<img src="https://www.hivatheme.com/wp-content/uploads/2009/10//timthumb/timthumb.php?src='.$content.'&w=590" alt="" />';
}
add_shortcode('img', 'imageresizer');
در حال حاضر، شما می توانید از دستور زیر برای اضافه کردن تصویر بندانگشتی خودکار با استفاده از کد کوتاه به پست های وبلاگ خود استفاده کنید:
[img]https://pars-themes.com/yourimage.jpg[/img]
توضیح کد:
شما احتمالا حالا متوجه هستید که کد کوتاه وردپرس چگونه هستند و چطور دوام و عمر وبلاگ را آسان می سازند. این کد به سادگی یک کد کوتاه ایجاد می کند که تنها یک پارامتر مثل URL تصاویر را می گیرد. توجه کنید که این یک ایده خوب برای تغییر اندازه تصاویر بزرگ نیست. این روش بار سرور را افزایش می دهد. در چنین مواردی بهتر است به جای آن تصاویر کوچکتر را ایجاد و آپلود کنیم.
با استفاده از تغییر اندازه تصویر بند انگشتی تصویر به عرض 590 پیکسل تغییر می کند، که در خط 2 مشخص (W = 590) شده است. البته، شما می توانید این مقدار را تغییر دهید یا یک پارامتر ارتفاع (h=60 e.g ) نیز اضافه نمایید.