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で会員サイト的なものを作る と言う題目で幾つか記事があったんで …
-
-
マルチサイト化でよくあること・・・参加サイトに表示されない!
WordPressでマルチサイト化すると、左上の「参加サイト」にマウスオーバーし …
-
-
WordPressの検索機能をもっと使いやすくする
とってもわかりやすい記事がありましたので紹介! WEBクリエイターズボックス様 …
-
-
テーマの自動アップデートがイヤな場合は
最近梅の花がとってもきれいに咲いてますね。 春の訪れを感じながら仕事に追われる「 …
-
-
Sugar Events Calendar Lite 中国語化
以前のブログの再掲載です(なくなると困る記事なので・・・) Sugar Even …
-
-
NextGEN Gallery2.2 日本語化
ここに日本語化ファイルがあるのでダウンロードします。 NextGEN Galle …
-
-
Sydneyで正方形のアイキャッチ画像を使いたかった話
通常、WordPressでアイキャッチ画像を設定すると、そのサイズでアイキャッチ …
-
-
外部画像URLもアイキャッチに「Featured Image From URL」
外部画像URLをアイキャッチに出来るプラグインを発見したのでご紹介。 Featu …