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

با سلام خدمت دوستان عزیز وردپرسی!

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

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

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

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

// create screenshot in wordpress by doctorwp.com
function wp_webscreen($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://www.doctorwp.com',
"alt" => 'doctorwp',
"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");

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

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

[screen url="http://www.doctorwp.com" alt="دکتر وردپرس" w="600″ h="450″]

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

حال نوشته خود را که مشاهده کنید خواهید دید که یک تصویر با اندازه تعیین شده از صفحه مورد نظر در نوشته شما افزوده شده است.

شاد باشید..