Урок 21.2. Оформление и форматирование.

В уроке 21.1 мы начали рассматривать оформление текстового контента. Сейчас продолжим обзор способов облегчения восприятия текста, которыми почему-то пренебрегают многие веб-мастера. Абзацы, подзаголовки, списки, цитаты – все это только основа. Теперь же нам осталось затронуть шрифты, оглавление и стиль.

Подберите привлекательный шрифт

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

• Не мешайте разные шрифты. Использование сразу нескольких шрифтов будет выглядеть, по меньшей мере, наляписто. Поэтому к таким экспериментам стоит относиться с осторожностью.
• Подберите оптимальный размер. В первую очередь избегайте больших размеров шрифта, что всегда выглядит несерьезно. Конечно, речь не идет о заголовках и подзаголовках. Также не используйте слишком мелкий шрифт, затрудняющий прочтение.
• Не используйте экстравагантные варианты. Конечно, красивые расписные шрифты отлично смотрятся на открытках, но обычному человеку они станут только помехой, когда речь идет о прочтении больших объемов текста. Здесь следует придерживаться чего-то классического.
• Выберите цвет. Цвета должны легко восприниматься глазом, для этого лучше использовать темные тона. Эксперименты с ядовитыми расцветками ни к чему хорошему не приведут.

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

Разбивайте большие темы

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

Поработайте над стилем оформления. Предположим, что все предыдущие пункты не вызвали затруднения. В данном случае стоит внести последние штрихи, поработав над стилем исполнения. Для этого можно воспользоваться специальным плагином  Aesop Story Engine. Собственно, вам не придется придумывать ничего нового, ведь здесь все продумано до вас:

• галереи;
• цитаты с фоновыми изображениями;
• автопрокрутка;
• интерактивные главы;
• полноэкранные изображения контента;
• титульные полноэкранные изображения;
• Parallax-эффекты.

Тестируйте страницы с проделанной на них работой

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