*

WordPressでプラグインなしでURLを指定してスクリーンショットを表示する方法

   

camera
WordPressでスクリーンショットを表示させることって、ちょいちょいあります。
てっきりプラグインなのかと思ってましたが、プラグインなしでもスクリーンショットの表示ができるらしいので参考にさせてもらいました。

functions.phpに以下を追加。

//URLを入力しスクリーンショットを撮る
function wpr_snap($atts, $content = null) {
    extract(shortcode_atts(array(
        "snap" => 'http://s.wordpress.com/mshots/v1/',
        "url" => 'http://wdsc.xyz/',
        "link" => '',
        "alt" => 'capImg',
        "w" => '480', // width
        "h" => '360' // height
    ), $atts));
 
    if($link == '') { $link = $url; }
    $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
    return '<p>' . '<a href="' . $link . '" target="_blank">' . $img . '</a>' . '</p>';
} 
add_shortcode("snap", "wpr_snap");

投稿画面に以下のショートコードを入力。

[snap url="http://yahoo.co.jp/" link="http://yahoo.co.jp/" alt="Yahoo!" w="300" h="200"]

参考サイトは最初のURLの「tande.jp」さんの方を使わせてもらいました。ほぼ、まんま使わせてもらってます。
サイズは一応functions.phpの方で指定してるけど、投稿画面でもサイズ指定できるっぽいですね。
プラグインでのスクリーンショットもいいですが、プラグイン使わなくていいのなら、それにこしたことはないような。

参考サイト
[WordPress] 指定したURLのスクリーンショットを挿入する
[WordPress] URLを指定してサイトのスクリーンショットを表示するショートコード(WordPress.comのAPIを使用)

 -Web, wordpress

Sponsored link

Sponsored link

  関連記事

WordPressのシンプルでお洒落な日本のテーマ(無料と有料あり)

つい最近まで「Stinger」の存在を知らず、ググったら記事の多さに驚いている今日この頃です(汗) 自分の情報の遅れっぷ

CPIサーバーでデータベースを追加する

しばらくすると忘れてしまうので、またいつものように自分用のメモです。 管理画面に沿ってやっていけばわかることなんですが、

no image

家計簿アプリその後

しばし前に「アクティブマネーProを使い始めた〜」と書いてましたが、その後についての感想。

no image

Google Analyticsで自分のアクセスを除外する

今更ネタではあるかもしれませんが。 今までなんとなく知ってた方法は、 1)アナリティクスのフィルタで除外する方法。 参考

no image

モバイル用

wordpressのモバイル用。便利。でもdocomoとかで見れないので、そっちのプラグインはようわからん。 WPtou

コメントを残す

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


*

共働きの30代女性。
福岡でWebに携わってます。
主に自分用の細かいメモを書いてます。
細かい内容が多いですが、他の方にも役立つなら幸いです。

確定拠出年金、退職したときに行う手続き(継続するor掛金停止する)

私、昨年から確定拠出年金をしております。 会社には確定拠出年金の制度がなかったので、「個人型年金」の加入者として掛金の拠

実は先月で退職しました

だいぶブログさぼっておりましたが、実は先月末で会社を退職しました。 別にこの歳になって、自主退職したわけじゃないのです。

Thunderbirdのアドオン「QuickText」のテンプレが消えた?時の対処法

後で調べたら、QuickTextで割とよく見られる問題?のようですが、私は今回初めての体験だったので焦りました。 私の場

  • ブログランキング・にほんブログ村へ