前言介紹
- 這款 WordPress 外掛「JSM Screenshot Machine Shortcode」是 2013-05-30 上架。
- 目前有 40 個安裝啟用數。
- 上一次更新是 2025-04-30，距離現在已有 2 天。
- 外掛最低要求 WordPress 5.9 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 7.4.33 以上。
- 有 4 人給過評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
jsmoriss |
外掛標籤
machine | shortcode | screenshot |
內容簡介
使用這個外掛可以在你的內容中使用來自Screenshot Machine的圖片。
在你的內容中使用ssm短代碼，帶入以下參數：
key="{customer key}"
url="{url}"
dimension="{width x height}"（預設為120×90）
device="{desktop|phone|tablet}"（預設為桌面版）
format="{jpg|png|gif}"（預設為jpeg）
days="{cache expiration}"（預設為14）
wait="{wait in ms}"（預設為200）
title="{href title}"
link="{yes|no}"（預設為是）
target="{frame name}"（預設為_blank）
refresh="{yes|no}"（預設為是）
你可以在Screenshot Machine顧客檔案中找到{customer key}。
{url}是你想要擷取螢幕截圖的網頁網址。
範例圖片尺寸：
320x240 - 圖片大小為320×240像素。
800x600 - 圖片大小為800×600像素。
1024x768 - 圖片大小為1024×768像素。
1920x1080 - 圖片大小為1920×1080像素。
1024xfull - 全頁截圖，寬度等於1024像素（可能很長）
範例設備和圖片大小：
device="desktop"和dimension="1024x768" - 桌面版截圖，大小為1024×768像素
device="phone"和dimension="480x800" - 手機版截圖，大小為480×800像素
device="tablet"和dimension="800x1280" - 平板電腦截圖，大小為800×1280像素
{jpeg|png|gif} 圖片格式用於螢幕截圖（預設為jpeg）。
{cache expiration}是在截圖之前使用它的天數（預設為14）。
{wait in ms}是在截圖之前等待的毫秒數（預設為200）。
{href title}是圖片alt和title屬性的標題文本。
連結{yes|no}值會決定是否將圖片連結到網頁網址。
目標{frame name}的預設值是在新窗口/標籤中打開連結。空字符串、“_self”、“_top”、“_parent”或HTML框架名字也是有效值。
刷新{yes | no}值，包括javascript重試圖片每秒，直到它是可用的（最多10秒）。
短代碼的範例：
[ssm key="abc123" url="https://google.com/" dimension="800x600"]
原文外掛簡介
Shortcode to include images from Screenshot Machine in your content.
SSM Shortcode Required Attributes:
key="{customer API key}"
url="{webpage url}"
You can find the {customer API key} in your Screenshot Machine dashboard.
The {webpage url} is the web page URL you want to capture in the screenshot.
SSM Shortcode Optional Attributes:
dimension="{width x height}" (default is 120×90)
device="{desktop|phone|tablet}" (default is desktop)
format="{jpg|png|gif}" (default is jpg)
days="{cache expiration}" (default is 14)
wait="{ms}" (default is 200)
zoom="{percentage}" (default is 100)
click="{css selector}" (example: .button-close)
hide="{css selectors}" (example: .add-banner1,.add-banner2)
cookies="{semicolon list}" (example: name1=value1;name2=value2)
language="{locale}" (example: en-US)
agent="{user agent}"
select="{css selector}" (example: table.table:nth-child(3) > tbody:nth-child(2) > tr:nth-child(15))
crop="{x,y,width,height}" (example: 100,0,800,300)
title="{title}"
link="{yes|no}" (default is yes)
target="{name}" (default is _blank)
refresh="{yes|no}" (default is yes)
SSM Shortcode Attribute Details:
The dimension=”{width x height}” attribute examples:
dimension="320x240" – screenshot size 320×240 pixels.
dimension="800x600" – screenshot size 800×600 pixels.
dimension="1024x768" – screenshot size 1024×768 pixels.
dimension="1920x1080" – screenshot size 1920×1080 pixels.
dimension="1024xfull" – full page screenshot with width equals to 1024 pixels (can be pretty long).
The days=”{cache expiration}” attribute value is a number of days that a screenshot should be used before a new one is created (default is 14).
The wait=”{ms}” attribute value is a number of milliseconds to wait before capturing the screenshot (default is 200).
The click=”{css selector}”, hide=”{css selectors}”, and select=”{css selector}” attribute values are CSS class and/or id selectors. For example:
click=".button-close" – click this CSS class container before taking a screenshot.
hide=".add-banner1,.add-banner2" – hide this CSS class container before taking a screenshot.
select="table.table:nth-child(3) > tbody:nth-child(2) > tr:nth-child(15)" – take a screenshot only of this CSS container.
The title=”{title}” attribute value is a text string for the image alt and anchor title attributes.
The link=”{yes|no}” attribute value will determine if the image is linked to the web page URL or not.
The target=”{name}” attribute opens the link in that target (default is “_blank”). An empty string, “_self”, “_top”, “_parent”, or an HTML frame are other possible values.
The refresh=”{yes|no}” attribute value includes javascript to retry the image every second until it’s available (for a maximum of 10 seconds).
SSM Shortcode Example:
[ssm key="abc123" url="https://google.com/" dimension="800x600"]
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「JSM Screenshot Machine Shortcode」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
WP Shortcodes Plugin — Shortcodes Ultimate 》Shortcodes Ultimate 是一個全面的視覺與功能性元素收集，您可以在文章編輯器、文字小工具甚至是範本檔案中使用。使用 Shortcodes Ultimate，您可以輕鬆地建...。
MW WP Form 》MW WP Form 可以使用 shortcode 創建帶有確認畫面的郵件表單。, , 使用 shortcode 創建表單, 可以使用確認頁面。, 頁面可以使用相同的 URL 或個別的 URL 進行...。
Shortcoder — Create Shortcodes for Anything 》Shortcoder 外掛可讓您建立 HTML、JavaScript、CSS 和其他代碼片段的自訂捷徑。現在，這些捷徑可以在文章/頁面中使用，並且該片段將取代其位置。, ✍ 輕鬆建立...。
Display Posts – Easy lists, grids, navigation, and more 》Display Posts 讓您輕鬆地列出網站上的所有內容。首先在內容編輯器中新增此短碼，以列出最近的文章清單：, [display-posts], , 按類別篩選, 若只想顯示特定類...。
Widget Shortcode 》這個短碼需要小工具的ID，但不需要猜測，外掛會為你生成代碼。如果你想要覆蓋小工具的標題，你可以使用 "title" 參數：, [widget id=”text-1″...。
Woody code snippets – Insert Header Footer Code, AdSense Ads 》需要專業的支援嗎？, 免費獲取支援, 開始獲得高級支援, , 停止反覆使用相同的內容！, 停止插入 function.php 中的 PHP 代碼！, 停止將 Google Analytics、Yan...。
Column Shortcodes 》此外掛提供簡單易用的短碼，在您的文章或頁面中輕鬆創建欄位。有時候，您只需要將網頁切成不同的欄位。使用此外掛，您只需選擇一個欄位的短碼，便可將欄位加...。
amr shortcode any widget 》使用shortcode將小工具或多個小工具或整個小工具區域（側邊欄）插入到頁面中。, 首先在正常的側邊欄中設置小工具。 檢查它是否正常運作。, 然後將所選小工具...。
Shortcode in Menus 》此外掛讓你可以在 WordPress 導覽選單中使用簡碼，以便可以動態生成連結。也可以讓你在導覽選單中添加完整的 HTML 段落。, 使用方法, 查看截圖。, 另外，查看...。
Sidebar Widgets by CodeLights 》❗ 很抱歉，由於 SiteOrigin 的 widgets API 完全更改，CodeLights 不再支援 SiteOrigin Page Builder 的原生使用。解決方案：您仍然可以在純文字編輯器中創...。
Advanced iFrame 》看起來您正在尋找一個 WordPress 外掛 - Advanced iFrame Pro。這個外掛可讓您使用 iframe 包含其他網頁到您的網站中，同時具有隱藏和修改元素、自動調整高度...。
Insert Pages 》Insert Pages 可讓您使用 Shortcode API，將任何 WordPress 內容（例如，頁面、文章、自訂文章類型）嵌入其他 WordPress 內容。它還包括一個小工具，可將頁面...。
Shortcodes by Angie Makes 》Shortcodes by Angie Makes 外掛為您的 WordPress 主題新增一系列易於使用的短碼，這些短碼與 Angie Makes WordPress 主題 完美搭配。, 範例, 請到此查看這些...。
Team Members 》這個外掛會為管理員面板增加一個「團隊」區塊，讓您可以輕鬆地在網站上展示您的員工/職員。您可以快速地將成員加入您的團隊，加入他們的照片、職位、個人簡介...。
Post Snippets – Custom WordPress Code Snippets Customizer 》, 建立自訂短碼和可重複使用的內容，並將它們插入到您的文章和頁面中。, , 此外掛讓您建立 HTML、PHP 程式碼或常用文字片段的庫。在文章和頁面中，您可以使用...。