Il contenuto del tuo sito Web può essere facilmente stampato?

Se non sai a cosa si riferisce questa domanda, è probabile che il tuo blog non sia facilmente stampabile.

Sebbene alcuni sviluppatori di temi WordPress sviluppino il supporto per contenuti user-friendly, il più delle volte non è così. E questo significa che se vuoi che le persone siano in grado di stampare i tuoi contenuti in un modo che sia veramente leggibile, devi prendere in mano la situazione; è di questo che parlerei oggi.

In questo tutorial imparerai come rendere un blog compatibile con la stampa e come puoi creare il tuo stile di stampa usando il codice CSS.

Ma, se non hai mai installato WordPress, scopri Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Cosa rende un sito web adatto alla stampa?

Il tuo sito web ha molti elementi che lo rendono facile da navigare nella sua interezza. Menu di navigazione, collegamenti ipertestuali interni, barre laterali… Qualunque cosa sia utile per le persone che visitano il tuo sito web perché consente loro di trovare nuove informazioni e spostarsi tra le diverse pagine.

Ma quando si tratta di stampare contenuti specifici per il tuo sito web, quegli elementi si intromettono. Pensaci ... le persone non hanno bisogno di fare clic sul menu di navigazione o interagire con la barra laterale sulla pagina stampata, quindi stamparle sulla tua pagina non è particolarmente utile quando leggi i tuoi contenuti su una canzone. di carta.

Scopri anche la nostra guida su Come applicare l'interfaccia e l'esperienza utente a WordPress

Inoltre, a volte anche i caratteri e le dimensioni dei caratteri utilizzati sul tuo sito Web non corrispondono alle dimensioni della pagina stampata.

Infine, molte persone stamperanno i tuoi contenuti in bianco e nero (e l'inchiostro a colori è costoso!), Quindi devi adottare un aspetto più grigio per i tuoi contenuti user-friendly.

Per questo motivo, rendere un blog compatibile con la stampa comporta:

  • Cambiare i caratteri, cambiare le dimensioni degli elementi e la spaziatura per rendere le cose più facili da leggere su una normale dimensione di pagina
  • Rimozione di elementi estranei come annunci, navigazione e barre laterali che non sono utili su una pagina stampata
  • Gestione del colore se utilizzi molti elementi colorati e bianchi

Leggi anche la nostra guida su: Come aggiungere un formato personalizzato per le miniature

Quindi, come puoi davvero farlo?

Come rendere il vostro utente del sito amichevole con i CSS

Nella prossima sezione, ti mostrerò come avere il pieno controllo su come viene visualizzata la versione stampabile del tuo sito web. Puoi effettivamente utilizzare i selettori multimediali per modificare la versione stampata della tua pagina.

Scopri anche Come personalizzare il dashboard di WordPress

Il blocco CSS di base per i tuoi contenuti intuitivi è il seguente:

@media print {/ * Gli stili specifici della stampante vanno qui * /}

Qualsiasi stile CSS che aggiungi a questa dichiarazione multimediale avrà effetto solo sulla versione stampata della tua pagina.

Da dove vieni?

Bene, è difficile dare una risposta esatta perché tutto dipende dalle tue preferenze e dal tuo tema WordPress.

Vedi anche il nostro 10 plugin WordPress premium per gestire i tuoi commenti

Ma in generale, ecco alcune delle cose che vorresti fare con i CSS:

  • Utilizzando il displaynessuna Per rimuovere elementi come barre laterali, menu di navigazione, moduli di ricerca e qualsiasi altra cosa non utile sulla pagina stampata.
  • Imposta una dimensione del carattere leggibile. È inoltre necessario regolare le dimensioni delle tabelle per adattarle ai dati di Google Documenti o di un'altra fonte.
  • Usa un carattere Serif per la stampa del tuo sito web, perché la maggior parte delle persone trova più facile leggere su una pagina stampata.
  • Cambia i colori, soprattutto se stai usando un colore di sfondo con un colore pesante. La maggior parte dei browser utilizza uno sfondo bianco in molte situazioni, ma è bene assicurarsi che questo non sia un problema.

Per quanto riguarda i quattro elementi di cui sopra, dovresti già avere un sito Web abbastanza intuitivo. Ma se vuoi andare ancora oltre, puoi anche implementare tattiche più avanzate.

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la connessione al tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. Modulo di contatto

Il modulo di contatto è un WordPress Plugin premium responsive e uno strumento semplice ma ricco di opzioni di personalizzazione che ti permette di visualizzare un form chiaro e incoraggiante, sul quale i tuoi visitatori possono contattarti lasciando il loro messaggio.

Modulo di contatto wordpress modulo di contatto plugin wordpress

Avrai la possibilità di definire i campi necessari, scegliere il layout migliore dei campi e personalizzarlo interamente per incoraggiare i vostri clienti o visitatori a lasciare i loro suggerimenti o messaggi.

Scopri la nostra Modulo di contatto 10 WordPress Plugin 7 che probabilmente ignori

Basta impostare l'indirizzo e-mail in cui si desidera ricevere i messaggi e utilizzarlo per far crescere la propria attività nella direzione più redditizia.

Download | Demo | Web hosting

2. WooCommerce Social Login

Ce WordPress Plugin premium aiuta a ridurre i tempi di registrazione del sito Web, che di solito infastidiscono gli utenti e riducono le vendite. Ma se utilizzi WooCommerce Social Login, aumenterà il risparmio di tempo dell'utente, il che aumenterà inevitabilmente anche le tue vendite.

Plugin per wordpress per l'accesso social di Woocommerce

Quando un cliente visita il tuo sito web per la prima volta, renderai più semplice il checkout consentendo loro di effettuare il checkout come ospite. Tuttavia, questo crea attrito per i clienti che desiderano acquistare più volte dal tuo negozio online. Dovranno creare ogni volta un nome utente e una password diversi.

Scopri anche il nostro 50 WooCommerce plugin per migliorare il vostro negozio on-line

WooCommerce Social Login rende quindi questo processo il più semplice e sicuro possibile: i clienti possono accedere al tuo sito web utilizzando i loro account Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram. e Amazon.

Download | Demo | Web hosting

3. ConvertPlus

ConvertPlus è un WordPress Plugin premium all-in-one, che trasforma il tuo sito Web in un potente modulo di generazione di lead. In particolare, ti permette di creare la tua lista contatti, più grande, veloce e mirata che mai.Plugin popup per wordpress convertplus plugin wordpress

Avrai l'opportunità di crea bellissimi popup in pochi minuti e inizia a convertire i tuoi visitatori in abbonati.

Le caratteristiche di un popup efficace per WordPress devono essere scoperti assolutamente

Le altre caratteristiche sono: supporto per pletto da 10 posizioni per la visualizzazione pop-up, supporto per poltre 100 Temi WordPress, il supporto di Popup video, condivisione sociale, fORMS, il Widget e altre barre informazioni.

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial. Spero che tu abbia tutto il necessario per personalizzare l'atmosfera del tuo sito web. Se hai dubbi o suggerimenti in quest'area, troviamoci dentro la sezione commenti da discutere.

Tuttavia, sarai anche in grado di consultare il nostro risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.

...