Как изменить размер шрифта в WordPress

Продолжаем нашу новую рубрику «WP для новичков». Часто задают вопрос (довольно очевидный) как изменить размер шрифта в контенте записей и страниц WordPress. Существует несколько способов это сделать. В этой статье мы покажем вам как изменить размер шрифта в WordPress.

Способ 1: Используем заголовки абзацев

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

paragraphvisualeditor[1]

Эти размеры устанавливаются файлом таблицы стилей вашей темы (style.css) для того, чтобы на всем сайте шрифт был одинаковым. В большинстве случаев один из размеров заголовка должен вам подойти. Также, замечены положительные эффекты в плане SEO при использовании тегов заголовков для выделения основных ключевых слов.

Способ 2: Плагин TinyMCE Advanced

Этот способ предполагает использование плагина WordPress, известного как TinyMCE advanced. После установки и активации этого плагина он добавит множество разных «плюшек» в ваш визуальный редактор записей/страниц. Одной из таких плюшек и будет размер шрифта.

tinymceadvancedfontsize[1]

Как вы видим на скриншоте выше, можно выбрать любой размер шрифта на ваше усмотрение из выпадающего списка. Такой способ дает вам бОльшую свободу действий, так как теперь вы можете указать любой размер шрифта, даже меньший нежели основной шрифт сайта, например 8pt или 10pt. Огромным же минусом такого способа является то, что если вы когда-нибудь смените тему, вам придется учесть все проделанные изменения с размерами в каждой записи (и увеличить/уменьшить их при необходимости, если предыдущий вариант не вписывается в новый дизайн темы).

Примечание: Если вы хотите изменить размер шрифта для всех абзацев (то есть для всего контента в записи), то НЕ СТОИТ использовать TinyMCE advanced. Лучше изменить шрифт в файле таблицы стилей вашей темы (style.css).

VN:F [1.9.22_1171]
Rating: 4.2/5 (5 votes cast)

Об авторе ADv

Занимаюсь разработкой сайтов и магазинов на WordPress. Оказываю платные помощь и консультации. Skype: advokat_b
  • Андрей

    Спасибо вам за эту статью.
    Очень помогла и этот плагин отлично справился с задачей.

  • Александр

    Что же Вы про таблицу стилей вскользь. Можно было и подробнее осветить этот момент. А за плагин спасибо.

    • ADv

      Да что здесь подробней то освещать? Находите в таблице стилей правила для p (скорее всего в этот тег у Вас обрамляется текст) и меняете значения свойств на нужные.

      • Игорь

        Вы вот этот кусочек-то («найдите в таблице стилей правила для р и меняете…») внесите в основной текст статьи.
        Без него статья неполная.
        : )))
        В принципе, я (новичок), видел в css эту букву, но не понял, что это, пока не прочитал ваш комментарий. А тут все стало ясно. Вдруг.

  • Александр

    Здравствуйте. Проблема в том что файл style.css содержит всего вот это.

    /*

    Looking for the stylesheet?

    I consider that a man’s brain originally is like a little empty attic, and you have to stock it with such furniture as you choose. A fool takes in all the lumber of every sort that he comes across, so that the knowledge which might be useful to him gets crowded out, or at best is jumbled up with a lot of other things, so that he has a difficulty in laying his hands on it.

    — Sherlock Holmes

    */

    body.tamatebako-super:before{

    content: «I have the advantage of knowing your habits, my dear Watson…»;

    position: fixed;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    color: #fff;

    padding: 25% 10px;

    font-size: 17px;

    text-align: center;

    background: rgba(0,0,0,0.7);

    z-index: 999;

    }

    Замена font-size: 17px; ничего не даёт. Тема penny.

    Что делать то, может кто подскажет?

Scroll To Top