Do të duket se është e vështirë të krijosh një faqe për printim? Ne thjesht krijojmë të njëjtin dokument me tekst, por pa ndonjë dizajn dhe lidhim me të nga një faqe e rregullt. Por motorët e kërkimit kanë prezantuar një filtër për përmbajtjen e kopjuar dhe webmasterët duhet të fshehin faqet e printueshme nga indeksimi. Për më tepër, vizitorët e faqes nuk janë gjithashtu shumë të përshtatshëm, sepse së pari duhet të shkojnë në një kopje të faqes që u nevojitet, në të cilën nuk ka elementë të dizajnit, dhe më pas klikojnë në butonin "Printo".
Këtu mund të vijë në shpëtim CSS, e cila jo vetëm zvogëlon sasinë e punës për webmasterët dhe e bën më të lehtë për vizitorët përdorimin e faqes, por gjithashtu ju lejon të shmangni gjobat nga motorët e kërkimit për përmbajtje të kopjuar.
Struktura e faqes
Pra, le të përdorim së pari HTML për të krijuar strukturën e dokumentit tonë. Për shembull, vendosa të përdor një plan urbanistik për ta bërë më të lehtë për ta kuptuar:
| Navigimi Faqja Kryesore Artikuj Kontaktet |
Titulli i artikullitKjo faqe mund të printohet. Vetëm teksti i artikullit do të shtypet. |
Reklama juaj mund të jetë këtu |
Siç mund ta shihni, ne kemi një tabelë me tre qeliza që janë rregulluar horizontalisht. Gjithçka është si një sajt i rregullt: navigimi në të majtë, përmbajtja në mes dhe blloqet e reklamave ose lajmet në të djathtë. Secilës qelizë i është caktuar ID-ja e saj. Për anën e majtë është kolona e majtë, për të djathtën është kolona e djathtë dhe për qelizën e përmbajtjes së mesme është përmbajtja.
Duke shtuar CSS
Tani, duke përdorur CSS, duhet t'i tregoni shfletuesit se cilat stile duhet të përdorë për të shfaqur elementët e faqes në ekran dhe cilat duhet të përdorë gjatë printimit. Krijoni style.css dhe shkruani sa vijon atje:
Ekrani @media ( trupi ( ngjyra e sfondit: #0B73BD; font-familja: tahoma; ngjyra: #FFFFFF; ) tabela ( gjerësia: 600 px; ) #kolona e majtë ( gjerësia: 140 px; rreshtimi vertikal: lart; madhësia e shkronjave: 15 px . ) ) @media print ( trupi ( ngjyra e sfondit: #FFFFFF; font-familja: tahoma; ngjyra: #000000; ) #përmbajtje (ngjyra e sfondit: #FFFFFF; mbushje: 5 px; madhësia e shkronjave: 15 px; ngjyra: # 000000; gjerësia: 600 px; ) #kolona e majtë (ekrani: asnjë; ) #column e djathtë (ekrani: asnjë; ) )Blloku i parë i kodit CSS përshkruan se si elementët e faqes duhet të shfaqen në shfletues. Blloku u mor në kllapa shtesë kaçurrelë përpara të cilave shtuam ekranin @media. Kjo i tregon shfletuesit që këto stile duhet të aplikohen për shfaqje:
Kështu duket faqja kur shikohet në një shfletues
Blloku i dytë përshkruan shfaqjen e elementëve të njëjtë të faqes si i pari, por në këtë rast në formën në të cilën do të duket dokumenti kur të printohet dhe tregohet nga parametri @media print. Meqenëse duam të printohet vetëm përmbajtje e dobishme, ne çaktivizojmë shfaqjen e qelizave majtas (#leftcolumn) dhe djathtas (#rightcolumn) duke i vendosur ato të shfaqen: asnjë.
Kështu duket versioni i printuar i faqes së faqes
Skedarët e stilit të veçantë
Nuk është e nevojshme të kombinohen gjithçka në një skedar stili. Në vend të kësaj, mund të përdorni dy skedarë stili dhe, kur i lidhni me faqet e sajtit, t'i tregoni shfletuesit se cilin skedar stili të përdorë kur printoni dhe cilin për t'u shfaqur në ekran. I pari (për daljen e ekranit) përcaktohet nga parametri media="screen", dhe i dyti do të përdoret për printim dhe përcaktohet nga parametri media="print":
Stilet për printim duhet të përshkruhen pas gjithë të tjerave, përndryshe Opera do të printojë bllokun e përmbajtjes së bashku me sfondin me ngjyra që është menduar për dalje në shfletues, dhe jo ngjyrën e bardhë që zgjodhëm për printim.
Gjithashtu, gjatë printimit, ne e zvogëlojmë rreptësisht gjerësinë e bllokut të përmbajtjes në 600 px, sepse në gjerësi 100%, printeri "pret" një rrip të vogël teksti në anën e djathtë të faqes. Kushtojini vëmendje faktit që kur printoni nga Opera, dhëmbëzimi përgjatë skajeve të fletës është pak më i vogël se në Internet Explorer dhe linjat e tekstit në fletën e letrës janë më të gjera.
Tani nuk keni më nevojë të krijoni faqe shtesë për printim. Ju mund t'i informoni përdoruesit për aftësinë për të printuar një faqe, për shembull, duke përdorur një lidhje me tekstin "print", kur klikohet, do të shfaqet një këshillë veglash me një mesazh në lidhje me aftësinë për të printuar drejtpërdrejt faqen aktuale pa një dizajn.
Kopjimi i artikullit është i ndaluar.
- Përkthimi
3. Njësi matëse absolute
Njësitë absolute të matjes nuk janë shumë të përshtatshme për versionet e faqeve në ekran, por për printim janë pikërisht ato që ju nevojiten. Përdorimi i stileve të printimit është krejtësisht i sigurt, për më tepër rekomandohet përdorimi i njësive absolute si cm, mm, in, pt ose pc.Seksioni (diferencë-fund: 2cm; )
4. Karakteristikat e faqes
Ju mund të përdorni rregullin @page për të kontrolluar vetitë e faqes, të tilla si madhësia, orientimi dhe kufijtë e tyre. Kjo është shumë e dobishme, të themi, kur është e nevojshme që të gjitha faqet e printuara të kenë të njëjtat kufij.printim @media ( @faqe ( margjina: 1cm; ) )
Rregulli @page është pjesë e standardit të Paged Media Module, i cili ofron shumë gjëra interesante, si zgjedhja e faqes së parë për printim, vendosja e faqeve bosh, pozicionimi i elementeve në cepat e faqes dhe . Mund të përdoret edhe për të përgatitur libra për shtypje.
5. Menaxho ndërprerjet e faqeve
Meqenëse fletët e printuara, ndryshe nga faqet e internetit, nuk janë të pafundme, përmbajtja e faqeve të internetit herët a vonë shkëputet në një fletë letre dhe vazhdon në tjetrën. Ekzistojnë pesë veti për të kontrolluar ndërprerjet e faqeve.▍Ndarja e faqes përpara elementit
Nëse dëshironi që një element të jetë gjithmonë në fillim të faqes, mund të detyroni një ndërprerje të faqes përpara tij duke përdorur veçorinë page-break-fore.Seksioni (ndërprerja e faqes-para: gjithmonë; )
▍Ndarja e faqes pas elementit
Vetia page-break-after ju lejon të detyroni një ndërprerje të faqes pas një elementi. Me këtë pronë, ju gjithashtu mund të çaktivizoni hendekun.H2 (ndërprerja e faqeve pas: gjithmonë; )
▍Ndarja e faqes brenda një elementi
Vetia e thyerjes së faqeve është e dobishme nëse dëshironi të shmangni ndarjen e një elementi midis dy faqeve.Ul (ndërprerja e faqes brenda: shmang; )
▍ Vargjet e varura lart dhe poshtë
Ndonjëherë nuk keni nevojë të detyroni ndërprerjet e faqeve, por dëshironi të kontrolloni se si shfaqen paragrafët në kufijtë e faqeve.Për shembull, nëse rreshti i fundit i një paragrafi nuk përshtatet në faqen aktuale, dy rreshtat e fundit të atij paragrafi do të printohen në faqen tjetër. Kjo është për shkak se vetia që kontrollon kjo (widows , d.m.th. "vijat e sipërme të varura") është caktuar si parazgjedhje në 2. Kjo mund të ndryshohet.
P ( të vejat: 4; )
Nëse ndodh një situatë tjetër dhe vetëm një rresht i paragrafit përshtatet në faqen aktuale, i gjithë paragrafi do të printohet në faqen tjetër. Prona përgjegjëse për jetimët e poshtëm është vendosur gjithashtu në 2 si parazgjedhje.
P (jetimët: 3;)
Kuptimi i kodit të mësipërm është se në mënyrë që një paragraf të mos mbështillet plotësisht në faqen tjetër, të paktën tre rreshta duhet të përshtaten në faqen aktuale.
Për ta kuptuar më mirë këtë, hidhini një sy shembullit të përgatitur me CodePen. Dhe këtu është një version i korrigjimit të të njëjtit shembull, është më i përshtatshëm për ta testuar atë.
*, *: para, *: pas, *: shkronja e parë, p: rreshti i parë, div: rreshti i parë, kuota: rreshti i parë, li: rreshti i parë ( sfondi: transparent ! e rëndësishme; ngjyra: #000 !important; box-shadow: asnjë !important; text-shadow: asnjë !i rëndësishëm; )
Meqë ra fjala, stilet e printimit CSS janë një nga përjashtimet e pakta ku direktiva !e rëndësishme është absolutisht e mirë ;)
7. Hiqni përmbajtjen e padëshiruar
Për të mos humbur bojën, duhet të hiqni çdo gjë të panevojshme nga versioni i printuar i faqes, si p.sh. diapozitivët e mëdhenj të bukur, reklamat, mjetet e navigimit në faqe dhe të ngjashme. Ju mund ta bëni këtë duke vendosur veçorinë e shfaqjes në asnjë për elementë të panevojshëm. Është e mundur që do ta gjeni të drejtë të shfaqni vetëm përmbajtjen kryesore të faqes dhe të fshehni gjithçka tjetër:Trupi > *:jo(kryesore) (ekrani: asnjë; )
8. Prodhimi i URL-ve të lidhjeve
Lidhjet, në formën në të cilën gjenden zakonisht në faqet e internetit, janë krejtësisht të padobishme në shtyp, përveç nëse lexuesi i versionit në letër të dokumentit nuk e di se ku çojnë.Për të shfaqur URL-të e lidhjeve pas paraqitjes së tyre të tekstit, mjafton të përdorni stilin e mëposhtëm:
A:pas (përmbajtja: " (" attr(href) ")"; )
Sigurisht, me këtë qasje, shumë gjëra të tepërta do të "deshifrohen". Për shembull, lidhjet relative, lidhjet absolute në të njëjtin sajt si faqja që printohet, lidhjet me ankorat, etj. Për të mos bllokuar faqen e printuar, do të ishte më mirë të përdorni diçka të tillë:
A:not():after (përmbajtja: " (" attr(href) ")";)
Sigurisht që duket e çmendur. Prandaj, do të shpjegoj kuptimin e këtij rregulli në gjuhë të thjeshtë: "Shfaq vlerën e atributit href pranë çdo lidhjeje që ka një atribut që fillon me http , por nuk përmban mywebsite.com ".
9. Shpjegimi i shkurtesave
Shkurtesat në tekst duhet të vendosen në etiketë , dhe transkriptet e tyre duhet të përfshihen në atributin e titullit. Nëse formatoni shkurtesat në këtë mënyrë, kuptimet e tyre janë shumë të lehta për t'u treguar në një faqe të printuar:Abbr:after (përmbajtja: " (" attr(titulli) ")"; )
10. Printimi i detyruar në sfond
Shfletuesit zakonisht nuk japin ngjyrat e sfondit dhe imazhet e sfondit kur japin një faqe për printim, përveç nëse u thuhet në mënyrë të qartë që ta bëjnë këtë. Sidoqoftë, ndonjëherë e gjithë kjo duhet të shtypet. Këtu vjen në ndihmë veçoria jo e standardizuar print-color-adjust, e cila ju lejon të anashkaloni, për disa shfletues, cilësimet e paracaktuara.Header ( -webkit-print-color-adjust: exact; print-color-adjust: exact; )
11. Pyetjet në media
Nëse shkruani pyetje mediatike si ajo e paraqitur më poshtë, mbani në mend se rregullat CSS në pyetje të tilla nuk do të ndikojnë në versionin e printuar të faqes.Ekrani @media dhe (gjerësia min.: 48em) ( /* vetëm ekran */ )
Pse është kështu? Çështja është se rregullat CSS zbatohen vetëm nëse vlera e gjerësisë min është 48em, dhe nëse lloji i medias është ekrani. Nëse heqim qafe fjalën kyçe të ekranit në këtë pyetje të medias, atëherë ai do të kufizohet vetëm nga vlera min-width.
@media (min. gjerësi: 48em) ( /* të gjitha llojet e mediave */ )
12. Shtypja e kartave
Versionet aktuale të Firefox dhe Chrome mund të printojnë harta, por Safari, për shembull, nuk mundet. Po kur printoni karta? Një nga opsionet universale është përdorimi i hartave statike në vend të atyre dinamike.Harta ( gjerësia: 400 px; lartësia: 300 pikselë; imazhi i sfondit: url("http://maps.googleapis.com/maps/api/staticmap?center=Wien+Floridsdorf&zoom=13&scale=false&size=400x300&maptype=rofshualpngp "); -webkit-print-color-adjust: saktë; print-color-adjust: saktë; )
13. Kodet QR
Printimi i kodeve QR që përmbajnë lidhje të rëndësishme mund të përmirësojë shumë përdorshmërinë e versioneve në letër të faqeve të internetit. Këtu është një artikull në Revistën Smashing, ku mund të gjeni këshilla të dobishme për këtë temë. Një prej tyre është përfshirja e adresave të tyre në formën e kodeve QR në faqet e printuara. Si rezultat, përdoruesi, për të hapur në shfletues faqen nga e cila është bërë printimi, nuk duhet të shkruajë adresën e saj të plotë në tastierë.14. Rreth printimit të faqeve jo të optimizuara
Duke punuar në temën e printimit të faqeve në internet, zbulova një mjet të shkëlqyeshëm që ju lejon të përgatitni me lehtësi faqe të pa optimizuara për printim. Me Shto etiketaKa dy mënyra për të krijuar një faqe të printueshme:
1. Shfaqni posaçërisht një faqe pa menu dhe dizajn shtesë duke përdorur një skript të veçantë.
2. Shfaq të njëjtën faqe që shohim kur shikojmë sitin, por me stile të tjera të mbështetura, ku fshihen elementë të panevojshëm.
Kam pasur rastin të bëj dokumente (fatura, fatura etj.) për printim. Kështu që unë shkova me opsionin e parë. Por kjo është vetëm në rastin tim. Më fleksibël sa më duket mua varianti i dytë.
Këtu është përvoja ime, shënime:
1. Rregulli kryesor është ta mbani të thjeshtë dhe njerëzit do t'ju kontaktojnë (c) xs kush. 🙂 Me pak fjalë, mos përdorni një shumëllojshmëri të dizajnit. Një person thjesht duhet të lexojë tekstin e shtypur, nuk ka asgjë për ta ngarkuar atë me dizajn shtesë. Dhe bojë e mbeturinave në printer.
2. Ne nuk përdorim imazhe të sfondit, ato nuk do të printohen gjithsesi. Ose do ta bëjnë, por jo në të gjithë shfletuesit. Të paktën mua më ndodhi një grabujë e ngjashme.
3. Ne përpiqemi të përdorim një sfond të bardhë, tekst të zi. Nëse jo, atëherë shumë bojë do të harxhohet. Unë mendoj se nuk keni nevojë të bëni tekst me ngjyra - gjithsesi shumë njerëz kanë një printer bardh e zi.
4. Nëse dëshironi që përmbajtja e mëposhtme të printohet në faqen tjetër, futni një bllok div me klasën e ndërprerjes së faqeve përpara këtij teksti. Ne e përshkruajmë klasën në stile:
Ndërprerja e faqeve (ndërprerje e faqes pas: gjithmonë; )
Ndërprerje e faqeve( faqe - pushim - pas : gjithmonë ; |
teksti pas këtij blloku do të printohet në një faqe të re. Punon në të gjithë shfletuesit modernë. Po, dhe jo moderne e njëjta gjë. Një IE deri në versionin 7 përfshirëse dështon. Por ju duhet ta goditni atë!
5. Dhe kështu, shtypje. Përdoruesi mund të zgjedhë të printojë. Mund të vihet
window.onload = funksion () ( window.print();
dhe vetë butoni:
< button onclick = "window.print();" >Vulë< / button > |
Ky buton do të jetë në pamjen e faqes, por nuk do të printohet pasi kemi vendosur shfaqjen: asnjë; në stil për media="print", domethënë në stile për pajisjen e printimit. Duke klikuar butonin do të shfaqet dritarja e printimit.
Për ata që duan të superautomatizojnë procesin e printimit, në mënyrë që, për shembull, të hapim një faqe dhe printeri të fillojë menjëherë të printojë faqen - qetësoni aromën tuaj ose atë që ju kërkon ta bëni. Nuk e gjeta këtë mënyrë. Po dhe jo. Sepse është logjike. Imagjinoni, ju shkoni në sit, dhe atje, përmes javascript, programohet printimi i njëqind kopjeve të faqeve. Dhe printeri çmendet dhe fillon të printojë këtë grumbull faqesh pa dijeninë tuaj. E palogjikshme? E palogjikshme!
Në një kohë, një menaxher projekti më kërkoi me zell të bëj një gjë të tillë. Më duhej t'i shpjegoja të gjitha këto, të jepja shembuj, në mënyrë që ai të kuptonte se kjo nuk mund të bëhet dhe nuk është e nevojshme.
6. Nëse dikush ankohet për faktin se adresa e faqes, titulli dhe gërmadhat e tjera në kokë dhe funde janë shtypur, këshillojeni që të konfigurojë shfletuesin e tij. Nuk është i konfigurueshëm nga ana e faqes. Të paktën unë nuk e di se si. Për shembull, në Firefox, kjo është konfiguruar në "Print" - "Page Setup" - "Margins and Headers"
7. Nga rruga, në ndjekje të një të mëparshmi. Le të themi se përdoruesi ka çaktivizuar daljen e të gjitha titujve, duke përfshirë adresën e faqes. Kjo do të thotë, nëse përdoruesi shikon printimin pas ca kohësh, ai nuk do të jetë në gjendje të kuptojë se nga cila faqe e ka printuar atë. Pra, ndoshta ia vlen të bëni një shënim të vogël që tregon burimin, adresën e faqes, logon ose diçka tjetër.
8. Përdorni një madhësi të madhe fonti (sigurisht brenda arsyes). Gjëja kryesore është që kur printoni gjithçka është e lexueshme.
10. Mendoj se është e nevojshme të përdoren dimensione që janë të pavarura nga pajisja - dimensione absolute. Për shembull në, cm, mm, pt, pc.
11. Këtu është një lidhje e dobishme http://www.webdevout.net/browser-support-css#css2propsprint. Përshkrimi i stileve mund të gjendet në faqen http://htmlbook.ru
Në përgjithësi, unë ju këshilloj të kaloni nëpër të gjithë listën e pronave CSS, edhe nëse jeni një zhvillues me përvojë. Për veten time, u befasova kur gjeta veti të panjohura CSS dhe se disa veti CSS tashmë mund të përdoren pa frikë.
Sigurisht, kjo nuk është një listë e plotë e këshillave. Këto janë vetëm mendimet e mia.
Shumë sajte kanë aftësinë për të shfaqur një version të printueshëm të një faqeje, por a është gjithmonë i përshtatshëm përdorimi i tyre?
Problemet kryesore gjatë printimit të një dokumenti janë tipografia e keqe, prania e informacionit të panevojshëm (për shembull, elementët e ndërfaqes) dhe ngjyrat e gabuara. Për stilimin, mund të përdorni rregullin @media:
@media print ( )
Nëse përdoruesi dëshiron të printojë një faqe me dizajnin e shfaqur në ekran, ai merr një pamje të ekranit dhe e printon atë. Versioni i printuar është krijuar për lexim të lehtë dhe të rehatshëm të tekstit nga një fletë letre. Prandaj, para së gjithash, është e nevojshme të hiqni të gjitha të panevojshmet nga faqja: menyja, titulli ose fundi masiv, imazhet e sfondit, etj., duke lënë vetëm të nevojshmet: titujt, përmbajtjen me imazhe, logon e faqes, URL-në e faqes. Për shembull, ky kod fsheh kokat H1, si dhe shiritin anësor, kokën dhe fundin e faqes:
H1, div#header, div#bar anësor, div#footer (ekrani: asnjë; )
Rregullat e printimit të faqes
1. Shfletuesit modernë janë në gjendje të heqin imazhin e sfondit. Megjithatë, është e dëshirueshme të shtohet sfond-imazh: asnjë kështu që edhe shfletuesit e vjetër mund ta bëjnë këtë.2. Mund të ketë mospërputhje midis faqes së printuar dhe shfaqjes së saj në ekran kur caktoni dimensionet në piksel. Prandaj, ia vlen të përdorni inç, centimetra ose përqindje.
3. Me kodin e mëposhtëm, ju mund të shfaqni URL-në e plotë në vend të një hiperlidhjeje, sepse nuk mund të klikoni në një copë letre:
A:pas(përmbajtja:"<" attr(href) ">";
Me një modifikim të vogël në kod, mund të shtoni shfaqjen e URL-së vetëm në lidhjet e jashtme:
A:pas(përmbajtja:"<" attr(href) ">";
4. Për tekste të mëdha, ndonjëherë do të jetë e përshtatshme të ndahen në pjesë. Kodi i mëposhtëm ndan përmbajtjen në çdo titull H3 duke shtypur në një faqe të re:
H3 (ndërprerja e faqes-para: gjithmonë; )
Dhe ky kod do të ndihmojë në printimin e çdo artikulli nga një faqe e re, mund të jetë i dobishëm kur shtypni një listë të postimeve në blog:
Artikull + artikull (ndërprerja e faqes-para: gjithmonë; )
5. Këshillohet që të rivendosni faqet me një dizajn të errët ose të ndritshëm në skemën standarde të ngjyrave - teksti i zi në një sfond të bardhë. Kjo është e përshtatshme si për lexueshmërinë ashtu edhe për ruajtjen e materialeve harxhuese në printerin e përdoruesit.
Shfaqja e saktë
Siç u përmend më lart, shfletuesit modernë janë në gjendje të heqin elementët e panevojshëm gjatë printimit, por kjo nuk kërkohet gjithmonë. Në Firefox, përdoruesi mund të kontrollojë pamjen e rezultatit, në Chrome dhe Safari, mund të përdorni kodin më poshtë për të shfaqur stilin origjinal:* ( -webkit-print-color-adjust: exact; )
Si duket në veprim:
Cilësia e printimit
Shpesh rezultati i printimit është shumë i ndryshëm nga origjinali në ekran për keq. Një nga arsyet e shpeshta për këtë do të analizojmë me një shembull të thjeshtë. Ekziston një tekst i lehtë në një sfond të errët:Me CSS-në e mëposhtme:
Koka (sfondi: #000; ngjyra: #fff; mbushja: 1rem; font-familja: Avenir, Arial, sans-serif; )
Shfletuesi do të përpiqet të normalizojë versionin e printueshëm:
Nëse ka një imazh në faqe, për shembull, një logo, atëherë shfletuesi nuk e korrigjon atë në asnjë mënyrë, dhe rezulton tmerrësisht:
Gjithçka duket edhe më keq nëse një imazh vektori me transparencë përdoret si logo:
Ju mund ta shmangni këtë tmerr duke përdorur filtrin CSS3:
@media print ( header ( sfond: asnjë; ngjyra: # 000; ) header img ( -webkit-filter: invert (100%); filter: invert (100%); ) )
Doli qe:
Për Firefox-in mund të përdorni SVG:
@media print ( header ( sfond: asnjë; ngjyra: #000; ) header img ( filter: url(inverse.svg#negative); -webkit-filter: invert(100%); filter: invert(100%); ) )
Për IE9 zgjidhja është nga
Herë pas here, në internet mund të gjeni artikuj aq të vlefshëm sa të dëshironi t'i printoni dhe t'i lexoni në vrima. Në të njëjtën kohë, jo të gjitha shërbimet ofrojnë një version të printueshëm të artikullit, ose dëshirat tona për të printuar nuk përputhen me mundësitë e ofruara (dua të lë fotografinë ose të ndryshoj llojin e fontit kryesor). Si të printoni një faqe pa elementë të panevojshëm? Në këtë rast, shërbimi në internet do të ndihmojë.
Në faqen kryesore të PrintWhatYouLike në mes të ekranit ka një formular për futjen e adresës së faqes që do të printohet. Adresa futet, faqja ngarkohet dhe shohim që kur zgjidhni ndonjë nga elementët e ndërfaqes, ajo rrethohet nga një kornizë e kuqe. Një klikim tjetër i butonit të majtë të miut dhe hapet një listë e operacioneve të mundshme. Elementet e ndërfaqes mund të fshihen një nga një ose si grup, të zgjerojnë një të vetëm të zgjedhur brenda kufijve ose të zgjedhin një bllok teksti, duke fshirë të gjithë të tjerët. Kjo do të thotë, është e mundur që vetëm të hiqni pjesët e faqes që janë të panevojshme për printim ose të izoloni shpejt të nevojshmet nga sekondari dhe ta printoni atë.
Në anën e majtë të ekranit ka një shirit anësor me një numër funksionesh për faqen e redaktuar:
- ruajtja e faqes së redaktuar në formate PDF, HTML;
- ndryshoni madhësinë e tekstit, llojin e shkronjave;
- hiqni sfondet ose imazhet me një klik të vetëm të miut.
Për lehtësinë e përdoruesit, PrintWhatYouLike sugjeron vendosjen e një butoni redaktimi në shiritin e faqeshënuesve përpara se të printoni çdo faqe që vizitojmë. Ekziston edhe një opsion PageZipper. Do të jetë i përshtatshëm kur lexoni ato burime ku u pëlqen të ndajnë një artikull në pesë, dhjetë ose më shumë faqe. Shtypni përsëri "Faqja tjetër", "Faqja tjetër" dhe më pas kuptoni se nuk kishte asgjë për të lexuar. PageZipper do të vendosë të gjithë artikullin në një faqe për redaktim dhe printim të mëtejshëm. Nëse nuk dëshironi të instaloni një faqeshënues, atëherë disponohet një shtesë për Firefox PageZipper 0.6.1.
Për përdoruesit e regjistruar, PrintWhatYouLike ofron një panel kontrolli që përmban informacion në lidhje me numrin e butonave të instaluar "Printer Friendly", fletët e letrës të ruajtura dhe të printuara, paratë e kursyera, pemët që nuk janë prerë dhe monoksidi i karbonit fatkeq që nuk emetohet në atmosferë.
Blogerët gjithashtu mund të përfitojnë. Instalimi i shtojcës do të rezultojë në shfaqjen në secilën faqe të blogut të një butoni të përshtatshëm për dërgimin e artikujve për t'u printuar, aftësinë për të ruajtur faqet në formatin PDF, i cili do t'i kursejë lexuesit letër dhe bojë printeri.
