Вставляем на страницы скриншоты сайтов

Вставить скриншот другого сайта на свой сайт достаточно просто. Этот тип скриншота еще называют снапшот (snapshot), то есть не снимок всего экрана монитора, а только веб-страницы в браузере. Вы видели наверняка на различных блогах, как авторы вставляют скриншот сайта в статью в качестве иллюстрации к обзору какого-либо онлайн сервиса. И для этого не обязательно делать принтскрин экрана, потом создавать и оптимизировать изображение и загружать его на хостниг.

Вставить скриншот сайта

Мы сделаем проще и как обычно в двух вариантах — с плагином и без.

Как вставить скриншот сайта без плагина?

Как обычно, открываем файл функций functions.php и добавляем код:

function wpr_snap($atts, $content = null) {
        extract(shortcode_atts(array(
            "snap" => 'http://s.wordpress.com/mshots/v1/',
            "url" => 'http://wp-voprosov.net', // адрес по умолчанию
            "alt" => 'Уроки WordPress', // заголовок по умолчанию
            "w" => '300', // ширина
            "h" => '200' // высота
        ), $atts));

    $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}

add_shortcode("snap", "wpr_snap");

И далее в редакторе при написании новости просто вставляете вот такой шорткод (без пробелов до и после квадратных скобок):

[ snap url="http://АДРЕС САЙТА ДЛЯ СКРИНА" alt="Описание картинки" w="400" h="300" ]

Для удобства использования, можно добавить кнопку «snap» на панель редактора. О том, как это сделать, подробно рассказано в другом уроке.

Как вставить скриншот при помощи плагина?


Если описанные действия для вас пока сложноваты, то продолжайте изучать уроки на wp-voprosov.net, а пока используйте плагин WP Snap, который добавит эти кода в функциональные файлы автоматически. Короткий код, чтобы вставить скриншот на страницы, при этом остается тот же.

Поделись этой статьей с друзьями!

Это будет интересно прочитать:

Комментариев: 4

  • Как здорово, когда есть вариант установки с плагином и без него. Вижу, Александр, Вы тоже предпочитаете не нагружать блог, больше работаете с кодами. Но Ваш сайт у меня грузится медленно, и часто открываются пустые страницы, приходится обновлять.

    • Возможно, вы где-то далеко географически находитесь? Сервер с сайтом расположен в Киеве

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