Jak upewnić się, że witryna WordPress jest gotowa do druku

Jako projektant stron internetowych, programista lub właściciel witryny rzadko trzeba drukować strony witryny. Jeśli jednak zajdzie taka potrzeba i będziesz musiał wysłać swoje strony internetowe do drukarki, chcesz mieć pewność, że wyglądają tak dobrze, jak na papierze, jak na ekranach.

Jeśli Twoja strona nie jest gotowa do druku, nie tylko twoje strony będą wyglądać na pomieszane na papierze, ale mogą również renderować jako druk niskiej jakości na papierze. Oczywiście to nie jest to, co Ty lub Twoi użytkownicy sieci chcą zobaczyć. Pamiętaj, że nie wszyscy odwiedzający czytają treści internetowe online.

W tym poście omówimy, jak przygotować witrynę WordPress do druku, aby każda wydrukowana strona była wyraźna i uporządkowana na papierze. Po pierwsze, jaka jest potrzeba strony internetowej gotowej do druku?

Dlaczego Twoja Strona WordPress Jest Gotowa Do Druku?

Możesz słusznie zapytać, dlaczego musisz przygotować swoją stronę do druku, biorąc pod uwagę, że większość użytkowników Internetu korzysta z urządzeń cyfrowych do surfowania po Internecie. Prawda jest taka, że nie powinieneś zakładać założeń dotyczących tego, jak ludzie czytają treści Twojej witryny. Faktem jest, że większość odwiedzających witrynę czyta treści bezpośrednio online, ale dobrze jest zaspokoić niewielu, którzy mogą wydrukować twoje strony internetowe. A biorąc pod uwagę, że przygotowanie strony internetowej do druku nie jest zbyt pracochłonne, nie ma powodu, aby tego nie robić.

Ogólnie rzecz biorąc, należy uwzględnić wszystkie możliwe sposoby dostępu do treści, w tym drukowania. Zasadniczo chcesz być gotowy na wszystko, do czego użytkownicy sieci mogą chcieć użyć twoich treści. Jeśli czytelnik znajdzie na przykład post związany z jego pracą i zdecyduje się użyć go jako punktu odniesienia w prezentacji, będzie chciał go wydrukować. Po prostu nigdy nie wiadomo, kto odwiedzi witrynę i jak będzie korzystać z treści. Jak więc twój blog WordPress może renderować się z wyraźną przejrzystością zarówno na ekranach cyfrowych, jak i na papierze?

Gotowe Do Druku Wtyczki WordPress

Jak można się spodziewać z poprawkami WordPress, zawsze jest wtyczka na ratunek. Pisanie własnego CSS do druku jest potężne, ale wymaga trochę planowania, nie wspominając o dodatkowych godzinach testowania i naprawiania pojawiających się problemów. Tak więc, jeśli nie chcesz pobrudzić sobie rąk pisząc CSS, po prostu podnieś wtyczkę, aby wykonać tę pracę. Istnieje kilka wtyczek, których możesz użyć w zależności od złożoności układu bloga. Oto kilka typów do rozważenia:

Łatwe Udostępnianie Społecznościowe Wtyczka WordPress

easy-social-share-for-wordpress

Info & Pobierzzobacz Demo

Jedna z najpopularniejszych wtyczek CodeCanyon, Easy Social Share jest pełna świetnych funkcji, które ułatwiają czytelnikom udostępnianie bloga. Wtyczka nie tylko obsługuje ponad 20 głównych sieci społecznościowych, ale także zawiera przydatną opcję drukowania, którą możesz dodać do dowolnego posta lub strony. A ponieważ przycisk drukowania jest dołączony do wszystkich przycisków udostępniania społecznościowego, jest to szybki i bezproblemowy sposób dodania opcji drukowania do swojej witryny.

Drukuj przyjazny i przycisk PDF darmowa wtyczka WordPress

wordpress-print0friendly-pdf-button

Info & Pobierzzobacz Demo

Drukuj przyjazne i PDF przycisk tworzy wersje wydruku stron internetowych za pomocą jednego kliknięcia przycisku. Następnie możesz zapisać strony w formacie PDF lub wydrukować je na papierze. Obsługuje ponad 20 języków i automatycznie dostosowuje język do ustawień językowych użytkownika. Wtyczka zawiera wiele innych funkcji, a co najlepsze, możesz z niej korzystać bezpłatnie (z reklamami). Jeśli chcesz mieć wersję bez reklam, musisz wykupić subskrypcję.

WP Print Free WordPress Plugin

wp-print-plugin

Info & Pobierzzobacz Demo

Jest to kolejna wielka mała wtyczka, która sprawia, że twój blog WordPress jest gotowy do drukowania bez kłopotów. Nie ma tak wielu funkcji jak poprzednia wtyczka, ale ma przyzwoity zestaw ustawień do kontrolowania elementów strony do wydrukowania. Na stronie internetowej wyświetla jeden przycisk drukowania, który pozwala użytkownikom wygenerować wersję gotową do wydruku dowolnej strony, którą chcą.

Niestandardowy CSS do druku

Jeśli czujesz się komfortowo z kodowaniem, dobrym punktem wyjścia, gdy chcesz przygotować swój blog WordPress do druku, jest CSS. W rzeczywistości przygotowanie witryny do druku polega zasadniczo na pisaniu stylów CSS, aby ukryć lub wyświetlić elementy, aby były jasne na papierze. Jeśli twój motyw nie jest gotowy do drukowania lub chcesz dodać niestandardowe style drukowania, najpierw Utwórz motyw potomny, abyś mógł dodać niestandardowy CSS lub zainstalować i aktywować swoją ulubioną niestandardową wtyczkę CSS.

Teraz wszystko, co musisz zrobić, to dodać niestandardowe style drukowania (CSS), aby Twoje strony internetowe były gotowe do drukowania, a robienie tego jest również łatwe. Po prostu złóż deklarację, a następnie napisz swoje style w tej deklaracji w ten sposób:

@ media print {
/ * Twoje style druku */
}

Deklaracja jest zapytaniem o media, które używa określonych stylów do kontrolowania wyglądu stron internetowych po wydrukowaniu .

Druga metoda polega na umieszczeniu wszystkich stylów drukowania w osobnym pliku CSS. Jest to czystszy i bardziej zorganizowany sposób robienia rzeczy i jest szczególnie przydatny podczas wykonywania zadań konserwacyjnych na swoim blogu. Po prostu utwórz nowy plik CSS, napisz swoje style (nie zapominając zacząć od @ media print deklaracja, a następnie załaduj niestandardowy plik CSS print do swojego motywu. To, co umieścisz w pliku styles, zależy wyłącznie od ciebie, ale zasadniczo będziesz zawierał wszystko, co chcesz, aby pojawiło się w wersji drukowanej bloga.

Oto kilka ogólnych wskazówek dotyczących stylizacji do druku:

  • Są pewne części, których nie chcesz wyświetlać w wersji do druku, takie jak pasek boczny. W takim przypadku, gdy używasz Wyświetlacz: Brak aby ukryć te części, należy przeorganizować pozostałe bloki, aby strony nie wyglądały na pomieszane po wydrukowaniu.
  • Użyj punktów dla rozmiarów czcionek zamiast miar em lub pikseli, które są najlepsze dla ekranów cyfrowych. Drukarki natomiast najlepiej sprawdzają się z punktami.
  • Wersja drukowana bloga powinna używać pełnej szerokości. Na urządzeniach cyfrowych dobrze jest ograniczyć rozmiary szerokości, ale nie wygląda to dobrze po wydrukowaniu na papierze.
  • Usuń zawartość w sekcji komentarzy, zwłaszcza jeśli twój jest bardzo aktywnym blogiem.
  • Usuń zawartość nawigacji i stopki (po prostu użyj Wyświetlacz: Brak na tych elementach). W większości przypadków zawartość tekstowa na twoich stronach jest wszystkim, co ma znaczenie w wersjach do druku, więc powinien być twoim głównym celem podczas pisania Drukuj CSS.
  • Dodając do poprzedniego punktu, należy również rozważyć ukrywanie wszystkich obrazów, chyba że są one absolutnie niezbędne do zrozumienia odpowiedniej treści tekstowej. Oczywiście wszystkie inne interaktywne elementy multimedialne powinny być domyślnie ukryte, ponieważ są tylko bałaganem na papierze. Linki powinny być również usuwane, ponieważ są bez znaczenia na papierze.

WordPress.org ma ładny przykład arkusza stylów wydruku, którego możesz użyć jako odniesienia podczas pisania twojego. Zobacz tutaj.

Wrapping Up

Przygotowanie strony internetowej do druku nie jest czymś, o czym wiele osób myśli budując swoje strony internetowe. Ważne jest jednak, aby projektować zarówno dla stron internetowych, jak i drukowania od samego początku. Niemniej jednak, jeśli tego nie zrobiłeś i teraz czujesz się uwięziony w wiązaniu, jest to dość łatwe do naprawienia. W rzeczywistości, biorąc pod uwagę, jak łatwo jest zaimplementować Style Drukowania w swoim motywie, większość ludzi-nawet nowicjusze WordPress-powinna być w stanie samodzielnie wprowadzić te zmiany, zwłaszcza jeśli używają jednej z wtyczek zalecanych powyżej.

Czy planujesz przygotować swój blog do druku? Jeśli już podjąłeś te środki, jak poszło? Chciałbym usłyszeć wszystko o twoich doświadczeniach w komentarzach poniżej.

You May Also Like

Jak naprawić nieprawidłowy błąd JSON w WordPress (Przewodnik dla początkujących)

W artykule: Co powoduje błąd „nieprawidłowa odpowiedź JSON” w WordPress?1. Sprawdź adresy…

Jak zmienić kolor linku w WordPress (poradnik dla początkujących)

W artykule: Dlaczego Linki Są Ważne?Jak dodawać linki w postach i stronach…

Jak naprawić błąd krytyczny w WordPress (krok po kroku)

W artykule: Co To jest błąd krytyczny w WordPress?Co powoduje krytyczny błąd…

Jak zainstalować WordPress lokalnie na komputerze Mac za pomocą MAMP

W artykule: Jak zainstalować MAMP na komputerze MacInstalacja WordPress na komputerze MacWypróbowanie…