Styling für Print - Wordpress Codex

Standardmäßig, wenn ein Benutzer eine Wordpress-Webseite druckt, die nicht mit dem Druck im Auge ist, wird das Stylesheet abgestreift und die Seite gedruckt wird, als ob es kein Stylesheet ist. Es neigt dazu, wie eine lange Reihe von Informationen mit Ihrem Kopf beginnen zu sehen, der Inhalt, dann der langen Liste, die Sidebar ist, dann Fußzeile. Nicht sehr hübsch.

Erstellen von Druckstilen

Im Inneren des Style Sheet

Styles für den Druck innerhalb des Stylesheet selbst eingestellt werden. Der Browser muss „angewiesen“ wird für die Druckstile im Stylesheet zu suchen, und sie müssen in einem eigenen Abschnitt sein.

Um den Browser anweisen, für die Druckstile im Stylesheet zu suchen, ändern Sie Ihren Stylesheet Link im Kopfbereich Ihrer header.php Vorlagendatei aus diesem:

Dazu den Browser anweist für Druckstile im Stylesheet suchen:

In Ihrem Stylesheet, in der Regel am unteren Ende, fügen Sie folgendes Ihre Druckstile zu starten:

Erstellen eines Print-Stylesheet

eine unabhängige Stylesheet mit allen Ihren Druckstile zu erstellen:

  1. Erstellen Sie eine Textdatei mit dem Namen print.css.
  2. Speichern Sie es auf Ihrem Wordpress-Theme-Ordner.
  3. Typ (oder Einfügen) in der folgenden erhalten die Druckstile gestartet und speichern Sie die Datei:
4. Erstellen Sie einen Link im Kopfbereich Ihrer header.php Template-Datei wie folgt:

Mit display: none. jedes Element auf Ihrer Webseite kann, wenn sie gedruckt verschwinden. Wenn Sie Werbung oder andere Elemente haben Sie nicht wollen, wenn sie gedruckt erscheinen, fügen Sie dann die Anzeige: keine ihrer Wähler unter dem Druckabschnitt.

Strukturänderungen

Da die meisten Benutzer die Seitenleiste löschen möchten und den Inhalt so positionieren, dass es auf der Seite in einem bequemen Lese Layout erstreckt, verwenden Sie folgendes Beispiel:

Drucken Druck Größen

Sie können die gedruckten Schriftgrößen steuern, indem Sie Punkte anstelle von Pixeln oder em, da diese im Zusammenhang mit Informationen unter Verwendung der Drucker verstehen kann.

Seitenumbrüche

Während diese nicht für jeden Browser oder Drucker arbeiten, können Sie sich anweisen, nicht auf Ihren Fotos oder Grafiken in zwei Stücken „zu brechen“ oder Blockzitate auseinander brechen oder nicht einen Seitenumbruch nach einer Überschrift haben, sondern um es zu zwingen, bevor sie zu brechen die Überschrift. Dies ist keine perfekte Wissenschaft, aber wenn Sie wirklich besonders sind, wie Ihre gedruckten Webseite aussieht, könnten Sie diese verwenden möchten.

Es gibt viele Aspekte Ihrer Webseite Design Sie steuern können beim Drucken, einschließlich der Größe, Farben und Aussehen von Links, Überschriften, Titel, Autor Informationen, die Post-Metadaten, einen Teil Ihrer Webseite ein. Hier ist ein Beispiel für eine Nutzung, die Sie als Referenz verwenden können.

In Verbindung stehende Artikel