Многие сайты имеют версии статей приспособленные специально для печати…

👍 Научим создавать сайты на WordPress бесплатно за 19 уроков. Подробнее →

Многие сайты имеют версии статей приспособленные специально для печати — убраны все визуальные элементы, кроме, пожалуй, логотипа сайта.
Есть варианты как сделать такое?

Создай свой первый сайт на WordPress

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

  1. Ruslan

    так:

    <link rel="stylesheet" type="text/css" media="print" href="print.css"/>
    

    или так (прямо в файле style.css):

    @media print {
        BODY { font-family: Times, serif; }
        }
    
    Ответить
  2. psionic автор

    Ничо не понял. Создать отдельный css, а потом подключить? Или что?

    Ответить
    1. Ruslan

      да

      Ответить
      1. psionic автор

        Ну как подключить css к файлу я допустим знаю. А что должно быть в этом файле, к которому я и подключаю таблицу стилей, чтобы отображался только контент статьи?

        Ответить
      2. psionic автор

        Да и ссылку как на этот файл проставить. В принципе, что в нем писать ясно —
        ну и настройки стиля.

        Ответить
  3. Мне не совсем понятно, как этот отдельный файл css будет подключаться, если кликнуть на ссылку «версия для печати»?

    Ответить
    1. Ruslan

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

      Подробно про механизм есть в книге: Эрик Мейер «CSS. Каскадные таблицы стилей. Подробное руководство.» 32-35 страницы

      Ответить
      1. Думаю, ссылка на эту книгу здесь будет уместной — http://www.proklondike.com/books/webdesign/css3.html

        Ответить
        1. psionic автор

          Правильно думаешь.

          Ответить
        2. Ruslan

          http://irus.streetball.name/files/kniga_css.zip
          вот те самые 4-ре страницы, чтобы не качать всю книгу =)

          Ответить
  4. psionic автор

    Сделал как и советовалось: создал отдельный print.css и прикрутил его через header.php.
    Одно но — ссылку на статью делаю такого вида:

    Печатная версия 

    Но все равно не работает, т.к. возвращает просто на статью, а не на печатную версию.

    Ответить
  5. psionic автор

    Тут как обычно пасочки с шорткодами, поэтому вот код изображением:

    http://pic.lg.ua/s/tZ5ux

    Ответить
    1. Ruslan

      используем вот такой код для вызова диалога печати:

      Распечатать страницу
      Ответить
      1. psionic автор

        404 ошибка по ссылке.

        Ответить
        1. Ruslan

          скачайте файл, на который я дал ниже ссылку, там правильно написано, тут ошибка есть. и там я попытался рассмотреть пирмер

          Ответить
          1. psionic автор

            Я уже скачал и сделал как и было написано — конечно чуть-чуть не то. Но в принципе пойдет.
            Один вопрос теперь — как из печатной версии убрать меню, сайдбар, комментарии и т.д., а оставить только текст?

            Ответить
          2. psionic автор

            http://sociolab.net/tretiy-sektor-negativ-2011/ — пример ссылки. Можете сами посмотреть в общем.

            Ответить
    2. Ruslan

      в общем вот:
      irus.streetball.name/files/print.zip

      Ответить
  6. maxon4ig

    А как сделать распечатку квитанции? Есть отксеренная квитанция, чтобы при нажатии получить квитанцию, перенаправляло на окно принта с этой квитанцией?
    А еще лучше с формой, чтобы введенные данные вписывались в эту квитанцию.

    Ответить