Может ли контент вашего сайта быть легко распечатан?

Если вы не знаете, к чему относится этот вопрос, скорее всего, ваш блог не будет легко распечатан.

Хотя некоторые разработчики тем WordPress разрабатывают поддержку удобного для пользователя контента, в большинстве случаев это не так. А это означает, что если вы хотите, чтобы люди могли печатать ваш контент так, чтобы он был действительно читабельным, вы должны взять дело в свои руки; вот о чем я бы сегодня поговорил.

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

Но, если вы никогда не устанавливали WordPress, откройте для себя Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге 

Тогда вернемся к тому, почему мы здесь.

Что делает веб-сайт удобным для печати?

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

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

Также откройте наш гид по Как применить интерфейс и пользовательский опыт к WordPress

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

И, наконец, многие люди будут печатать ваш контент в черно-белом режиме (а цветные чернила стоят дорого!), Поэтому вам нужно принять более серый вид для вашего удобного для пользователя контента.

По этой причине создание блога, совместимого с печатью, включает в себя:

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

Также прочитайте наше руководство по: Как добавить пользовательский размер для миниатюр

Итак, как вы можете это сделать?

Как сделать свой сайт удобным для пользователя с помощью CSS

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

Откройте для себя тоже Как настроить панель WordPress

Основной блок CSS для вашего удобного контента выглядит следующим образом:

@media print {/ * Здесь можно найти стили, специфичные для принтера * /}

Любые стили CSS, которые вы добавляете в это мультимедийное объявление, влияют только на печатную версию вашей страницы.

Куда ты идешь оттуда?

Ну, трудно дать точный ответ, потому что все зависит от ваших предпочтений и вашей темы WordPress.

Смотрите также наш 10 премиальных плагинов WordPress для управления вашими комментариями

Но в целом, вот некоторые вещи, которые вы хотите сделать с помощью CSS:

  • Использование дисплеяникто Чтобы удалить такие вещи, как боковые панели, меню навигации, формы поиска и все остальное, что не полезно на печатной странице.
  • Установите читаемый размер шрифта, Вам также необходимо настроить размер таблиц в соответствии с данными из Документов Google или другого источника.
  • Используйте шрифт с засечками для печати вашего веб-сайта, потому что большинству людей легче читать на распечатанной странице.
  • Изменить цвета, особенно если вы используете насыщенный цвет фона. Большинство браузеров по умолчанию использует белый фон во многих ситуациях, но лучше убедиться, что здесь нет проблем.

Что касается вышеупомянутых четырех элементов, у вас уже должен быть довольно удобный веб-сайт. Но если вы хотите пойти еще дальше, вы также можете применить более продвинутую тактику.

Откройте для себя также несколько премиальных плагинов WordPress  

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

Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.

1. Форма обратной связи

Форма обратной связи Плагин Wordpress отзывчивый и простой инструмент премиум-класса, но богатый возможностями настройки, который позволяет отображать четкую и вдохновляющую форму, с помощью которой ваши посетители могут связаться с вами, оставив свое сообщение.

Контактная форма wordpress плагин контактной формы wordpress

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

Откройте для себя 10 WordPress Форма обратной связи 7 плагины, которые вы, вероятно, игнорировали

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

скачать | Демонстрация | веб-хостинг

2. Социальный вход в WooCommerce

Ce Плагин Wordpress Премиум помогает сократить время регистрации на сайте, что обычно раздражает пользователей и снижает ваши продажи. Но если вы используете WooCommerce Social Login, экономия времени пользователя будет увеличена, что неизбежно увеличит и ваши продажи.

Плагин woocommerce для входа в социальные сети WordPress

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

Узнайте также наш 50 WooCommerce плагины для улучшения вашего интернет-магазина

Таким образом, WooCommerce Social Login делает этот процесс максимально простым и безопасным - клиенты могут войти на ваш веб-сайт, используя свои учетные записи Facebook, Twitter, Yahoo, LinkedIn, Foursquare, Windows Live, VKontakte (VK.com), PayPal, Instagram. и Amazon.

скачать | Демонстрация | веб-хостинг

3. ConvertPlus

ConvertPlus является Плагин Wordpress премиальное все-в-одном, которое превращает ваш сайт в мощный модуль лидогенерации. В частности, он позволяет вам создать свой собственный список контактов, более крупный, быстрый и более целенаправленный, чем когда-либо.Всплывающий плагин для wordpress convertplus plugin wordpress

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

Характеристики эффективного всплывающего окна для WordPress должны быть обнаружены абсолютно

Другие его особенности: поддержка рчтение из 10 мест для всплывающих окон, поддержка рбольше 100 Темы WordPressподдержка Видео всплывающих окон, социальный обмен, фORMS, то Виджеты и другие бары информация.

скачать | Демонстрация | веб-хостинг

Рекомендуемые ресурсы

Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.

Заключение

Вот! Это все для этого урока. Надеюсь, у вас есть все необходимое, чтобы настроить внешний вид вашего веб-сайта. Если у вас есть какие-либо проблемы или предложения в этой области, давайте окажемся в раздел комментариев для обсуждения.

Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.

Но тем временем поделитесь этой статьей в разных социальных сетях.

...