Делаем и показываем скриншоты сайтов на страницах WordPress
Все вы когда-нибудь делали скриншоты сайтов для последующего их размещения на своих сайтах, блогах, различных форумах и т.д. Как правило, захват изображения производился вручную или при помощи специальных программ, а также веб-сервисов. Согласитесь, занятие немного нудное, а в некоторой степени даже и неудобное. Особенно, когда приходится вручную скачивать скриншот, а потом загружать его себе на сайт.
Сегодня я вам расскажу, как сделать скриншоты сайтов и разместить их на страницах вашего сайта на WordPress, не прибегая к помощи сторонних веб-сервисов и плагинов. А поможет нам в этом сервис mShots, который расположен на сервере WordPress.org, при этом никаких плагинов устанавливать не нужно, а вставить скриншот можно будет легко в любом месте вашей записи или страницы при помощи специального шорткода. Я уже рассказывал в предыдущих статьях о том, как разбить контент в записях и страницах на колонки при помощи шорткода и работа c шорткодами в WordPress на примерах, поэтому вы должно иметь представление о том, что такое шорткоды и как с ними работать.
Традиционно, перед размещением шорткодов в записях или страницах, нужно будет написать специальную функцию, которая и “скажет” шорткоду как надо работать и что надо делать. Для этого откройте файл functions.php шаблона и добавьте в него следующий код:
function wpr_snap($atts, $content = null) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'http://wordpressadmin.ru', "alt" => 'Wordpressadmin', "w" => '400', "h" => '300' ), $atts)); $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>'; return $img; } add_shortcode("snap", "wpr_snap");
Здесь, в значении “snap” указывается адрес сервиса mShots на сервере wordpress.org, далее, в значении “url” указывается адрес сайта по-умолчанию, с которого будет сниматься скриншот, если в шорткоде не будет указан никакой иной адрес, “alt”, как вы правильно догадались – это альтернативное название скриншота по-умолчанию, а значения “w” и “h” отвечают за ширину и высоту скриншота соответственно.
Теперь, когда мы создали функцию и добавили ее в файл functions.php шаблона, пришло время в нужной нам записи или страницы добавить шорткод, который выглядит следующим образом:
[snap url="http://wordpressadmin.ru" alt="Wordpressadmin" w="400" h="300"]
В качестве параметров шорткода указываете нужный вам адрес сайта, альтернативное название, ширину и высоту скриншота. Для каждого отдельного скриншота нужно указывать отдельный шорткод. Вот так, при помощи небольшой функции PHP и отличного сервиса mShots, который предоставляет WordPress.org, можно легко отобразить скриншоты любого сайта.
Один комментарий к “Делаем и показываем скриншоты сайтов на страницах WordPress”
Хммм, как вариант пригодится в загашнике. Опять же можно сделать так чисто с целью облегчить двиг