*

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

  関連記事

table-cellで横並びさせるときに余白を入れる

ようやくスマホをする機会が増えてきた…個人的によく引っかかるのでメモです。 display:table-cellを使った

CPIサーバで、htaccessに「mod_rewrite」を使用する場合のルール

しばらくハマってしまって、時間くってしまったので自分のためのメモです。 wordpressなどのCMSをインストールした

no image

Macのソフトとアドオンを整理する

【ブラウザ】 ■Chrome アドオン: Xmarks(ブックマーク同期) Google Reader Notifier

no image

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

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

checkedセレクタを使用したタップしやすいチェックボックス

スマホサイトで見るフォームを作る際、どうやったらタップしやすいチェックボックスになるのか試してて作ってみました。

コメントを残す

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


*

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

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

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

実は先月で退職しました

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

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

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

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