Головна сторінка> Статті> Як створити «Версію для друку» на сайті?
Багато контекстні сайти, які мають спеціальні сторінки з версіями статей для друку, відчувають незручності через виникнення дублів, негативно впливають на пошукову оптимізацію. Крім того, окрема сторінка, призначена для роздрукування тексту, «з'їдає» серверні ресурси сайту (особливо, якщо на ньому сотні сторінок) і витрачає ресурси індексуючему боту.
Створіть посилання «Версія для друку».
або будь-який інший елемент.
Обов'язково пропишіть на засланні клас або атрибут ID - він буде потрібно надалі, щоб прикріпити обробник кліка.
Визначте область друку.
Коли користувачі хочуть роздрукувати сторінку, їх абсолютно не цікавить навігація, банери, елементи дизайну і додаткові блоки. Тому щоб створити ідеальну «Версію для друку», вкажіть в HTML-коді інформацію про те, який з елементів містить потрібну для роздруківки інформацію. Для цього можна використовувати DIV-елемент:
Текст статті з зображеннями
За допомогою даної розмітки ми зможемо далі вказати в обробнику кліка потрібний контент.
Створіть функцію друку
Далі приступаємо до створення функції. Щоб зробити процес простіше, скористайтеся фрейморком jQuery (при необхідності даний скрипт можна адаптувати і для інших бібліотек):
$ (Document) .ready (function () $ ( 'a.print'). Click (function () var disp_setting = "toolbar = yes, location = no, directories = yes, menubar = yes,";
disp_setting + = "scrollbars = yes, width = 650, height = 600, left = 100, top = 25";
Тепер проаналізуємо скрипт і вкажемо можливості для настройки.
У даній сходинці зазначено, що ініціалізація внутрішнього скрипта відбудеться після завантаження сторінки в браузер. Майстри, які працюють з jQuery, регулярно використовують таку конструкцію.
Тут ми визначаємо посилання і вказуємо функцію друку. Якщо ви використовували інші елементи коду замість посилання, налаштуйте цей рядок відповідно.
// hide excessive
docprint.document.write ( ". post-views, .post-date, .banner-top, .retweet-parent, .sibscribe-form, .related, .print-link");
Ці рядки приховують зайві для друку елементи, які використовуються на сторінці, - банери, підпис, кнопки соцмереж і т.д.
Тут ми стилізуємо версію для друку. Це необхідно, якщо на вашому сайті розміщені картинки або зображення, які ви хочете зберегти в друкованій версії.
Тут ми поміщаємо зазначений нами атрибутом id = "article" елемент і переносимо його в новий документ для друку.
Наша спеціалізація - робота з різними обсягами і тематиками. Сайти-візитки, портали, інтернет-магазини.
Нами успішно реалізовано більше 113 проектів.