Heim > CMS-Tutorial > WordDrücken Sie > Erhalten Sie automatisch Website-Screenshots in WordPress-Beiträgen

Erhalten Sie automatisch Website-Screenshots in WordPress-Beiträgen

藏色散人
Freigeben: 2019-10-23 11:44:41
nach vorne
3494 Leute haben es durchsucht

In der folgenden Spalte des WordPress-Tutorials erfahren Sie, wie Sie automatisch Website-Screenshots in WordPress-Artikeln erhalten. Ich hoffe, dass es für Freunde in Not hilfreich ist!

Erhalten Sie automatisch Website-Screenshots in WordPress-Beiträgen

1. Kurzcode

Fügen Sie den folgenden Code zur aktuellen Theme-Funktionsvorlage „functions.php“ hinzu:

function wp_screenshot($atts, $content=null){
extract(
shortcode_atts(
array(
"shots" => "https://s0.wordpress.com/mshots/v1/",
"url" => "https://www.wpbeginner.com",
"width" => "600",
"height" => "450",
"alt" => "screenshot"
), 
$atts
)
);
 
$img = &#39;<div class="wp-shot"><a href="&#39; . $url . &#39;" rel="external nofollow" target="_blank"><img src="&#39; . $shots . &#39;&#39; . urlencode($url) . &#39;?w=&#39; . $width . &#39;&h=&#39; . $height . &#39;" alt="&#39; . $alt . &#39;"  /></a></div>&#39;;
return $img;
}
add_shortcode("shot", "wp_screenshot");
Nach dem Login kopieren

Fügen Sie beim Veröffentlichen eines Artikels den Kurzcode hinzu:

[shot url="http://zmingcx.com/"]
Nach dem Login kopieren

oder passen Sie die Screenshot-Größe an

[shot url="http://zmingcx.com/" width="600" height="450"]
Nach dem Login kopieren

und ändern Sie den darin enthaltenen URL-Link.

Spezifische Effekte

Erhalten Sie automatisch Website-Screenshots in WordPress-Beiträgen

2. Fügen Sie direkt einen Link hinzu

Diese Methode ist bequemer zu verwenden und ist Der grundlegende Weg, um Screenshots zu erhalten. Format:

https://s0.wordpress.com/mshots/v1/http://zmingcx.com/?w=600&h=450
Nach dem Login kopieren

Sie können das obige Adresslinkformat auch direkt zum Artikel hinzufügen, genau wie beim normalen Einfügen von Bildern (Einfügen von einer URL). Der obige Screenshot wird auf diese Weise ohne die Verwendung von Short hinzugefügt Codes.

Da Screenshots sofort erstellt werden müssen, können Sie das Bild möglicherweise nicht sehen, wenn Sie es zum ersten Mal öffnen. Wenn nicht, aktualisieren Sie es einfach ein paar Mal. Die generierten Screenshots werden auf dem WordPress.com-Server gespeichert und beanspruchen keinen eigenen Platz und keine eigenen Ressourcen, können aber etwas langsam laden.

Das obige ist der detaillierte Inhalt vonErhalten Sie automatisch Website-Screenshots in WordPress-Beiträgen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:zmingcx.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage