Создайте страницу для печати с Gutenberg.css

Веб-дизайнеры часто забывают о Распечатать потому что это кажется гораздо менее необходимым в наше время. И это может быть верно для цифровых сайтов, таких как BuzzFeed.

Однако на информационные сайты это все еще хорошая практика, чтобы предложить настраиваемая таблица стилей печати. К счастью, вам не нужно создавать свой собственный, потому что Гутенберг здесь, чтобы помочь.

Названная в честь изобретателя печатного станка Йоханнеса Гутенберга, эта библиотека CSS является автономным ресурсом для печать страниц дизайна.

Ты только добавить gutenberg.css файл в заголовок документа, и все готово.

Всякий раз, когда посетитель идет, чтобы напечатать вашу страницу, он должен автоматически рестайлинг на основе настроек печати. Это можно установить с помощью СМИ = «печать» Атрибут HTML.

Проверьте это руководство, если вы хотите узнать немного больше о печать таблиц стилей и как они работают.

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

Зайдите в папку с темами, и вы найдете три альтернативные темы печати: книга, современный, а также Старый стиль. Вы можете сделать любой из этих дефолт добавив их в верхней части по умолчанию gutenberg.css файл.

Также вы можете стиль страницы по-разному для печати добавив конкретные классы CSS. Например, .нет-печати класс будет полностью скрыть элемент в стиле печати.

Другим примером является добавление ссылок URL рядом с текстом. Гутенберг добавляет эту функцию, чтобы людям было легче находить URL-адреса с вашей страницы. Но вы можете добавить .нет-переформатировать класс на элемент привязки к скрыть URL.

Все эти вещи описаны в репозитории GitHub, и это очень просто. Вы можете иметь Гутенберг установлено менее чем за 5 минут и весь ваш сайт будет удобен для печати.

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

Если содержание вашего сайта может быть когда-либо напечатано по любой причине тогда Gutenberg.css является незаменимым ресурсом.