Блог им. madduck / Print.css — стиль для печати для wordpress

Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет распечатать какой-либо материал с сайта, то на бумаге он будет выглядеть почти так же как и в сети, вместе с кучей ненужной информацией. С боковой панелью, с категориями, с облаком тегов и прочими ссылками и кнопочками, которые будут не интересны на бумаге. Так вот, для того чтобы это исправить, создаем отдельный css файл и называем его print.css. Прописываем его в header страницы:

<link rel="stylesheet" href="print.css" type="text/css" media="print" /> С его помощью мы спрячем все не нужные блоки, кнопочки, панельки и т.д. Делаем это с помощью css-параметра display, которому задаем значение none. Например:

#sidebar { display:none; } Так же можно изменить размеры текста на нормальные/стандартные, там где они были слишком большими. Изменить цвет ссылок, убрать подчеркивание и т.д. Для того чтобы просмотреть как сайт будет выглядеть в отпечатанном виде, достаточно выбрать “предварительный просмотр” в меню браузера.

Источник: Уроки CSS на Хабрахабре