

单击它将弹出一个弹出窗口,您可以在其中输入网站URL,备用文本,URL链接和屏幕截图的高度/宽度。
单击确定按钮,插件将为您的WordPress帖子添加一个短代码。您现在可以预览帖子以查看小程序开发报价。
如果您在WordPress 中使用文本编辑器或不想在可视编辑器中使用该按钮,那么您也可以自己手动添加短代码。
[browser-shot url="https://www.wpbeginner.com"]
默认情况下,该插件将创建600 x 600像素的屏幕截图。您可以通过将宽度和高度属性添加到短代码来更改它。
[browser-shot url="https://www.wpbeginner.com" width="400" height="400"]
它还会自动链接到该网站。您可以通过向短代码添加链接属性来更改它,并添加所需的任何链接。
[browser-shot url="https://www.wpbeginner.com" width="400" height="400" link="http://example.com"]
如果要在屏幕截图下方添加标题,则可以通过在短代码周围包含标题文本来实现。
[browser-shot url="https://www.wpbeginner.com"]WPBeginner - WordPress Resource Site for Beginners[/browser-shot]
标题将使用您的WordPress主题的标题样式。以下是我们的演示网站上的内容:
Browser Shots插件使用WordPress.com的mshots API动态生成屏幕截图。这些图像不存储在WordPress媒体库中。它们直接从WordPress.com服务器提供。
请参阅我们的WordPress.com和WordPress.org之间差异指南。
| 
 1 
2 
3 
4 
五 
6 
7 
8 
9 
10 
11 
12 
13 
14  | 
function wpb_screenshots($atts, $content = NULL) {extract(shortcode_atts(array("snap" => 'http://s.wordpress.com/mshots/v1/',"url" => 'https://www.wpbeginner.com',"alt" => 'screenshot',"w" => '600', // width"h" => '450' // height), $atts)); $img = '<img alt="' . $alt . '" src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" />';return $img;}add_shortcode("screen", "wpb_screenshots"); |