/ Сайтостроение / Адаптивность / Версия сайта для печати

Версия сайта для печати

Для того чтобы при отправке на принтер печаталась определенная (основная) часть сайта, с измененным дизайном, нужно создать специальный css — print.

Тестировать вид шаблона для печати удобно в браузере Chrome, при нажатии функции Печать.

Медиазапрос print

Назначать стиль можно медиазапросом

@media print { 
  
}

Данный метод добавления стиля печати не работает

Файл стиля print.css

Добавлением стиля:

в файл funсtions.php
wp_enqueue_style( 'print', get_template_directory_uri() . '/print.css' , array( ), '1.0' , 'print' );

отдельным подключением:
<link media="print, handheld" rel="stylesheet" href="print.css">

И прописать элементам, которые не надо печать атрибут display: none; и другие необходимые атрибуты.

Либо добавить элементам, которые не должны печататся класс no-print

.no-print {display: none;}

Если в одном из контейнеров выше стоит align=»center» то в блоке вывода контента надо ставить align=»left»

Кнопка печати

Печать файла

Если нужно распечатать отдельный документ, например схему проезда или реквизиты, чтобы не подготавливать всю страницу можно сделать его отдельным файлом. Создаем .pdf загружаем его на сайт и на кнопку ПЕЧАТЬ ставим на него ссылку с target=»_blank». При нажатии файл открывается в отдельной вкладке готовый к печати.

Поделится информацией с друзьями

  • Комментарии
  • Вложения

Добавить комментарий

Пока нет комментариев. Будь первым!

Версия сайта для печати
Манипуляции с меню
Рекомендации для васМанипуляции с менюOpttour.ru
Спасибо! Наш менеджер свяжется с Вами в течении 5 минут.