Kann der Inhalt Ihrer Website einfach gedruckt werden?

Wenn Sie nicht wissen, worauf sich diese Frage bezieht, ist Ihr Blog wahrscheinlich nicht einfach zu drucken.

Obwohl einige Entwickler von WordPress-Themes Unterstützung für benutzerfreundliche Inhalte entwickeln, ist dies meistens nicht der Fall. Und das bedeutet, wenn Sie möchten, dass die Benutzer Ihre Inhalte auf eine wirklich lesbare Weise drucken können, müssen Sie die Dinge selbst in die Hand nehmen. Darüber würde ich heute sprechen.

In diesem Tutorial erfahren Sie, wie Sie ein Blog druckkompatibel machen und wie Sie mit CSS-Code Ihren eigenen druckerfreundlichen Stil erstellen.

Falls Sie WordPress noch nie installiert haben, entdecken Sie es Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Was macht eine druckfreundliche Website aus?

Ihre Website enthält viele Elemente, die das Navigieren in ihrer Gesamtheit erleichtern. Navigationsmenüs, interne Hyperlinks, Seitenleisten… Was auch immer gut für Leute ist, die Ihre Website besuchen, weil es ihnen ermöglicht, neue Informationen zu finden und zwischen verschiedenen Seiten zu wechseln.

Wenn es jedoch darum geht, bestimmte Inhalte für Ihre Website zu drucken, stören diese Elemente nur. Denken Sie darüber nach ... Leute müssen nicht auf Ihr Navigationsmenü klicken oder mit Ihrer Seitenleiste auf der gedruckten Seite interagieren, daher ist das Drucken auf Ihrer Seite nicht besonders nützlich, wenn Sie Ihren Inhalt in einem Song lesen. aus Papier.

Entdecken Sie auch unseren Guide auf Anwenden von Benutzeroberfläche und Benutzererfahrung auf WordPress

Außerdem stimmen die auf Ihrer Website verwendeten Schriftarten und Schriftgrößen manchmal auch nicht mit den Abmessungen der gedruckten Seite überein.

Und schließlich drucken viele Leute Ihre Inhalte in Schwarzweiß (und Farbtinte ist teuer!). Sie müssen also einen graueren Look für Ihre benutzerfreundlichen Inhalte verwenden.

Aus diesem Grund umfasst das Erstellen eines druckfähigen Blogs Folgendes:

  • Ändern von Schriftarten, Ändern der Elementgröße und des Abstands, um das Lesen auf einer normalen Seitengröße zu erleichtern
  • Entfernen von überflüssigen Elementen wie Anzeigen, Navigation und Seitenleisten, die auf einer gedruckten Seite nicht hilfreich sind
  • Farbmanagement, wenn Sie viele farbige und weiße Elemente verwenden

Lesen Sie auch unseren Leitfaden über: Wie ein benutzerdefiniertes Format für Thumbnails hinzufügen

Wie können Sie das wirklich tun?

Wie Sie Ihre Website benutzerfreundlich mit CSS machen

Im nächsten Abschnitt werde ich Ihnen zeigen, wie Sie die vollständige Kontrolle darüber haben, wie die druckbare Version Ihrer Website angezeigt wird. Sie können die Medienauswahl tatsächlich verwenden, um die gedruckte Version Ihrer Seite zu bearbeiten.

entdecken Sie auch So passen Sie Ihre Wordpress-Dashboard

Der grundlegende CSS-Block für Ihre benutzerfreundlichen Inhalte lautet wie folgt:

@media print {/ * Druckerspezifische Stile finden Sie hier * /}

Alle CSS-Stile, die Sie dieser Multimedia-Deklaration hinzufügen, wirken sich nur auf die gedruckte Version Ihrer Seite aus.

Wohin gehst du von dort?

Nun, es ist schwierig, eine genaue Antwort zu geben, da alles von Ihren Vorlieben und Ihrem WordPress-Thema abhängt.

Siehe auch unsere 10 Premium WordPress Plugins zum Verwalten Ihrer Kommentare

Aber im Allgemeinen sind hier einige Dinge, die Sie mit CSS tun möchten:

  • Anzeige verwendenkeine Entfernen von Seitenleisten, Navigationsmenüs, Suchformularen und anderen Elementen, die auf der gedruckten Seite nicht nützlich sind.
  • Stellen Sie eine lesbare Schriftgröße ein. Sie müssen auch die Größe der Tabellen anpassen, um Daten aus Google Text & Tabellen oder einer anderen Quelle anzupassen.
  • Verwenden Sie eine Serifenschrift zum Drucken Ihrer Website, da die meisten Menschen das Lesen auf einer gedruckten Seite leichter finden.
  • Ändern Sie die Farben, insbesondere wenn Sie eine Hintergrundfarbe mit einer starken Farbe verwenden. Die meisten Browser verwenden in vielen Situationen standardmäßig einen weißen Hintergrund. Stellen Sie jedoch sicher, dass hier kein Problem vorliegt.

In Bezug auf die oben genannten vier Elemente sollten Sie bereits eine recht benutzerfreundliche Website haben. Wenn Sie jedoch noch weiter gehen möchten, können Sie auch erweiterte Taktiken implementieren.

Entdecken Sie auch einige Premium-WordPress-Plugins  

Sie können andere verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Verbindung zu Ihrem Blog oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. Kontaktieren Sie uns

Kontaktformular ist ein WordPress Plugin Premium Responsive und ein einfaches Tool, aber reich an Anpassungsoptionen, mit dem Sie ein klares und ermutigendes Formular anzeigen können, auf dem Ihre Besucher Sie kontaktieren können, indem sie ihre Nachricht hinterlassen.

Kontaktformular WordPress Kontaktformular Plugin WordPress

Sie haben die Möglichkeit, die erforderlichen Felder zu definieren, das beste Layout der Felder zu wählen und es vollständig zu personalisieren Ermutigen Sie Ihre Kunden oder Besucher, ihre Vorschläge oder Nachrichten zu hinterlassen.

Unsere Ideen für 10 WordPress-Kontaktformular 7-Plugins, die Sie wahrscheinlich ignorieren

Richten Sie einfach die E-Mail-Adresse ein, unter der Sie die Nachrichten erhalten möchten, und verwenden Sie sie, um Ihr Unternehmen in die profitabelste Richtung zu führen.

Herunterladen | Demo | Web-Hosting

2. WooCommerce Social Login

Ce WordPress Plugin Premium hilft, die Registrierungszeit für Websites zu verkürzen, was Benutzer normalerweise ärgert und Ihre Verkäufe verringert. Aber wenn Sie WooCommerce Social Login verwenden, wird die Zeitersparnis des Benutzers erhöht, was zwangsläufig auch Ihren Umsatz steigern wird.

Woocommerce Social Login WordPress Plugin

Wenn ein Kunde Ihre Website zum ersten Mal besucht, erleichtern Sie das Auschecken, indem Sie ihm erlauben, als Gast auszuchecken. Dies führt jedoch zu Reibungsverlusten für Kunden, die mehrmals in Ihrem Online-Shop einkaufen möchten. Sie müssen jedes Mal einen anderen Benutzernamen und ein anderes Passwort erstellen.

Entdecken Sie auch unsere 50 WooCommerce Plugins Ihren Online-Shop zu verbessern

WooCommerce Social Login macht diesen Vorgang daher so einfach und sicher wie möglich. Kunden können sich über ihre Facebook-, Twitter-, Yahoo-, LinkedIn-, Foursquare-, Windows Live-, VKontakte- (VK.com), PayPal- und Instagram-Konten auf Ihrer Website anmelden. und Amazon.

Herunterladen | Demo | Web-Hosting

3. ConvertPlus

ConvertPlus vorhandenen Wirkstoffe zu einem WordPress Plugin Premium All-in-One, das Ihre Website in ein leistungsstarkes Modul zur Lead-Generierung verwandelt. Insbesondere ermöglicht es Ihnen, Ihre eigene Kontaktliste zu erstellen, größer, schneller und zielgerichteter als je zuvor.Popup Plugin für WordPress Convertplus Plugin WordPress

Sie haben die Möglichkeit dazu Erstellen Sie schöne Popups In wenigen Minuten können Sie Ihre Besucher in Abonnenten umwandeln.

Die Eigenschaften eines effektiven Popups für WordPress sind unbedingt zu entdecken

Die anderen Funktionen sind: Unterstützung für pLesen von 10 Stellen für Popup-Anzeige, Unterstützung für püber 100 WordPress-Themes, die Unterstützung von Video-Popups, soziales Teilenformals, Widgets und andere Bars Informationen.

Herunterladen | Demo | Web-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Zusammenfassung

Hier ist ! Das war's für dieses Tutorial. Ich hoffe, Sie haben alles, was Sie brauchen, um das Gefühl Ihrer Website zu personalisieren. Wenn Sie in diesem Bereich Bedenken oder Vorschläge haben, wenden Sie sich an uns den zu diskutierenden Kommentarbereich.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Aber in der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...