Приветствую, тебя мой друг!

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

 

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

 

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

 

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

 

Для сравнения

Первоначальный шрифт на моем блоге был 11 пикселей по умолчанию и выглядело это так

 

Шрифт после изменения кода CSS в Visual Composer, на данный момент 19 пикселей

 

Для начала плагин нужно скачать и загрузить в админку сайта стандартным способом, как и все плагины. И в консоли появится новая вкладка Visual Composer (на скриншоте показано стрелкой).

 

Далее идем во вкладку: Индивидуальный CSS.

 

Перейдя на данную вкладку, видим надпись: Введите ваш CSS код, напротив которой расположено окно, куда и следует ввести нужный нам код CSS.

 

Где же взять этот код и что с ним дальше делать?

Переходим на любой пост в своем блоге. Выделяем текст в любой области, кликаем правой кнопкой мыши и нажимаем просмотреть код

 

В открывшемся справа окне внизу находим нужный код style.css: 16. На цифру 16 не обращаем внимания, она может быть и другой. Копируем сам код

Как изменить шрифт на блоге просто

 

Возвращаемся в Visual Composer и вставляем, скопированный код в окошко. Здесь же в окне находим строку font-size: 11px; цифру меняем на нужную нам. В моем случае это будет выглядеть так: font-size: 19px; Нажимаем сохранить изменения.

 

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

4 Replies to “Как изменить шрифт на блоге Visual Composer”

  1. Серьезно подошли к делу. Еще бы и картинки Ваши укрупнить, а то не все видно.
    Очень иногда нужная функция. А вот написали, что позволяет данный плагин создавать уникальные страницы на сайте. А какие именно? Интересно было бы, если бы о всех возможностях плагина рассказали.
    Было полезно. Спасибо.

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

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

      Шрифт изменил и забыл о нем 🙂 Спасибо, что напомнили, займусь изучением дальнейшим.

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

Добавить комментарий для Татьяна Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *