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

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

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

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

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

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

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

// create screenshot in wordpress by www.xscript.ir
function wp_webscreen($atts, $content = NULL) {
extract(shortcode_atts(array(
"snap" => 'http://s.wordpress.com/mshots/v۱/',
"url" => 'https://www.xscript.ir',
"alt" => 'xscript',
"w" => '۶۰۰', // width
"h" => '۴۵۰' // height
), $atts));
$img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';
return $img;
}
add_shortcode("screen", "wp_webscreen");

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

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

[screen url="https://www.xscript.ir" alt="ایکس اسکریپت" w="۶۰۰″ h="۴۵۰″]

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

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

شاد باشید..