Как создать сайт или блог в 2020 году - бесплатное и простое руководство по созданию сайта

Как улучшить типографику блога WordPress

Если вы блоггер, вы уже получили много советов по правильному написанию. Убедитесь, что вы остаетесь в курсе последних тенденций SEO. Обязательно попробуйте выбрать правильную тему для вашего сайта WordPress. Должны ли мы даже начать с плагинов? Продолжайте пробовать одно за другим, с единственной целью улучшить функциональность и удобство использования вашего блога.

Теперь пришло время поговорить о еще одном аспекте ведения блога на WordPress:

Если вы ищете точное определение типографии, оно выглядит примерно так: «Типография – это визуальное искусство создания письменных слов». Если мы говорим о блоге WordPress, это определение может вводить в заблуждение. Основное внимание уделяется художественной типографии. Если вы посмотрите на самые популярные блоги, например TechCrunch, вы заметите, что в написанных словах нет ничего художественного.

TechCrunch Blog – Типография Дизайн

Типография четкая и разборчивая. Об этом мы и говорим, когда говорим о типографии блогов. Значит ли это, что мы фокусируемся только на источнике? Нет. Способ, которым шрифт реализован в среде блога, также важен. Мы говорим обо всех текстовых элементах, цветах и ​​комбинациях шрифтов, которые вы будете использовать для создания узнаваемого и удобочитаемого шрифта блога.

Почему вы должны заботиться о шрифте WordPress?

Давайте вернемся к этому определению: это была самая значительная часть.

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

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

В 2012 году журнал Smashing Magazine опубликовал интересную статью о том, как типография может манипулировать значением сообщения в графическом дизайне. Они проиллюстрировали этот факт на простом примере: слово представлено в двух разных вариантах:

hello-design-1 "width =" 510 "height =" 516 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/04/1586273771_803_Como-mejorar-la-tipografia-de-blog -de-WordPress.png 510 Вт, https: //themegrill.com/blog/wp-content/uploads/2018/04/hello-design-1-297x300.png 297 Вт «размеры =» (максимальная ширина: 510 пикселей) 100 Вт, 510px "> Hello - Типография Дизайн 1</figure>
<figure id=hello-design-2 "width =" 515 "height =" 508 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/04/1586273771_40_Como-mejorar-la-tipografia-de-blog -de-WordPress.png 515w, https: //themegrill.com/blog/wp-content/uploads/2018/04/hello-design-2-300x296.png 300w "sizes =" (максимальная ширина: 515px) 100vw, 515px "> Hello - Типография Дизайн 2</figure>
<p>Первое, представленное в виде большого жирного слова, трудно игнорировать. Вы слышите это в своей голове как сильный доминирующий голос человека, который рад вас видеть. Вторая иллюстрация показывает то же самое слово, но расположение и масштаб заставляют его колебаться … Лично я думаю, что это сопровождается ложной улыбкой.</p>
<p>Как мы видим, расположение букв и то, как они вписываются в остальную часть дизайна, могут изменить смысл сообщения. Это очевидно в графическом дизайне, но это показывает нам важность типографики в любом типе текста, включая сообщения в блоге.</p>
<p>Взгляните на другой популярный блог WordPress. Вы заметите чистый и разборчивый шрифт. Текст очень маленький, но это потому, что основное внимание в этом блоге уделяется визуальному контенту. Используйте менее читаемый шрифт в Twitter раздел, в основном потому, что он выделен курсивом. Тем не менее, это также имеет причину: это заставляет вас чувствовать, что это рукописные заметки, поэтому они дают вам ощущение, что автор на мгновение выразил мысль или чувство по поводу Twitter,</p>
<figure id=типографский стиль рукописного ввода "width =" 978 "height =" 469 "srcset =" https://blogging-techies.com/wp-content/uploads/2020/04/1586273771_383_Como-mejorar-la-tipografia-de-blog -de-WordPress.png 978w, https: //themegrill.com/blog/wp-content/uploads/2018/04/typography-handwriting-style-300x144.png 300w, https://themegrill.com/blog/wp -content / uploads / 2018/04 / typography -handwriting-style-768x368.png 768w "sizes =" (максимальная ширина: 978px) 100vw, 978px ">Twitter Кормление в стиле рукописного ввода - Типография Дизайн</figure>
<p>Подумайте об этом так: если визуальный дизайн – это то, как выглядит ваш сайт, типографика определяет его звучание. И вы определенно обеспокоены тем, как вы звучите, верно?</p>
<h2><span class="ez-toc-section" id="%D0%95%D1%81%D1%82%D1%8C_%D0%BB%D0%B8_%D1%83_%D0%BD%D0%B0%D1%81_%D0%BF%D1%80%D0%BE%D0%B1%D0%BB%D0%B5%D0%BC%D1%8B_%D1%81%D0%BE_%D1%81%D0%BB%D1%83%D1%87%D0%B0%D0%B9%D0%BD%D1%8B%D0%BC_%D0%B2%D1%8B%D0%B1%D0%BE%D1%80%D0%BE%D0%BC_%D1%88%D1%80%D0%B8%D1%84%D1%82%D0%B0_WordPress"></span>Есть ли у нас проблемы со случайным выбором шрифта WordPress?<span class="ez-toc-section-end"></span></h2>
<p>В чем проблема, если вы выбираете случайный шрифт случайного масштаба и цвета и комбинируете его с другими случайными шрифтами случайных цветов?</p>
<p>Самая большая проблема заключается в том, что неправильная типография повлияет на читабельность вашей публикации.</p>
<p>Исследование Nielsen Norman Group показало, что люди не будут читать контент в Интернете, если текст не понятен, стиль прост, а информацию легко понять. Все блоггеры знают это! Интенсивность внимания аудитории не впечатляет. Поэтому он использует более короткие абзацы и выражает себя как можно более четко.</p>
<p>Однако многие блоггеры не понимают, что шрифт, размер шрифта и контраст между текстом и фоном играют большую роль в удобочитаемости. Как было определено в том же исследовании Нильсена Нормана, которое мы упоминали, удобочитаемость – это «низкоуровневая оценка удобства использования контента». Это первое, что люди замечают на вашем сайте. Если типография не сделана правильно, они не потрудятся напрячь глаза, чтобы прочитать, что вы имеете в виду.</p>
<p>Так что да; У нас проблема со случайными шрифтами случайного размера в случайных фонах.</p>
<h2><span class="ez-toc-section" id="%D0%A1%D0%BE%D0%B2%D0%B5%D1%82%D1%8B_%D0%BA%D0%B0%D0%BA_%D1%83%D0%BB%D1%83%D1%87%D1%88%D0%B8%D1%82%D1%8C_%D1%82%D0%B8%D0%BF%D0%BE%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D1%83_%D0%B2%D0%B0%D1%88%D0%B5%D0%B3%D0%BE_%D0%B1%D0%BB%D0%BE%D0%B3%D0%B0"></span>Советы: как улучшить типографику вашего блога<span class="ez-toc-section-end"></span></h2>
<h3><span class="ez-toc-section" id="1_%D0%94%D0%B5%D1%80%D0%B6%D0%B8%D1%82%D0%B5%D1%81%D1%8C_%D0%BF%D0%BE%D0%B4%D0%B0%D0%BB%D1%8C%D1%88%D0%B5_%D0%BE%D1%82_%D0%BD%D0%B5%D1%87%D0%B8%D1%82%D0%B0%D0%B5%D0%BC%D1%8B%D1%85_%D0%B8%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%B8%D0%BA%D0%BE%D0%B2"></span>1. Держитесь подальше от нечитаемых источников<span class="ez-toc-section-end"></span></h3>
<p>При выборе шрифта у вас слишком много вариантов для экспериментов. Тем не менее, важно знать, каких конкретных источников следует избегать.</p>
<ul>
<li>Мирный: этот выглядит художественно и может быть отлично подходит для графического дизайна, но он будет выглядеть глупо как доминирующий шрифт на сайте WordPress.</li>
<li>Влияние: это хорошо для заголовков, и мы часто видим это в этой функции, но это определенно слишком ограничено для текста на вашем сайте WordPress.</li>
<li>Comic Sans MS – Вы пишете комиксы? Тогда вы можете использовать его в дизайне. Лучше не рассматривать этот источник для реального сообщения в блоге.</li>
<li>Лобстер: представьте себе, что вы читаете длинную запись в блоге, написанную чьим-то красивым, но нечитаемым почерком. Точно!</li>
<li>Франклин Готик – Этот чистый шрифт хорош для газеты, возможно. Но, кажется, немного устарела, чтобы использовать его в блоге. Хотя это не так плохо, как предыдущие источники в этом списке, лучше избегать этого.</li>
</ul>
<p>Вот как они выглядят визуально:</p>
<p><img class=

4. Используйте правильный плагин, чтобы изменить шрифт

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

Тогда что ты делаешь? Вы используете плагин, конечно! Вот несколько предложений плагинов, которые помогут вам справиться с типографикой вашего блога:

С помощью этого плагина вы можете быстро редактировать шрифты и цвета в своей теме с помощью WordPress Customizer, и вы получите предварительный просмотр перед принятием окончательного решения. Styleguide позволяет выбирать между основными источниками Google по любой теме. Этого более чем достаточно, поскольку Google Fonts – одна из самых сложных и удобных библиотек шрифтов. Это бесплатно, так что это большое преимущество.

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

Если вы не хотите безопасно играть со шрифтами Google, вам может понравиться Font Squirrel. Этот плагин приносит вам тонны выбранных вручную шрифтов, которые бесплатны для коммерческого использования.

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

5. Остерегайтесь фона

Идеальная типография – ничто, если вы не поставите ее в правильной обстановке. Важно иметь высокий контраст между фоном и персонажами. Гладкий белый фон и темные символы – самый безопасный вариант, но он также самый эффективный. Вы видите тонны пустого пространства и читаемый текст в самых успешных блогах WordPress. Для этого есть причина.

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

ted-blog-typography-design "width =" 720 "height =" 324 "srcset =" https://themegrill.com/blog/wp-content/uploads/2018/04/ted-blog-typography-design-1024x461 .png 1024w, https://themegrill.com/blog/wp-content/uploads/2018/04/ted-blog-typography-design-300x135.png 300w, https://themegrill.com/blog/wp-content /uploads/2018/04/ted-blog-typography-design-768x346.png 768w, https://themegrill.com/blog/wp-content/uploads/2018/04/ted-blog-typography-design.png 1180w "sizes =" (максимальная ширина: 720px) 100vw, 720px "> Блог TED - Фон</figure>
<h2><span class="ez-toc-section" id="%D1%82%D0%B5%D1%80%D0%BC%D0%B8%D0%BD%D0%B0%D1%82%D0%BE%D1%80"></span>терминатор<span class="ez-toc-section-end"></span></h2>
<p>Хотя типография блога кажется простой проблемой, когда вы впервые об этом думаете, вы обнаружите много слоев, когда начнете копаться в ней. Используя различные шрифты, размеры, цвета и типографские акценты, вы можете добиться тона, обеспечивающего правильное сообщение.</p>
<p>Это самый важный вывод: независимо от того, сколько вы играете с дизайном, текст должен быть разборчивым.</p>
<p><strong>Авторская биография</strong></p>
<p><strong>Лаура Баклер</strong> Он является редактором Essays Scholar Advisor и внештатным автором. Ее любимые предметы – социальные сети, цифровой маркетинг и написание контента. Она использует свой прошлый опыт работы маркетологом в социальных сетях для создания проницательной и проницательной работы. Следуйте за Лорой на Twitter,</p>
</p>
<div style=Скачать WordPress Themes бесплатно