Иногда необходимо иметь “живой” скриншот какого либо сайта или ресурса. У WordPress.com есть свой API сервис снятия снимков под названием wp-mshots-api На базе его можно написать либо свою функцию, либо использовать плагин.
Плагин Browser Shots основан на базе wp-mshots-api . Прекрасно справляется с поставленной задачей, есть некоторые недостатки, но они легко корректируются. Так, например, я изменил css свойства изображения по умолчанию на свои, добавив в файл style.css
.mshots{
border-radius: 5px;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
и, изменив стиль в файле плагина browser-shots/browser-shots.php на:
'image_class'='mshots'
Пример своей функции (размещается в конце файла functions.php)
//создание скриншотов сайтов
function my_mshot($atts, $content = null) {
extract(shortcode_atts(array(
"mshot" => 'http://s.wordpress.com/mshots/v1/',
"url" => 'http://www.wordpressplugins.ru',
"alt" => 'Скриншот сайта',
"title" => '',
"w" => '200',
"h" => ''
), $atts));
if ($title == '') $title = $alt;
$img = '<img class="mshots" src="' . $mshot . '' . urlencode($url) .
'?w=' . $w . '&h=' . $h . '" width="' . $w . '" alt="' . $alt .
'" title="' . $title . '" />';
return $img; }
add_shortcode("mshot", "my_mshot");
//создание скриншотов сайтов end
Вызывается шорткодом:
[mshot url="https://ivnet.pro/" alt="Здесь alt и title" w="200" h="150"]
Шорткод плагина выглядит так:
[browser-shot url="https://ivnet.pro" width="600" height="450" href="https://ivnet.pro" target="_blank"]
Сама картинка является ссылкой и открывается в новом окне.