Browser Screenshots

使用 [browser-shot] 短代碼便能自動完成擷取網站螢幕擷圖的程序。如果使用的是 TinyMCE 編輯器 (傳統編輯器)，會在編輯器工具列上顯示對應圖示按鈕，簡化使用短代碼建立螢幕擷圖的程序。

這個外掛使用 WordPress.com 的 mshots 功能，它能自動擷取網站的螢幕擷圖。這個功能可免費使用於非商業用途。

擷取的網站螢幕擷圖會儲存於 WordPress.com，而不會儲存於使用這個外掛的網站。在再次產生網站螢幕擷圖前，現有的螢幕擷圖會快取保留大約 24 個小時。

短代碼使用範例

// basic shot 600px wide [browser-shot url="https://link-to-website" width="600"] // shot with link to other website [browser-shot url="https://link-to-website" width="700" link="https://www.binarymoon.co.uk/"] // shot with caption (uses default WordPress caption styles) [browser-shot url="https://link-to-website" width="700"]Add Caption[/browser-shot]

可用參數

• url (必要參數)：擷取螢幕擷圖的目標網址。
• width：螢幕擷圖圖片寬度。
• height：螢幕擷圖圖片高度。
• alt：螢幕擷圖圖片替代文字。
• link：螢幕擷圖圖片連結。如不設定這項參數，螢幕擷圖圖片會連結至擷取螢幕擷圖的網站網址。
• target：連結開啟方式。設定為 _blank 便會在新視窗開啟連結。
• class：為 browsershots 新增包裝函式類別。
• image_class：將 browsershots 圖片類別從預設的 alignnone 變更為自選類別。
• display_link：參數值為 true 或 false，預設值為 true，用於在螢幕擷圖中顯示連結。
• post_links：參數值為 true 或 false，預設值為 false，用於將螢幕擷圖連結至文章的永久連結。

使用程式碼產生螢幕擷圖

使用外掛提供的 BrowserShots::get_shot 方法，便可以在佈景主題中使用這個外掛建立網站螢幕擷圖。

程式碼片段範例：

<img src="<?php echo BrowserShots::get_shot( 'https://prothemedesign.com', 600, 450 ); ?>" />

請注意，如果要達成這個目的，必須安裝外掛並完成啟用。

get_shot 方法有 3 個參數：

1. url
2. width
3. height

短代碼的其他參數，可以在外掛輸出 HTML 程式碼時手動輸入。

多站網路相容性

Browser Shots 與 WordPress 多站網路相容，請使用 [於多站網路中啟用] 功能為全部網站啟用外掛的短代碼。如果僅需要為特定的網站啟用外掛短代碼，請在個別網站啟用外掛。

相關資訊

• 如需取得外掛程式碼，可以前往 GitHub 存放庫取得。
• 如果有任何使用上的問題，請前往 Twitter 詢問。