Som webbdesigner, utvecklare eller webbplatsägare är det sällsynt att du behöver skriva ut dina webbsidor. Men om behovet uppstår och du måste skicka dina webbsidor till en skrivare måste du se till att de ser lika bra ut på papper som de gör på skärmar.
Om din webbplats inte är utskriftsklar kommer dina sidor inte bara att se röriga ut på papper, utan kan också dyka upp som ett tryck av låg kvalitet på papper. Uppenbarligen är det inte vad du eller dina webbplatsbesökare vill se. Kom ihåg att inte alla webbbesökare läser webbinnehåll online.
I det här inlägget kommer vi att diskutera hur man gör en WordPress-webbplats utskriftsklar så att alla utskrivna sidor ser skarpa och snygga ut på papper. Först och främst, vad är behovet av en tryckfärdig webbplats?
Varför göra din WordPress-webbplats tryckklar?
Du kanske med rätta undrar varför du behöver din webbplats för att vara tryckklar, med tanke på att de flesta internetanvändare använder digitala enheter för att surfa på webben. Sanningen är att du inte bör göra antaganden om hur människor läser innehållet på din webbplats. Faktum är att de flesta webbplatsbesökare läser innehåll direkt online, men det är bra att tillgodose de få som kanske skriver ut dina webbsidor. Och med tanke på att det inte är mycket jobb att göra en webbsida tryckklar, finns det ingen anledning att inte göra det.
Generellt bör du överväga alla möjliga sätt att komma åt ditt innehåll, inklusive utskrift. I grund och botten vill du vara förberedd på allt dina webbbesökare vill använda ditt innehåll till. Om en läsare till exempel hittar en publikation som är relevant för sitt arbete och bestämmer sig för att använda den som referenspunkt i en presentation, kommer de att vilja skriva ut den. Du vet aldrig vem som kommer att besöka din webbplats och hur de kommer att använda innehållet. Så hur kan din WordPress-blogg renderas med skarp tydlighet på både digitala och pappersskärmar?
Utskriftsklara WordPress-plugins
Som du kan förvänta dig med WordPress-fixar finns det alltid ett plugin till räddningen. Att skriva din egen CSS för utskrift är kraftfullt, men det kräver lite planering, för att inte tala om de extra timmarna av testning och felsökning som uppstår. Så om du inte vill bli smutsig när du skriver CSS, välj bara ett plugin för att göra jobbet. Det finns flera plugins du kan använda beroende på komplexiteten i din bloggdesign. Här är några alternativ att överväga:
Enkelt socialt dela WordPress-plugin
En av de mest populära plugins på CodeCanyon, Easy Social Share är packad med fantastiska funktioner som gör det enkelt för dina läsare att dela din blogg. Plugin-programmet inkluderar inte bara stöd för över 20 stora sociala nätverk, utan det innehåller också ett användbart utskriftsalternativ som du kan lägga till i alla inlägg eller sidor. Och eftersom knappen Skriv ut ingår i alla sociala delningsknappar är detta ett snabbt och enkelt sätt att lägga till ett utskriftsalternativ på din webbplats.
Gratis utskrivbar WordPress-plugin med PDF-knappar
Utskriftsvänlig och PDF-knapp skapar tryckta versioner av dina webbsidor med ett knapptryck. Du kan sedan spara sidorna som PDF eller skriva ut dem på papper. Stöder mer än 20 språk och justerar automatiskt språket för att matcha användarens språkinställningar. Pluginet kommer med en mängd andra funktioner och bäst av allt, du kan använda det gratis (med annonser). Om du vill ha den annonsfria versionen måste du köpa ett abonnemang.
Gratis WordPress WP Print Plugin
Detta är ett annat bra litet plugin som gör din WordPress-blogg tryckklar utan problem. Den har inte lika många funktioner som den tidigare plugin, men den har en respektabel uppsättning inställningar för att kontrollera sidelement för utskrift. På webbsidan visar den en enda utskriftsknapp som låter användare skapa en utskriftsklar version av vilken sida de vill.
Anpassad CSS för utskrift
Om du är bekväm med kodning är CSS en bra utgångspunkt när du vill göra din WordPress-blogg utskriftsklar. Faktum är att att göra din webbplats utskriftsklar innebär i huvudsak att skriva några CSS-stilar för att dölja eller visa element så att de ser tydliga ut på papper. Om ditt tema inte är utskriftsklart eller om du vill lägga till anpassade utskriftsstilar, se först till att skapa ett underordnat tema så att du kan lägga till din anpassade CSS eller installera och aktivera din favorit anpassade CSS-plugin.
Nu behöver du bara lägga till dina anpassade utskriftsstilar (CSS) för att göra dina webbsidor skrivklara och det är också enkelt att göra det. Gör bara en deklaration och skriv sedan dina stilar i den deklarationen så här:
@media print {
/* your print styles */
}
Deklarationen är en mediefråga som använder de angivna stilarna för att kontrollera utseendet på dina webbsidor när de skrivs ut.
Den andra metoden är att lägga alla dina utskriftsstilar i en separat CSS-fil. Detta är ett renare, mer organiserat sätt att göra saker på och är särskilt användbart när du utför underhållsuppgifter för din blogg. Skapa helt enkelt en ny CSS-fil, skriv dina stilar (inte glömma att börja med @media utskriftsdeklarationen och ladda sedan upp din anpassade CSS-fil till ditt tema. Vad du lägger i din stilfil är helt upp till dig, men i grund och botten, kommer att inkludera allt du vill ska visas i den tryckta versionen av din blogg.
Nedan följer några allmänna riktlinjer när du designar för tryck:
- Det finns vissa delar som du inte vill ska visas i din tryckta version, till exempel sidofältet. I så fall, när du använder display: ingen för att dölja dessa delar, se till att ordna om de återstående blocken så att dina sidor inte ser röriga ut när de skrivs ut.
- Använd punkter för teckensnittsstorlekar snarare än em eller pixelmått, vilket är bäst för digitala skärmar. Skrivare, å andra sidan, fungerar bättre med prickar.
- Den tryckta versionen av din blogg måste ha full bredd. På digitala enheter är det trevligt att begränsa breddstorlekarna, men det ser inte bra ut när man skriver ut på papper.
- Ta bort innehåll i kommentarsfältet, speciellt om din blogg är mycket aktiv.
- Ta bort navigerings- och sidfotsinnehållet (använd bara display: inga på dessa element). I de flesta fall är textinnehållet på dina sidor det enda som betyder något i tryckta versioner, så det bör vara ditt primära fokus när du skriver din tryckta CSS.
- Utöver föregående punkt bör du också överväga att dölja alla bilder såvida de inte är absolut nödvändiga för att förstå det relevanta textinnehållet. Uppenbarligen bör alla andra interaktiva medieelement vara dolda som standard, eftersom de helt enkelt är rörigt på papper. Länkar bör också tas bort eftersom de inte är meningsfulla på papper.
WordPress.org har ett bra exempel på en stilmall för utskrift som du kan använda som referens när du skriver din egen. Se den här.
Slut
Att göra en webbplats tryckklar är inte något många tänker på när de skapar sina webbplatser. Det är dock viktigt att designa för både webb och tryck från början. Men om du inte gjorde detta och nu känner dig fast i en binda är det ganska enkelt att fixa. Faktum är att, med tanke på hur enkelt det är att implementera utskriftsstilar i ditt tema, borde de flesta människor, även nybörjare i WordPress, kunna göra dessa ändringar själva, speciellt om de använder något av plugins som rekommenderas ovan.
Så, planerar du att göra din blogg tryckklar? Om du redan har vidtagit dessa åtgärder, hur gick det? Jag skulle älska att höra allt om dina erfarenheter i kommentarerna nedan.
