圖像和屏幕截圖是任何WordPress博客中的關鍵元素。 特別是，屏幕截圖使您可以突出顯示其他頁面的關鍵方面。 但是，這樣做可能會很麻煩 拍攝完美的瀏覽器截圖 並將它們添加到您的帖子中。 儘管您可以根據操作系統（OS）完成工作，但始終如一地拍攝屏幕快照是一個挑戰。
輸入 瀏覽器截圖 插入。 這使您可以截圖任何網站，甚至無需離開WordPress編輯器。 如果您的耳朵對此感到不適，您可能會想要繼續閱讀。
讓我們看看它是如何工作的！
瀏覽器屏幕截圖插件簡介
瀏覽器截圖 可以說是一個利基插件，應該在您的網站上佔有一席之地。 它使您無需離開WordPress編輯器即可獲取任何頁面的動態瀏覽器屏幕截圖。 這適用於經典編輯器和塊編輯器，具體取決於您的首選選項。 這與OS本地解決方案形成對比，後者要求您在平台之外打開新的瀏覽器窗口並進一步優化圖像。
如果使用經典編輯器，則瀏覽器屏幕快照使您可以使用自定義短代碼來生成所需的鏡頭。 您可以在任何頁面或帖子中添加多個屏幕截圖，並且這些截圖也適用於「塊編輯器」。
由於該插件會動態生成屏幕截圖，因此非常適合您不想為內容使用過時的鏡頭的情況。 如果您的頁面或帖子包含「瀏覽器屏幕截圖」短代碼或阻止，則訪問者將看到實時屏幕抓圖。 對於某些類型的內容，這是一個誘人的主張。
無論使用哪種方法，該插件還使您可以自定義所拍攝瀏覽器屏幕截圖的解析度。 您還可以在圖像中添加替代文本和文本，以及自定義CSS類。
但是，重要的是要了解此插件只需要 「首屈一指」 瀏覽器屏幕截圖。 這意味著將不會顯示需要滾動到的區域。 該區域的大小取決於您為每個瀏覽器屏幕截圖配置的參數，稍後您將學習如何進行操作。
主要特徵：
- 使用簡碼或代碼塊對瀏覽器窗口中的任何網站進行自定義拍攝。
- 在內容中添加瀏覽器屏幕截圖，而無需手動拍攝或上傳。
- 自定義瀏覽器屏幕截圖的解析度。
- 將自定義CSS類添加到插件生成的圖像。
- 在圖片中添加鏈接和替換文字。
價格：免費| 更多信息
如何使用瀏覽器屏幕截圖插件（2種方法）
到目前為止，您已經知道Browser Screenshot插件的工作原理，因此讓我們討論如何使用它。 短代碼是該插件的基本組成部分，因此讓我們首先看一下。
1.使用簡碼生成動態瀏覽器屏幕截圖
Browser Screenshots插件使您可以使用以下自定義短代碼來生成動態瀏覽器快照：
[browser-shot url="elegantthemes.com" width="600" height="400"]
簡碼包含兩個基本參數：width和height。 這兩個參數都使用像素值，插件拍攝的默認解析度為600 x400。當然，您還希望將要截屏的特定URL添加到短代碼中。
無論您使用塊編輯器還是經典編輯器，短代碼都將呈現類似於以下內容的屏幕截圖：
但是，瀏覽器屏幕快照還使您可以設置幾個自定義參數。 除了寬度和高度，這些還包括以下內容：
- 替代：此參數使您可以為屏幕截圖設置替代文本。
- 鏈接：您可以使用此參數選擇圖像指向的鏈接（該鏈接可能與鏡頭的來源不同）。
- 目標：使用此參數可以控制圖像鏈接是否在新窗口中打開。
例如，這是包含所有參數的完整短代碼如下所示：
[browser-shot url="http://www.google.com" width="700" height="500" alt="Google’s homepage" link="http://www.otherwebsite.com"]
您還可以使用簡碼來手動添加字幕：
[browser-shot url="http://www.google.com" width="700" height="500" alt="Google’s homepage" link="http://www.otherwebsite.com"]這是標題[/browser-shot]
在大多數情況下，您將使用的兩個最重要的參數是寬度和高度。 對於所有瀏覽器屏幕快照，使用相同的值通常不會返回最佳結果，因此，您需要調整參數以適合內容。
2.使用塊將截圖添加到您的網站
如果使用「塊編輯器」，則「瀏覽器屏幕截圖」插件將使您可以訪問名為「瀏覽器快照」的新塊：
選擇「阻止」將提示插件詢問您要使用哪個網站來生成屏幕截圖。 在此示例中，我們使用亞馬遜美國主頁：
單擊「查找圖像」後，插件將「截取」屏幕截圖並將其顯示在「塊編輯器」中：
要記住的一件事是，該插件無法訪問私人頁面或為您登錄。 對於這些類型的瀏覽器屏幕截圖，您必須自己做一些骯髒的工作。
繼續前進，在該屏幕截圖的右側，您可以看到「阻止詳細信息」選項卡。 這使您可以修改我們前面討論的所有參數，而無需添加自定義短代碼。
使用塊編輯器修改瀏覽器屏幕截圖的寬度和高度要簡單得多。 這是因為編輯器使您可以通過單擊height和width參數下方的Refresh Image按鈕來檢出預覽：
如果您同時比較兩個示例，則可以看到解析度的變化如何修改插件為您截屏的區域。 除此之外，您還可以向屏幕截圖添加自定義鏈接，配置是否在新標籤頁中打開它們，並在此處設置自定義CSS類。
結論
如果您經常在博客內容中包含瀏覽器屏幕截圖，則 瀏覽器截圖 插件可以為您節省很多時間。 這是一個相當小眾的插件，但是如果您在我們提到的人群中，那麼它將大大簡化編輯帖子的過程。
使用瀏覽器屏幕截圖，您可以使用簡單的短代碼或塊編輯器添加瀏覽器的屏幕抓圖。 對於簡碼，該插件包含幾個參數，使您可以自定義屏幕截圖，例如寬度，高度甚至alt（用於alt文本）。
您對如何使用瀏覽器屏幕截圖插件有疑問嗎？ 讓我們在下面的評論部分中討論它們！
由VectorMine / shutterstock.com撰寫的文章縮略圖