*

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

  関連記事

GoogleとYahoo!の電話コンバージョンタグの設定、番号が複数ならクリックイベントも設定

設定したことなかったので、電話コンバージョンタグの設定をメモっておきます。 ※タグの取得についてはやってないので、他の方

jquery mobile デモページ

そろそろjquery mobile触っておくべき?

ふと思い立ったので、そろそろ触っておくべきか?ということでjquery mobileを触ってみました。 簡単にメモ。 デ

no image

モバイルでGooglemapを表示 その1

なんでか今まで機会がなくて、やったことなかったモバイルでGooglemapを表示。 自分の備忘録。 【コピペ用】 表示自

no image

Googlemapにリンクするときのパラメータ(2014年8月)

以前「Googlemapにリンクするときによく使いそうなパラメータ」って記事を投稿しましたけど、そういえばあれからパラメ

no image

チキンラーメン

キッズ向けゲームと食育の「チキラー島」 よくありそうなんだけど、こんなサイト好きです〜。 作るのめんどくさいだろうなぁ〜

コメントを残す

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


*

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

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

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

実は先月で退職しました

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

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

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

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