簡単!ウェブページのスクリーンショットを撮る方法

ウェブページのスクリーンショットを簡単に取得する方法のご紹介です。

WordPressのサービスを拝借する方法です。

http://s.wordpress.com/mshots/v1/http://sakidesign.com?w=400

撮りたいウェブページのURL( http://sakidesign.com)と取得する画像の横幅w( 400)を指定してあげます。
高さhも指定できますが、幅:高さ=4:3のスクリーンショットを指定した幅&高さにカットされるようですので、ここでは幅wを指定しました。

functions.phpfunction my_shot($atts, $content = null) {
  extract(shortcode_atts(array(
    "mshot" => 'http://s.wordpress.com/mshots/v1/',
    "url" => 'http://sakidesign.com',
    "alt" => 'SAKI Web Design',
    "w" => '400'
  ), $atts));
  $link = urlencode($url);
  $screenshot = '<a title="'. $alt .'" href="'. $url .'"><img src="' . $mshot . $link . '?w=' . $w . '" alt="' . $alt . '"></a>';
  return $screenshot;
}
add_shortcode("shot", "my_shot");
ちょっと雑ですが、こんな風にショートコードにしておくと便利ですね。

ショートコードの使い方[shot url="http://sakidesign.com" w="400" alt="SAKI Web Design"]

SAKI Web Design

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です