Erstellen Sie automatisierte Screenshots in WordPress? Wenn Sie Ihren WordPress-Posts / -Seiten häufig Site-Screenshots hinzufügen, sparen Sie durch die Automatisierung des Prozesses Zeit, die Sie manuell für Screenshots aufwenden müssen.
In diesem Tutorial zeigen wir Ihnen, wie Sie automatisierte Erfassungen der erstellen Website Wordpress.
1-Methode: Erstellen Sie automatische Captures mit einem Plugin
Diese Methode ist daher für Anfänger und Benutzer, die keinen Code verwenden möchten, einfacher zu empfehlen.
Als erstes müssen Sie das Plugin installieren und aktivieren. " Browser Shots “. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung unter wie man ein WordPress Plugin installiert.
Das Plugin funktioniert sofort und es müssen keine Einstellungen konfiguriert werden.
Bearbeiten Sie einfach einen Beitrag/eine Seite oder erstellen Sie einen neuen Beitrag/eine neue Seite. Sie werden eine neue Schaltfläche im visuellen Editor bemerken, um Screenshots der hinzuzufügen Website.
Wenn Sie darauf klicken, wird ein Fenster geöffnet, in dem Sie die Site-URL, den Alternativtext, einen Link zur Bild-URL und die Höhe / Breite des Screenshots eingeben können.
Klicken Sie auf die Schaltfläche "OK" und das Plugin fügt Ihrem WordPress-Beitrag einen Shortcode hinzu. Sie können jetzt eine Vorschau Ihres Beitrags anzeigen, um das Plugin in Aktion zu sehen.
Wenn Sie den WordPress-Texteditor verwenden und diese neue Schaltfläche im visuellen Editor nicht verwenden möchten, können Sie diesen Shortcode auch manuell hinzufügen.
[browser-shot url = "https://blogpascher.com"]
Standardmäßig erstellt das Plugin einen Screenshot von 600 x 600 Pixel. Sie können dies ändern, indem Sie dem Shortcode die Attribute width und height hinzufügen.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 "height =" 400 "]
Er wird auch einen Link zu der betreffenden Seite haben. Sie können dies ändern, indem Sie ein Linkattribut in den Shortcode einfügen und einen beliebigen Link hinzufügen.
[browser-shot url = »http: // www. blogpascher.com "width =" 400 "height =" 400 "link =" http://example.com "]
Wenn Sie dem Screenshot eine Beschriftung hinzufügen möchten, können Sie dies tun, indem Sie den Text um den Shortcode wickeln.
[browser-shot url=“http://www. blogpascher.com »] Website-Erstellung – WordPress-Blog, Boutique E-EINKAUF [/browser-shot]
Das Browser Shot Plugin verwendet " mshots »WordPress.com-API zum Erstellen von Screenshots im laufenden Betrieb. Diese Bilder werden nicht in Ihrer WordPress-Medienbibliothek gespeichert. Sie werden direkt von den WordPress.com-Servern generiert.
2-Methode: Fang durch Hinzufügen eines Codes erstellen
Bei dieser Methode müssen Sie Ihren WordPress-Dateien Code hinzufügen. Es wird nicht für Anfänger empfohlen. Wir haben Ihnen gezeigt, wie Sie ein Plugin in WordPress erstellen, damit Sie diesen Code hinzufügen können.
Funktion bpc_screenshots ($ atts, $ content = NULL) {extract (shortcode_atts (array ("snap" => 'http://s.wordpress.com/mshots/v1/', "url" => 'https: // blogpascher.com ', "alt" =>' Screenshot ', "w" =>' 600 ', // Breite "h" =>' 450 '// Höhe), $ atts)); $ img = ' '; return $ img; } add_shortcode ("screen", "bpc_screenshots");
Ähnlich wie das zuvor erwähnte Plugin verwendet dieser Code auch die API " mshots Von WordPress.com aus, um Screenshots im laufenden Betrieb zu erstellen.
Um einen Screenshot von a anzuzeigen Website Um die Erfassung in Ihren WordPress-Beiträgen und -Seiten zu ermöglichen, müssen Sie den Shortcode wie folgt eingeben:
[screen url = "https://blogpascher.com" alt = "BlogPasCher"]
Ersetzen Sie die URL-Felder und Alt mit Ihren eigenen Werten.
Standardmäßig generiert dieser Code einen Screenshot von 600 x 450 Pixel. Sie können dies ändern, indem Sie dem Shortcode Ihre eigenen Höhen- und Breitenattribute hinzufügen.
[screen url = "http: // blogpascher.com" alt = "BlogPasCher" w = "400" h = "400"]
Das ist alles für dieses Tutorial. Ich hoffe, Sie können auf Ihrer Website Screenshots machen. Zögern Sie nicht, uns bei Problemen zu kontaktieren.
