آموزش اسکرین شات خودکار از صفحات وب در وردپرس

در این آموزش از بیست اسکریپت قصد دارم تا به به معرفی قطعه کدی در وردپرس بپردازم که با استفاده از آن قادر خواهید بود تا بدون استفاده از افزونه و نرم افزار خاصی برای ایجاد اسکرین شات در سایت اقدام کنید. با استفاده از این شورت کد قادر خواهید بود تا از صفحه هر سایتی که مد نظر شماست یک اسکرین شات گرفته و سایز و با alt گذاری عکس در سایت خود نمایش دهید.

آموزش اسکرین شات خودکار از صفحات وب در وردپرس

برای شروع کار ابتدا فایل فانکشن (functions.php) قالب خود را باز کرده و کدهای زیر را در آن قرار دهید.

// create screenshot in wordpress by www.20script.ir
function wp_webscreen($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'https://www.20script.ir',
"alt" => 'bistscript',
"w" => '600', // width
"h" => '450' // height
), $atts));
$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';
return $img;
}
add_shortcode("screen", "wp_webscreen");

حال در خط چهارم این کد به جای آدرس 20script.ir آدرس صفحه ای که میخواهید از آن شات بگیرید را وارد کرده و آن را ذخیره کنید.

برای گرفتن اسکرین شات نیز وارد ایجاد و یا ویرایش یکی از نوشته های خود شده و شورت کد زیر را در آن قرار دهید.

[screen url="https://www.20script.ir" alt="بیست اسکریپت" w="600″ h="450″]

مشابه کد فوق به جای آدرس بیست اسکریپت آدرس دلخواه خود را وارد کرده و در بخش W و H به ترتیب پهنا و ارتفاع تصویر را مشخص کرده و در نهایت در Alt نام عکس را وارد کرده و نوشته خود را منتشر کنید. حال نوشته خود را که مشاهده کنید خواهید دید که یک تصویر با اندازه تعیین شده از صفحه مورد نظر در نوشته شما افزوده شده است.