Иногда необходимо иметь “живой” скриншот какого либо сайта или ресурса. У WordPress.com есть свой API сервис снятия снимков под названием wp-mshots-api На базе его можно написать либо свою функцию, либо использовать плагин.
Плагин Browser Shots основан на базе wp-mshots-api . Прекрасно справляется с поставленной задачей, есть некоторые недостатки, но они легко корректируются. Так, например, я изменил css свойства изображения по умолчанию на свои, добавив в файл style.css
|
1 2 3 4 5 |
.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 на:
|
1 |
'image_class'='mshots' |
Пример своей функции (размещается в конце файла functions.php)
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
//создание скриншотов сайтов 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 |
Вызывается шорткодом:
|
1 |
[mshot url="https://ivnet.pro/" alt="Здесь alt и title" w="200" h="150"] |
Шорткод плагина выглядит так:
|
1 |
[browser-shot url="https://ivnet.pro" width="600" height="450" href="https://ivnet.pro" target="_blank"] |
Сама картинка является ссылкой и открывается в новом окне.