WordPressで自動スクリーンショットを作成しますか？ WordPressの投稿/ページにサイトのスクリーンショットを頻繁に追加する場合は、プロセスを自動化することで、スクリーンショットに手動で費やす時間を節約できます。
このチュートリアルでは、自動キャプチャを作成する方法を紹介します。 サイトのWeb ワードプレス。
1メソッド：プラグインで自動キャプチャを作成します
したがって、この方法は、コードを使用したくない初心者およびユーザーに推奨されます。
最初に行う必要があるのは、プラグインをインストールしてアクティブ化することです。 ブラウザショット 」。 詳細については、ステップバイステップガイドをご覧ください。 WordPressプラグインのインストール方法.
プラグインはすぐに機能し、構成する設定はありません。
投稿/ページを編集するか、新しい投稿/ページを作成するだけです。 ビジュアル エディターに、スクリーンショットを追加するための新しいボタンが表示されます。 サイトのWeb.
それをクリックすると、サイトのURL、代替テキスト、画像のURLのリンク、スクリーンショットの高さ/幅を入力できるウィンドウが表示されます。
[OK]ボタンをクリックすると、プラグインがWordPressの投稿にショートコードを追加します。 これで、投稿をプレビューして、プラグインの動作を確認できます。
WordPressテキストエディタを使用していて、ビジュアルエディタでこの新しいボタンを使用したくない場合は、このショートコードを自分で手動で追加することもできます。
[browser-shot url = "https://blogpascher.com"]
デフォルトでは、プラグインは600 x600ピクセルのスクリーンショットを作成します。 これは、幅と高さの属性をショートコードに追加することで変更できます。
[ブラウザショットurl =»http：// www。 blogpascher.com "width =" 400″ height = "400″]
また、問題のページへのリンクがあります。 これを変更するには、ショートコードにリンク属性を追加し、必要なリンクを追加します。
[ブラウザショットurl =»http：// www。 blogpascher.com "width =" 400″ height = "400″ link =" http://example.com "]
スクリーンショットにキャプションを追加する場合は、テキストをショートコードで囲むことで追加できます。
【ブラウザショットURL=”http://www. blogpascher.com »] ウェブサイトの作成 – ワードプレスブログ、 店 eコマース [/ブラウザショット]
Browser Shotプラグインは「 mshots »WordPress.comAPIを使用して、その場でスクリーンショットを生成します。 これらの画像は、WordPressメディアライブラリには保存されません。 これらは、WordPress.comサーバーから直接生成されます。
2メソッド：コードを追加してキャッチを作成
この方法では、WordPressファイルにコードを追加する必要があります。 初心者にはお勧めできません。 WordPressでプラグインを作成する方法を示したので、それを使用してこのコードを追加できます。
function bpc_screenshots（$ atts、$ content = NULL）{extract（shortcode_atts（array（ "snap" => 'http://s.wordpress.com/mshots/v1/'、 "url" => 'https：// blogpascher.com '、 "alt" =>'スクリーンショット '、 "w" =>' 600 '、//幅 "h" =>' 450 '//高さ）、$ atts））; $ img = ' '; $ imgを返します。 } add_shortcode（ "screen"、 "bpc_screenshots"）;
前述のプラグインと同様に、このコードはAPI " mshots WordPress.comから、その場でスクリーンショットを生成します。
のスクリーンショットを表示するには サイトのWeb WordPress の投稿やページでキャプチャするには、次のようにショートコードを入力する必要があります。
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
独自の値を持つURLフィールドとAltキーを交換してください.
デフォルトでは、このコードは600 x450ピクセルのスクリーンショットを生成します。 これは、独自の高さと幅の属性をショートコードに追加することで変更できます。
[screen url = "http：// blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
これで、このチュートリアルはほぼ完了です。 あなたがあなたのウェブサイトでスクリーンショットを撮れることを願っています。 問題が発生した場合はお気軽にご連絡ください。
