Как отобразить миниатюру для любого сайта на блоге

А знаете ли вы, что у сайта WordPress.com есть сервис под названием mShots, который позволяет делать скриншоты любых сайтов? Сегодня — мануал о том, как создать шорткод для простой вставки скринов сайта в записи/страницы блога.

Первым делом создаем сам шорткод. Для этого вставьте следующий код в файл functions.php вашей темы.

function wpr_snap($atts, $content = null) {
        extract(shortcode_atts(array(
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://web-devise.com',
			"alt" => 'Мой скрин шот',
			"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 url="http://web-devise.com" alt="Описание" w="400" h="300"]

(уберите пробел после первой скобки [)
Описание Скрин сайта Web.Devise. Напомню, что высоту/ширину миниатюрки можно менять.

VN:F [1.9.22_1171]
Rating: 0.0/5 (0 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • LysBug

    очень полезная фитча…экономит кучу времени! спасибо! уже использую для своего сайта, где таким образом вывожу Меню нескольких ресторанов) + динамическая обновка скринов)!

Scroll To Top