Acasă> Articole> Cum se creează o "versiune pentru tipărire" pe site?
Multe site-uri contextuale care au pagini speciale cu versiuni de articole pentru tipărire sunt incomode din cauza apariției unor duplicate care afectează negativ optimizarea motorului de căutare. În plus, o pagină separată, concepută pentru a tipări text, "mănâncă" resursele de server ale site-ului (mai ales dacă are sute de pagini) și cheltuiește resursele botului de indexare.
Creați un link "Versiune imprimabilă".
sau orice alt element.
Asigurați-vă că scrieți în clasa de link-uri sau ID-ul atributului - va fi necesar în viitor să atașați dispozitivul de manipulare a clicurilor.
Determinați zona de imprimare.
Când utilizatorii doresc să tipărească o pagină, ei nu sunt absolut interesați de navigație, bannere, elemente de design și blocuri suplimentare. Prin urmare, pentru a crea o versiune ideală "Versiune pentru tipărire", specificați în codul HTML informații despre elementele care conțin informațiile necesare pentru tipărire. Pentru a face acest lucru, puteți utiliza elementul DIV:
Textul articolului cu imagini
Cu acest marcaj, putem specifica în continuare conținutul din instrumentul de procesare a clicurilor.
Creați o funcție de imprimare
Apoi continuăm să creăm funcția. Pentru a facilita procesul, utilizați cadrul jQuery (dacă este necesar, acest script poate fi adaptat pentru alte biblioteci):
$ (document) .ready (funcția () $ ('a.print'). faceți clic (funcție () var disp_setting = "toolbar = yes, location = no, directories = yes, menubar = yes";
disp_setting + = "scrollbars = da, lățimea = 650, înălțimea = 600, stânga = 100, vârful = 25";
Acum, analizați scriptul și specificați opțiunile de personalizare.
Această linie indică faptul că inițializarea scriptului intern va avea loc după încărcarea paginii în browser. Wizards care lucrează cu jQuery utilizează în mod regulat acest design.
Aici definim linkul și specificăm funcția de tipărire. Dacă ați folosit alte elemente ale codului în locul unui link, configurați această linie în consecință.
// ascunde excesiv
docprint.document.write (". post-vizualizări, .post-dată, .banner-top, .retweet-părinte, .sibscribe-form, .related, .print-link");
Aceste linii ascund elementele inutile pentru imprimare, care sunt folosite pe pagina - bannere, semnături, butoane de rețea socială etc.
Aici am stilizat versiunea pentru imprimare. Acest lucru este necesar dacă site-ul dvs. conține imagini sau imagini pe care doriți să le salvați în versiunea tipărită.
Aici plasăm elementul marcat cu atributul id = "article" și îl transferăm într-un document nou pentru imprimare.
Specializarea noastră este de a lucra cu diferite volume și subiecte. Site-uri - cărți de vizită, portaluri, magazine online.
Am implementat cu succes peste 113 de proiecte.
Articole similare
Trimiteți-le prietenilor: