[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主题的标题样式。以下是我们的演示网站上的内容:
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" ); |