WEBサイトのスクリーンショットをサムネイル化する
2016/09/09
弊社の制作実績を登録していこうと思ったのですが、直近のものだけでも軽く30を超えており、軽くめまいがしたので楽に登録できるようにしたいと思いました。
URLを入力するだけでサイトのスクリーンショット取れないかなーと思っていると下記のような記事が。
【ネタ元:GOUTEN.NET様 引用・参考サイトのスクリーンショットを記事内で簡単に掲載する】
http://blog.gouten.net/report/wordbench-osaka-13-lt-speaking/
正直プラグインのBrowser Shotsでもできるのですが、このプラグイン、余計なことにかってにリンク作っちゃうのです。
上記GOUTEN.NET様のコードでも自動でリンクを付けてくださってますが、リンク要らんのですよ!
というわけで魔改造しました!
※ただしWordpress APIを使っているため、いつサービス停止されるかわからないシロモノです。おそらくWordpressがある限り提供されるとは思うのですが・・・。
function wp_screenshot($atts, $content = null) { extract(shortcode_atts(array( "snap" => 'http://s.wordpress.com/mshots/v1/', "url" => '設置するサイトURL', "link" => '', "alt" => 'ScreenShot', "width" => '480', // width "height" => '360' // height ), $atts)); $img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $width . '&h=' . $height . '" alt="' . $alt . '"/>'; if($link == '') { return $img; } else { return '<a href="' . $link . '" target="_blank">' . $img . '</a><!-- snap -->'; } } add_shortcode("snap", "wp_screenshot");
これでリンク先指定がないときはaタグを抜くことができます。
ついでにpタグも要らんので消しました。
GOUTEN.NET様でも書かれているのですが、使い方を書いておきます。
まず上記コードをfunction.phpに追加します。
次に、固定ページや記事などの任意の場所にショートコードを入力します。
ショートコード例:
[snap url=”http://magical3.com/”]
オプションは下記のものがあります。
- link=”リンク先URLを入力”
alt=”代替テキスト”
width=”横幅”
height=”縦幅”
ショートコード例:
[snap url=”http://magical3.com/” link="http://magical3.com/dai-blog/" width="360" height="240" alt="magical3.com"]
関連記事
-
-
マルチサイトで複数のブログの新着情報を取得したい
WordPressでマルチサイトの新着情報を取りたいなーと思うことがあったのでメ …
-
-
【ご注意】WordPressの不正コード改ざん
WordPressを狙った不正コードによる下記動画のような改ざんが横行しているよ …
-
-
Sugar Events Calendar Lite 中国語化
以前のブログの再掲載です(なくなると困る記事なので・・・) Sugar Even …
-
-
WordPressで記事のカルーセルスライダー(jQuery的なスライドショー)
WordPressがそれなりにいじれると分かってから、嫁様の私への”こき使いっぷ …
-
-
Limit Login Attempts Reloadedとしてヤツが帰ってきた件
かんたん優秀なセキュリティ、「Limit Login Attempts」 Lim …
-
-
PHPでページの一部の文言だけを更新する方法
サイトのページの一部だけをブラウザから更新したい、だけどCMSとか入れるほどでも …
-
-
category.php内で現在のカテゴリを取得する
カテゴリの取得でハマったので忘備録しておきます。 いつもはget_the_cat …
-
-
WordPressでよく使うコードまとめ
完全に自分用です。 View the code on Gist.
-
-
WordPressのページを印刷しようとするとスタイルが崩れる
WordPressのページを印刷しようとするとガタ崩れする時があると思います。 …
-
-
プラグイン無しで外部サイトのRSSを表示するRSSリーダー的なもの
外部RSS(ブログの新着記事)を読み込む案件があったので「プラグインでええよなー …