ショートコードを投稿内に記述するだけで簡単にキャプチャを表示してくれる訳ですが、サイト名は吐き出してくれません。Shotsのスクショ画像とChormeの拡張機能の合わせ技でキャプチャと、サイトタイトルを一緒に表示する方法をご紹介します。キャプチャを作成するのが超簡単になります。※プラグインアップデートにつき、思うようにいかなくなったので最新記事を書きました。Linkを使用するこんな感じのサイトリンクになります。レスポンシブに対しようする応しているのでPCで見ている方は画面の幅を小さくしてみてください。Linkで生成しています。それでは設定の手順です。Shotsを利用されていない方はプラグインをインストールしてください。Shots]と入力、有効化。インストールする場合はこちらから。プラグインアップデートによりこちらも別窓では開かなくなりました。Shotsで生成されるキャプチャ画像のコードにtarget=”_blank”を追加します。functions.phpに以下を追記します。9999);プラグイン内のphpファイルを直接書き換えるやり方もありますが、プラグインのアップデート時にまた書き直さなければならなくなるので、functions.phpに記載した方がよさそうです。こちらの記事を参考にさせていただきました。Shotsで作られる画像にはbrowser-shotというクラス名が自動で付いているのでそれを利用しスタイルを記述していきます。以下はレスポンシブテーマSTINGER5への記述例です。--*/}このような感じでモバイル部分とPC表示部分に2か所スタイルを記述してください。Shotsのアップデートにより勝手に高さが指定されるプラグインのアップデートにより高さが450pxで指定されてしまいます。functions.phpに書き込むコードが良くわからなかったので取り急ぎプラグインファイルを直接編集する方法を記載しておきます。Shots→編集→browser-shots/browser-shots.php下記の部分を探してください。削除→ファイルを更新としてください。この方法ですとプラグインがアップデートのたびに同じことをしていただかないといけません。functions.phpに記述するコード、どなたか教えてください。プラグインのバージョンを元にもどすという手もあります。Linkのインストールカスタマイズ系のエントリーを見ていただいているような方はChrome使っている率が多いのではないでしょうか?もし使っていなければChromeをインストールしてください。LinkがChromeに追加されますので、【Configure】をクリック。設定画面が出てきます。【+】をクリックすると入力欄が追加されますので、【Name】と【Format】を入力していきます。【Name】は任意のものでOK。【Format】は下記をコピペします。style="clear:both;"></div>としていただくか、cssにclear:bothを指定してください。以上で設定は終わりです。次に使い方のご説明です。キャプチャ画像の生成のしかたまずはキャプチャしたいサイトを開きます(もちろんChromeで)。Linkのアイコンをクリック。先ほど入力した【Name】が追加されていますのでそれを選択。これで、コードがコピーされている状態になるのです。Linkでサイト名を吐き出す方法はこちらの記事を参考にさせていただきました。[R]記事内で他のブログ記事をサムネイル付きで紹介する時に便利な方法。記事URLhttps://shufulife.com/capture/お使いの端末ではこの機能に対応していません。下のテキストボックスからコピーしてください。【エクセル帳簿】決算時に行うこともっと見るブログの中の人ちゅんこ@shufulife意識低い系主婦。夫と娘(5歳)と仲睦まじく暮らしています。毎日楽することばかり考えて、お手本はアニメ「あたしンち」のお母さん。Shufulife本サイト内にある記事や画像などの一切の無断転載を禁じます。