👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →
Многие сайты имеют версии статей приспособленные специально для печати — убраны все визуальные элементы, кроме, пожалуй, логотипа сайта.
Есть варианты как сделать такое?
Многие сайты имеют версии статей приспособленные специально для печати…
так:
или так (прямо в файле style.css):
@media print { BODY { font-family: Times, serif; } }Ничо не понял. Создать отдельный css, а потом подключить? Или что?
да
Ну как подключить css к файлу я допустим знаю. А что должно быть в этом файле, к которому я и подключаю таблицу стилей, чтобы отображался только контент статьи?
Да и ссылку как на этот файл проставить. В принципе, что в нем писать ясно —
ну и настройки стиля.
Мне не совсем понятно, как этот отдельный файл css будет подключаться, если кликнуть на ссылку «версия для печати»?
в краце: агент пользователя(читайте: браузер) при выводе на печать(и предпросмотре печати) использует таблицу стилей с названием print.
Подробно про механизм есть в книге: Эрик Мейер «CSS. Каскадные таблицы стилей. Подробное руководство.» 32-35 страницы
Думаю, ссылка на эту книгу здесь будет уместной — http://www.proklondike.com/books/webdesign/css3.html
Правильно думаешь.
http://irus.streetball.name/files/kniga_css.zip
вот те самые 4-ре страницы, чтобы не качать всю книгу =)
Сделал как и советовалось: создал отдельный print.css и прикрутил его через header.php.
Одно но — ссылку на статью делаю такого вида:
Но все равно не работает, т.к. возвращает просто на статью, а не на печатную версию.
Тут как обычно пасочки с шорткодами, поэтому вот код изображением:
http://pic.lg.ua/s/tZ5ux
используем вот такой код для вызова диалога печати:
404 ошибка по ссылке.
скачайте файл, на который я дал ниже ссылку, там правильно написано, тут ошибка есть. и там я попытался рассмотреть пирмер
Я уже скачал и сделал как и было написано — конечно чуть-чуть не то. Но в принципе пойдет.
Один вопрос теперь — как из печатной версии убрать меню, сайдбар, комментарии и т.д., а оставить только текст?
http://sociolab.net/tretiy-sektor-negativ-2011/ — пример ссылки. Можете сами посмотреть в общем.
в общем вот:
irus.streetball.name/files/print.zip
А как сделать распечатку квитанции? Есть отксеренная квитанция, чтобы при нажатии получить квитанцию, перенаправляло на окно принта с этой квитанцией?
А еще лучше с формой, чтобы введенные данные вписывались в эту квитанцию.