Kako dodati gumb za tiskanje na svojo spletno stran

Oglas

Veste, nekaj podobnega dodajanju gumba za tiskanje na spletno stran zveni precej preprosto, kajne? Pravzaprav, zakaj sploh moramo na stran dodati kateri koli gumb za tiskanje ali povezavo, ko mora bralec samo klikniti “mapa"In"Natisni…"V meniju brskalnika?

Navsezadnje si različni ljudje zaradi različnih razlogov želijo funkcijo tiskanja na svoji spletni strani. Morda boste le želeli dodati udobje. Ko bralec lahko samo klikne gumb, da dobi izpis - prihrani nekaj klikov in vsak klik šteje. Druge osebe želijo natisnjeno besedilo prilagoditi - z drugimi besedami, nekatere elemente strani skrite pred izpisom. V drugih situacijah ljudje raje ustvarijo skrbno prilagojeno različico spletnega mesta za tiskanje.

Za vsako od teh situacij obstajajo različne rešitve. Na MUO smo vedno poskušali ponuditi inovativne rešitve za tiskanje, kot je Justinin članek tiskanje na pol strani Shranite papir s formatiranjem in tiskanjem datotek z Govertovim orodjem za nalaganje [Windows]Papir stane denar. Oboje shranite s tiskanjem PDF-jev na pol strani. Ne glede na to, ali želite knjižico ali stranske kopije, brezplačno orodje za Windows ne omogoča le tega, ampak tudi preprosto. Nehaj se zajebavati ...

Preberi več in Karlov članek o PrintWhatYouLike PrintWhatYouLike - Pri tiskanju spletnih strani prihranite papir in črnilo Preberi več . V tem članku bom navedel štiri načine, na katere lahko vključite tiskalni gumb ali povezavo vaše spletno mesto - od zelo preprostega pristopa HTML in JavaScript do bolj prilagodljivega CSS-ja pristop.

Vključevanje tiskanja v vaše spletno mesto

Ko pogledate katero koli spletno stran, je precej enostavno razbrati, zakaj boste morda želeli prilagoditi izpis. Običajna spletna stran vsebuje oglase, pasice, povezave do oglasov, stranske vrstice in odseke podnožja, ki ne porabijo več kot porabijo prostor na strani in potratno porabijo papir.

Če imate dokaj preprosto spletno mesto ali vam ni vseeno, ali so vsi grafični in formatirani odtisi ali ne, potem vse morate dodati preprost gumb na svojo spletno stran in uporabiti metodo JavaScript "print ()", da spletno stran pošljete tiskalniku.

Če to kodo postavite na svoje spletno mesto na lokaciji, ki jo bralci hitro in enostavno uporabljajo, je videti nekako tako.

Bralnik mora samo klikniti gumb in stran bo poslana neposredno na tiskalnik, ne da bi bilo treba oblikovati stran. Če stran presega širino tiskanja za tiskalnik, je mogoče, da boste na koncu natisnili veliko več strani, kot je dejansko potrebno.

Nekaterim ni všeč videz gumba obrazca, zato lahko kot drugo možnost preprosto uporabite povezavo z vdelanim JavaScriptom.

Natisni to stran 

Vidite, kako je v mnogih primerih preprosto besedilo videti veliko bolj čisto od gumba, vendar ga v resnici uporabljate prihaja do tega, kar je videti bolje na območju spletne strani, kjer želite dati tisk funkcija.

Kot je razvidno iz zgornjega primera, se oblikovanje številnih oglasov in pasic ne ujema popolnoma s prikazom brskalnika, če preprosto uporabite ukaz za tiskanje. To postane veliko bolj očitno za bolj zapletena spletna mesta. Drug pristop, ki ga ljudje uporabljajo, je blokiranje celotnih delov spletnega mesta s pomočjo CSS in dodeljevanje določenih delov strani za tiskanje. To storite tako, da najprej povežete datoteko CSS v razdelku za glavo.

Nato morate ustvariti dejansko datoteko CSS in jo shraniti v isti imenik kot na svoji spletni strani. Datoteka CSS mora dodeliti vse dele strani, ki jih ne bi bilo treba natisniti, nato pa tudi elemente strani, ki jo dodelite, natisniti kot vidne.

DIV # head, DIV # newflash, DIV # banner {display: none;} telo {vidljivost: skrita;} .print {vidljivost: viden;}

Zdaj, ko je vaša datoteka CSS nastavljena, morate samo poiskati svojo stran in vsak razdelek označiti z razredom »print«.

Ta vrstica bo natisnjena. 

Ta vrstica ne bo. 

Zdaj lahko vidite v izpisu, kjer se na stran natisnejo samo odseki strani, označeni s razredom »tiskanje«, in vsi drugi razdelki ne. Težava tega pristopa je, da morate izklopiti zaslon za vse razdelke DIV, ki jih ne želite natisniti. Kot lahko vidite spodaj, nisem dodal razdelka »div« za Google oglas, tako da je še vedno natisnjeno.

Za izdelavo datoteke CSS in pravilno postavitev razredov lahko traja nekaj časa. Če se res ne želite truditi s tem na vsaki strani, se lahko odločite za en zadnji pristop. To je moja najljubša tehnika za zagotavljanje popolno oblikovanih različic za tiskanje spletne strani. Vse, kar morate storiti, je ustvariti različico vsebine spletnih strani v formatu PDF, jo shraniti na svojem spletnem gostitelju in povezati datoteko v glavi strani.

To je vse, kar morate storiti! Gumb za tiskanje lahko na svoje spletno mesto vstavite tako kot v zgornjih primerih, toda namesto datoteke CSS, naložene za način tiskanja, se PDF, DOC ali druga datoteka pošlje v tiskalnik. Kot lahko vidite spodaj, to ustvari najčistejšo različico strani za tiskanje in lahko precej prilagodite tako, da izgleda točno tako, kot želite.

Kot lahko vidite, obstaja veliko možnosti, med katerimi lahko izbirate, kdaj želite namestiti gumb za tiskanje ali povezavo na svoji spletni strani. Vsaka od teh odločitev deluje dobro, toda prava izbira se resnično spušča na to, kako zapletena je spletna stran in kakšno vsebino želite ponuditi svojim bralcem, ko se odločijo za tiskanje vaše spletne strani.

Ste poskusili s katero od teh tehnik dodati gumb za tiskanje na spletno stran? Katera tehnika vam je najbolj všeč? Imate še kakšne rešitve? Delite svoj vpogled v spodnji razdelek s komentarji.

Kreditna slika: Sundeip Arora