Kopieren und Einfügen in WordPress ohne Formatierungsprobleme

Kürzlich fragte uns ein Leser, wie man Artikel in WordPress kopieren und einfügen kann, ohne Formatierungsprobleme zu verursachen.

Beim Kopieren und Einfügen von Inhalten aus einer Desktop-Anwendung oder einer Webseite werden oft auch unerwünschte Formatierungen eingefügt. Diese passt nicht zu den Schriftarten und Farben Ihres WordPress-Themes, was einfach merkwürdig aussieht.

In diesem Artikel zeigen wir Ihnen, wie Sie einfach kopieren und in WordPress einfügen können, ohne unerwünschte Formatierungen und Stile.

Verstehen von Kopieren und Einfügen in WordPress

Kopieren und Einfügen bedeutet, einen Text von einer Stelle zu einer anderen zu kopieren, ohne ihn noch einmal abtippen zu müssen.

Um Text aus einem Dokument oder einer Webseite zu kopieren, müssen Sie ihn mit der Maus markieren. Klicken Sie dann einfach mit der rechten Maustaste und wählen Sie „Kopieren“ aus dem Menü.

Sie können auch die Tastenkombination Strg+C (Befehl+C auf einem Mac) verwenden, um den markierten Text zu kopieren.

Um den Text in WordPress einzufügen, klicken Sie einfach mit der rechten Maustaste und wählen Sie „Einfügen“ aus dem Menü.

Sie können auch die Tastenkombination Strg+V (Befehl+V auf einem Mac) verwenden, um den kopierten Text einzufügen:

Wenn Sie Text kopieren, wird die Formatierung des Textes mitkopiert. Das Problem ist, dass Sie manchmal eine Formatierung erhalten, die Sie nicht wollen.

Diese unerwünschte Formatierung kann die Anzeige Ihres Textes auf anderen Geräten beeinträchtigen.

Einige WordPress-Benutzer möchten das Kopieren und Einfügen ganz vermeiden. Stattdessen verfassen sie ihre Beiträge direkt auf ihrer WordPress-Website.

Vielleicht ziehen Sie es aber auch vor, den Entwurf mit einem separaten Tool wie Microsoft Word oder Google Docs zu erstellen. So können Sie offline arbeiten und Ihre Arbeit vor der Veröffentlichung leichter für Kommentare und Überarbeitungen freigeben.

Es ist auch wichtig, unnötige Formatierungen zu vermeiden, da sie sich auf die Größe der Seite auswirken, was wiederum die Geschwindigkeit der Website verlangsamt.

Deshalb haben wir diese ultimative Anleitung erstellt, wie man Text in WordPress richtig kopiert und einfügt. Sie können die Links verwenden, um direkt zu den gewünschten Abschnitten zu springen:

Kopieren und Einfügen aus Word in WordPress (Block Editor)

Das Kopieren von Text aus Microsoft Word ist recht einfach.

Seit Jahren können Sie mit WordPress formatierten Text aus Word-Dokumenten direkt in den Editor kopieren. Dies ist ein großer Vorteil, wenn Sie Ihre Beiträge gerne in Microsoft Word schreiben und formatieren.

Wenn Sie Ihren Beitrag aus Word in WordPress kopieren, können Sie Elemente wie Überschriften, fetten und kursiven Text, Links und Listen beibehalten. Styling-Optionen wie Farben, Abstände usw. werden dabei verworfen.

Hier ist ein Dokument, das wir aus Word in WordPress kopieren werden:

Dieses Dokument ist mit zwei Überschriften 2 für die Unterabschnitte des Beitrags formatiert. Es gibt fetten und kursiven Text, eine Aufzählung und einen Link.

Wir kopieren einfach den gesamten Inhalt aus dem Word-Dokument und fügen ihn in den WordPress-Blockeditor ein.

Beachten Sie, dass einige Formatierungen nicht übernommen worden sind. Das Bild wurde ausgelassen, aber WordPress hat einen Bildblock an der richtigen Stelle erstellt.

Tipp: Verwenden Sie immer die „Überschriftenformate“ in Word, um Ihre Zwischenüberschriften zu erstellen. Markieren Sie den Text nicht und vergrößern Sie die Schriftgröße nicht manuell.

Möchten Sie überprüfen, ob Ihr Text korrekt kopiert wurde? Folgen Sie den Anweisungen weiter unten in diesem Artikel, um Formatierungsfehler zu erkennen und zu beheben.

Kopieren und Einfügen aus Google Docs in WordPress (Block Editor)

Google Docs ist ein sehr beliebtes Textverarbeitungsprogramm. Genau wie bei Word ist es einfach, Texte aus Google Docs in den WordPress-Block-Editor zu kopieren und einzufügen.

Hier ist unser Text in Google Docs. Er ist identisch mit dem Dokument, das wir oben in Microsoft Word verwendet haben.

Sie können den Text in Google Text & Tabellen kopieren, indem Sie die Tasten STRG+C auf Ihrer Tastatur drücken oder die Option „Kopieren“ aus dem Rechtsklickmenü auswählen.

Danach können Sie den Text einfach in den Block-Editor einfügen. WordPress wird automatisch die richtigen Überschriftengrößen und Blöcke für den Inhalt verwenden.

Dieses Mal wird das Bild auch in WordPress erscheinen.

Es wird jedoch nicht in die WordPress-Mediathek hochgeladen, sondern direkt von Ihrem Google Drive-Konto angezeigt.

Sie müssen Bilder manuell herunterladen und auf Ihre WordPress-Website hochladen.

Kopieren und Einfügen mit dem klassischen Editor

Haben Sie nach dem Kopieren und Einfügen von Text in WordPress mit Formatierungsfehlern zu kämpfen? Dann verwenden Sie wahrscheinlich den alten klassischen Editor.

Der klassische Editor verarbeitet Word-Dokumente gut und sollte keinen unnötigen Code hinzufügen. Mit dem aus Google Docs kopierten Text kommt er jedoch nicht gut zurecht.

So sieht unser Text aus Google Docs aus, wenn wir ihn in den klassischen Editor einfügen:

Die Überschriften, Links, fett und kursiv gedruckter Text sehen alle korrekt aus.

Es wurden jedoch einige unnötige zusätzliche Formatierungen hinzugefügt, die nicht sichtbar sind.

Überprüfen und Beheben von Formatierungsfehlern beim Kopieren und Einfügen

Sehen wir uns nun an, wie man Formatierungsfehler überprüft und behebt.

Der gesamte Text in Ihren WordPress-Beiträgen wird mit HTML (Hypertext Markup Language) formatiert. HTML-Tags umschließen die Wörter, die auf eine bestimmte Weise formatiert sind.

Fettgedruckter Text in WordPress-Beiträgen sieht im HTML-Code zum Beispiel so aus:

There is <strong>bold text</strong> in this sentence.

Die Worte „fetter Text“ werden fett gedruckt.

Um Formatierungsfehler nach dem Kopieren und Einfügen zu prüfen und zu beheben, müssen Sie den HTML-Code für Ihren Beitrag überprüfen.

Prüfen des HTML-Codes im Block-Editor

Im Block-Editor ist es einfach, den HTML-Code eines beliebigen Blocks anzuzeigen. Klicken Sie zunächst auf den Block. Klicken Sie dann auf die drei vertikalen Punkte rechts neben dem Menü des Blocks.

Sie werden ein Dropdown-Menü sehen. Hier müssen Sie nur auf die Option „Als HTML bearbeiten“ klicken:

Sie sehen nun den HTML-Code für den Block. Mit dem Block-Editor sollten Sie normalerweise feststellen, dass keine unerwünschten Formatierungen hinzugefügt wurden.

Hier beginnt der Absatz korrekt mit dem öffnenden <p>-Tag und endet mit dem schließenden </p>-Tag.

Der fettgedruckte Satz ist ebenfalls korrekt. Er beginnt mit dem <strong>-Tag und endet mit dem schließenden </strong>-Tag.

Um wieder zur normalen Ansicht Ihres Blocks zu wechseln, klicken Sie einfach erneut auf die drei vertikalen Punkte.

Wählen Sie dann die Option „Visuell bearbeiten“.

Prüfen des HTML-Codes im klassischen Editor

Im klassischen Editor können Sie den HTML-Code eines Beitrags ganz einfach anzeigen, indem Sie auf die Registerkarte „Text“ am oberen Rand des Feldes klicken, das den Text des Beitrags enthält. Dies ist der HTML-Code für unseren Beitrag, der aus Google Docs kopiert wurde:

Die span-Tags sind hier zusätzlicher, unnötiger Code.

Außerdem werden fetter und kursiver Text mit dem <b>-Tag anstelle von <strong> und dem <i>-Tag anstelle von <em> formatiert . Im Allgemeinen ist es am besten, die Tags <strong> und <em> zu verwenden, da sie den Wörtern eine semantische Bedeutung verleihen und nicht nur eine visuelle Aufmachung.

Zum Vergleich sehen Sie hier den Code, der beim Kopieren aus Word anstelle von Google Text & Tabellen im klassischen Editor erzeugt wird. Es gibt keine unnötigen Formatierungs-Tags, und die Fett- und Kursivschrift wurde korrekt wiedergegeben.

Wenn Sie Ihren Beitrag aus Google Docs kopiert haben, müssen Sie den HTML-Code durchgehen und die Formatierung manuell korrigieren. In diesem Fall bedeutet dies:

• Entfernen aller <span style="font-weight: 400;"> und </span> Tags.
• Ändern aller <li style="font-weight: 400;"> in nur <li>.
• Ändern von <b> und </b> in <strong> und </strong>.
• Ändern von <i> und </i> in <em> und </em>.

Um den Vorgang zu beschleunigen, müssen Sie zunächst den HTML-Code kopieren und in einen Texteditor einfügen.

Verwenden Sie dann einfach Suchen und Ersetzen, um die falsche Formatierung zu ändern. Hier ist ein Beispiel mit Notepad. Wir suchen alle Instanzen von <li style="font-weight: 400;"> und ersetzen sie durch <li>:

Wenn Sie alle fehlerhaften Formatierungen ersetzt haben, kopieren Sie den Text einfach und fügen ihn wieder in die Textansicht des klassischen Editors ein.

Sie sollte folgendermaßen aussehen.

Kopieren und Einfügen von einfachem Text

Einfacher Text ist Text ohne jegliche Formatierung. Um die Möglichkeit einer falschen Formatierung zu vermeiden, können Sie es vorziehen, reinen Text zu kopieren und einzufügen.

Dies ist auch eine sehr nützliche Option, wenn Sie einen Textabschnitt von einer anderen Website kopieren. Sie könnten zum Beispiel ein Zitat von einer anderen Person in Ihren Inhalt aufnehmen.

Kopieren und Einfügen von einfachem Text im Blockeditor

Der WordPress-Blockeditor hat keine Schaltfläche oder Option zum Einfügen von einfachem Text. Sie können dies jedoch leicht selbst tun.

Am schnellsten geht es, wenn Sie die Tastenkombination Strg+Umschalt+V (PC) bzw. Befehl+Umschalt+V (Mac) verwenden, um Ihren Text einzufügen. Dadurch wird der Text automatisch im reinen Textformat eingefügt.

Alternativ dazu bieten einige Browser die Möglichkeit, den Text als reinen Text einzufügen.

Wenn Sie Google Chrome verwenden, klicken Sie einfach mit der rechten Maustaste und wählen Sie die Option „Als einfachen Text einfügen“:

Beide Methoden funktionieren, um einfachen Text in einen einzelnen Absatzblock einzufügen.

Kopieren und Einfügen von einfachem Text im klassischen Editor

Um einfachen Text in den klassischen Editor einzufügen, müssen Sie zunächst auf die Schaltfläche Umschalten in der Symbolleiste klicken:

Jetzt müssen Sie nur noch auf das Symbol „Als Text einfügen“ klicken.

Es sieht aus wie ein Klemmbrett mit dem Buchstaben T darauf:

Jeder Text, den Sie einfügen, wird nun im reinen Textmodus eingefügt, wobei die Formatierung entfernt wird.

So sieht es aus, wenn wir den Text aus unserem Google-Dokument einfügen. Die Überschriften, Fett- und Kursivdruck, Aufzählungszeichen und Links wurden entfernt:

Profi-Tipp: Kopieren, Einfügen und Klonen ganzer WordPress-Seiten

Während die obige Anleitung für Anfänger Ihnen die Grundlagen des Kopierens und Einfügens zeigt, bietet WordPress auch viele fortgeschrittene Kopier-, Einfüge- und Klonfunktionen.

So können Sie zum Beispiel in 7 einfachen Schritten eine ganze WordPress-Website klonen.

Es gibt auch eine Möglichkeit, eine doppelte WordPress-Seite oder einen doppelten WordPress-Beitrag mit einem einzigen Klick zu erstellen.

Wenn Sie den Block-Editor verwenden, können Sie auch wiederverwendbare Blöcke erstellen, die Sie in mehreren Beiträgen verwenden können.

Wir hoffen, dieser Artikel hat Ihnen geholfen, das Kopieren und Einfügen in WordPress zu erlernen. Vielleicht gefallen Ihnen auch unsere Tipps zum Umgang mit dem WordPress-Inhaltseditor und unsere Expertenauswahl der wichtigsten WordPress-Plugins für alle Websites.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.