Springe zum Hauptinhalt

Wie Screenshots auf Wordpress zu erstellen

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

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 Website-Captures in WordPress erstellen.

Capture automatisiert 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 Artikel / eine Seite oder erstellen Sie einen neuen Artikel / eine neue Seite. Sie werden eine neue Schaltfläche im visuellen Editor bemerken, um Screenshots der Website hinzuzufügen.

Screenshot der WordPress-WebsiteWenn 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.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Browser-Optionen Schüsse

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, E-Commerce-Shop [/ browser-shot]
Blogpascher Screenshot

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 einer Website-Erfassung in Ihren WordPress-Posts und -Seiten anzuzeigen, 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.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
5 Aktien
Aktie2
tweet
Registrieren3