Скриншот веб-сайта с плагином и без

Автор: | 17.04.2017

Иногда необходимо иметь “живой” скриншот какого либо сайта или ресурса. У WordPress.com есть свой API сервис снятия снимков под названием wp-mshots-api На базе его можно написать либо свою функцию, либо использовать плагин.

Browser_Shots_logoПлагин 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"]

Сама картинка является ссылкой и открывается в новом окне.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.