Advertisement
  1. Web Design
  2. Web Typography

Wordpress для писателей: темы, которые сделают ваши слова заметными

Scroll to top
Read Time: 3 min

Russian (Pусский) translation by Andy Yur (you can also view the original English article)

На протяжении всей истории мы видели влияние письменного слова. Используемые для объявления свободы, распространения важных новостей или создания собственного мира, слова имеют значение для всех нас.

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

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

1. Удаление отвлекающих элементов

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

Тема Preface предназначена авторам. И хотя тут есть слайдер на главной и несколько изображений для блога, они включены утончённым способом. Шрифтовое оформление одновременно укрупнено и в то же время фокусирует на основных частях макета. Простая навигация и чтение.

PrefacePrefacePreface
Preface: Тема WordPress для авторов

2. Использование смелых, просторных заголовков

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

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

Forte - A Stylish WordPress Theme for WritersForte - A Stylish WordPress Theme for WritersForte - A Stylish WordPress Theme for Writers
Forte - Элегантная тема WordPress для писателей

3. Вариант классического макета

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

Textual это тема ориентированная на текст, что добавляет немного брутального к дизайну обычного классического макета. Огромные заголовки, ссылки заметны, а основной текст легко читать. Ничего особенного, только элементы, которые действительно имеют значение.

Textual - A Text-Centric WordPress Blog ThemeTextual - A Text-Centric WordPress Blog ThemeTextual - A Text-Centric WordPress Blog Theme
Textual - текст-ориентированная тема Wordpress для блога

4. Использование контрастной цветовой палитры

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

WordMag по умолчанию использует чёрный текст и белый со светло серым фон. Она объединяет этот контрастный цвет темы с современными функциями вроде анимации CSS3, эффектов скроллинга параллакса и сеточного макета. Текстовое оформление это один из способов фокусировки на главном тексте, с поддержкой шрифтов Google и Adobe Typekit.

WordMag - Typography Focused WordPress Magzine ThemeWordMag - Typography Focused WordPress Magzine ThemeWordMag - Typography Focused WordPress Magzine Theme
WordMag - газетная тема WordPress с уклоном на текстовое оформление

5. Разрешения пользователю

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

ReadWrite это упрощённая тема Wordpress, которая обеспечивает инструментами, чтобы помочь пользователям настроить опыт чтения. Оба параметра, размер шрифта и цветовой контраст, могут быть изменены пользователем в шапке сайта. Через CSS можно настроить эти функции, чтобы дать пользователям вашего сайта наилучший UX (опыт взаимодействия).

ReadWrite - Beautifully Minimal Writing Blogging WordPress ThemeReadWrite - Beautifully Minimal Writing Blogging WordPress ThemeReadWrite - Beautifully Minimal Writing Blogging WordPress Theme
ReadWrite - Красивая минималистичная тема Wordpress для писателей и блоггеров

Основа хорошего дизайна

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

Читай больше о типографии на Tuts+


Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.