Как в wordpress поменять цвет текста?
На днях мы получили проблема от читателя, кушать ли несложный способ изменить краска текста в WordPress. Ответ – да. Вы можете легковесно менять краска шрифта в WordPress как для итого сайта, так и даже для одного слова в публикации.
В этом руководстве мы пошагово покажем вам, как легковесно изменить краска текста в WordPress.
Кушать немало вин, отчего вы могли бы пожелать скорректировать краска текста в своих постах и страницах. Вероятно, вы желаете выделить ключевое слово или использовать цветные подзаголовки на определенной странице.
Кроме того, вы можете изменить краска текста на всем сайте. Вероятно, ваша тема использует стальной краска для текста, но вы желали бы сделать его черноволосым или темно-серым для лучшей читаемости.
В этой статье мы рассмотрим вытекающие методы:
- Смена краски текста с поддержкой визуального редактора (подходит для корректировки краски кой-каких слов, абзацев или заголовков).
- Изменение краски текста в кастомайзере тем (идеальный способ для смены краски шрифта по всему сайту, но поддерживается не всеми темами).
- Изменение краски текста с поддержкой CSS (подходит для изменения краски шрифта по всему сайту с любыми темами).
Содержание статьи
- 1 Метод 1. Изменение краски текста с поддержкой визуального редактора.
- 2 Метод 2. Смена краски текста в кастомайзере
- 3 Метод 3. Смена краски текста сквозь CSS
- 4 Как переменить краска текста в WordPress (3 несложных метода)
- 5 Способ 1. Изменение краски текста при поддержки зрительного редактора.
- 6 Способ 2. Смена краски текста в кастомайзере
- 7 Способ 3. Смена краски текста сквозь CSS
Метод 1. Изменение краски текста с поддержкой визуального редактора.
Вы можете использовать типовой редактор WordPress, чтобы выделить слова, абзацы или даже подзаголовки необходимым краской, выделяющимся от основного текста.
Вот как вы можете изменить краска текста с поддержкой редактора блоков.
Вначале вам необходимо отредактировать пост или страницу (либо создать новоиспеченную). Дальше заведите собственный текст. Вам потребуется создать блок абзаца или заголовка в подневольности от ситуации.
Как лишь ваш текст будет добавлен, вы сможете изменить его краска.
Смена краски текста блока
Для этого образца мы собираемся изменить краска текста итого блока.
Нажмите на блок. С правой сторонки экрана должна показаться панель Block Settings. Нажмите на стрелочку рядышком с Color settings, чтобы раскатать вкладку. Вы увидите тут настройки краски.
Сейчас вы можете избрать новоиспеченный краска текста. Визуальный редактор покажет несколько вариантов, основанных на вашей теме. Вы можете нажать на одинешенек из них, чтобы изменить краска текста.
В качестве альтернативы вы можете задать любой краска, какой вам необходимо. Для этого нажмите на ссылку Custom Color. Отворится цветовая палитра, где вы можете избрать любой краска вручную. Вы также можете использовать палитру для ввода hex-кода краски.
Если вы передумали и желаете вернуться к краске текста по умолчанию, попросту нажмите кнопку Clear разом под цветовыми опциями.
Рекомендация: если вы желаете изменить краска полы для блока, вы тоже можете сделать это тут.
Изменение краски текста для слова или фразы
Что мастерить, если вы желаете изменить краска одного или нескольких слов? Это легковесно делается с поддержкой редактора блоков.
Вначале вам необходимо выделить слово (слова), какие вы желаете изменить. Затем нажмите на небольшую стрелочку на панели инструментов редактора контента.
Дальше нажмите на ссылку Text Color в нательнее доли списка.
Сейчас вы увидите те же самые параметры, что и для итого блока. Вы можете избрать как параметр по умолчанию, так и собственный краска с поддержкой Custom color.
Параметры краски не ограничиваются блоками абзацев. Вы можете изменить также краска блоков заголовков. Вы можете ввести краска текста для итого блока в настройках. Кроме того, вы можете выделять отдельные слова и менять их краска.
Примечание: вы не можете задавать краска полы для заголовков.
Вы также можете изменить краска текста в блоке списка, однако лишь при выделении слов. В настройках блока нет возможности изменить краска текста для итого блока.
Меняем краска шрифта с поддержкой классического редактора
Если вы все еще используете классический редактор WordPress, то вы можете изменить краска шрифта с поддержкой панели инструментов.
В классическом редакторе нажмите на Toolbar Toggle в правом углу. Вы увидите еще одинешенек ряд иконок:
Сейчас вы можете избрать собственный текст и изменить краска текста, используя раскрывающийся список с цветовыми предложениями.
Метод 2. Смена краски текста в кастомайзере
Как быть, если вы желаете изменить краска текста на всем сайте? Многие из тем WordPress позволяют это мастерить сквозь кастомайзер.
В качестве образца мы возьмем тему OceanWP. Это одна из лучших даровых тем для WordPress.
В консоли перебегите в разоблачил Внешний вид – Настроить, чтобы отворился кастомайзер.
Дальше вам необходимо отыскать такую опцию, как Typography. Список доступных опций может отличаться в подневольности от вашей темы.
Перейдем на вкладку Typography. Разыскиваем параметр, какой позволяет менять краска текста для постов и страниц. В OceanWP этот параметр именуется «Body». Вам необходимо щелкнуть по нему и настроить краска шрифта и иные опции.
При щелчке по Font Color вы увидите цветовую палитру. Изберите любой краска, какой вы желаете использовать для вашего текста. В итоге краска текста изменится на всех страницах и в записях.
Вы можете также изменить краски заголовков аналогичным манером, используя соответственные параметры для смены H1, H2 и т. д.
Когда вы будете довольны изменениями, попросту нажмите на Publish в самом верхотуре экрана.
Рекомендация: выбор черноволосого краски или темно-серого для текста на белоснежном или ясном поле – идеальный вариант в плане удобочитаемости.
Метод 3. Смена краски текста сквозь CSS
Как быть, если в теме отсутствует возможность настройки краски текста?
Вы по-прежнему можете изменить краска шрифта на сайте сквозь кастомайзер. Для этого перебегите в разоблачил Внешний вид – Настроить.
В самом низу списка опций вы можете отыскать вкладку с надписью Additional CSS.
Щелкните по вкладке Additional CSS. Вы увидите отдельный руководства плюс поле, в какое вы можете завести CSS-код.
Для основы вы можете отведать завести вытекающий код в это поле:
В итоге краска шрифта основного текста во всех ваших записях и на страницах сменится на темно-красный (или любой иной краска, какой вы изберёте).
Если вы желаете изменить краска заголовков в своих постах, вы можете добавить вытекающий код:
Опять же, вы можете переменить hex-код на любой иной краска.
Если вы не известны с CSS, то в таком случае вы можете отведать плагин CSS Hero. Это мощный визуальный редактор, какой позволяет настраивать манеры своего сайта.
Если вы передумали и желаете вернуться к краске текста по умолчанию, попросту нажмите кнопку Clear разом под цветовыми опциями.
Для основы вы можете отведать завести вытекающий код в это поле:
Разыскиваем параметр, какой позволяет менять краска текста для постов и страниц.
Сейчас вы сможете избрать новейший краска текста.
Как переменить краска текста в WordPress (3 несложных метода)
На деньках мы получили вопросец от читателя, кушать ли обыкновенный метод поменять краска текста в WordPress. Ответ – да. Вы сможете попросту поменять краска шрифта в WordPress как для итого веб-сайта, так и даже для 1-го слова в публикации.
В этом руководстве мы пошагово покажем для вас, как попросту поменять краска текста в WordPress.
Кушать немало обстоятельств, отчего вы могли бы возжелать скорректировать краска текста в собственных постах и страничках. Может быть, вы желаете выделить ключевое слово либо применять цветные подзаголовки на определенной страничке.
Не находя того, вы сможете поменять краска текста на всем веб-сайте. Может быть, ваша тема применяет сероватый краска для текста, но вы желали бы создать его черноволосым либо стальным для наилучшей читаемости.
В этой нам статье мы разглядим последующие способы:
- Смена краски текста при поддержки зрительного редактора (подходит для корректировки краски неких слов, абзацев либо заголовков).
- Изменение краски текста в кастомайзере тем (безупречный метод для смены краски шрифта по всему веб-сайту, но поддерживается не всеми темами).
- Изменение краски текста при поддержки CSS (подходит для конфигурации краски шрифта по всему веб-сайту с хоть какими темами).
Способ 1. Изменение краски текста при поддержки зрительного редактора.
Вы сможете применять обыкновенный редактор WordPress, чтоб выделить слова, абзацы либо даже подзаголовки необходимым краской, выделяющимся от основного текста.
Ах так вы сможете поменять краска текста при поддержки редактора блоков.
Поначалу для вас необходимо отредактировать пост либо страничку (или сделать новейшую). Дальней заведите собственный текст. Для вас будет необходимо сделать блок абзаца либо заголовка подневольно от ситуации.
Как ваш текст будет добавлен, вы можете поменять его краска.
Смена краски текста блока
Для этого образца мы собираемся поменять краска текста итого блока.
Нажмите на блок. С правой сторонки экрана обязана показаться панель Block Settings. Нажмите на стрелочку рядышком с Color settings, чтоб раскатать вкладку. Вы увидите тут опции краски.
Сейчас вы сможете избрать новейший краска текста. Зрительный редактор покажет несколько вариантов, основанных на вашей теме. Вы сможете надавить на одинешенек из их, чтоб поменять краска текста.
В качестве кандидатуры вы сможете задать хоть какой краска, какой для вас необходимо. Для этого нажмите на ссылку Custom Color. Раскроется цветовая гамма, где вы сможете избрать хоть какой краска вручную. Вы также сможете применять гамму для ввода hex-кода краски.
Если вы передумали и желаете вернуться к краске текста по дефлоту, попросту нажмите клавишу Clear сходу под цветовыми опциями.
Рекомендация: если вы желаете поменять краска полы для блока, вы тоже сможете создать это тут.
Изменение краски текста для слова либо фразы
Что созодать, если вы желаете поменять краска 1-го либо нескольких слов? Это попросту делается при поддержки редактора блоков.
Поначалу для вас необходимо выделить слово (слова), какие вы желаете поменять. После нажмите на махонькую стрелочку на панели инструментов редактора контента.
Дальней нажмите на ссылку Text Color в нательнее доли перечня.
Сейчас вы увидите те же самые характеристики, что и для итого блока. Вы сможете избрать как параметр по дефлоту, так и собственный краска при поддержки Custom color.
Характеристики краски не ограничиваются блоками абзацев. Вы сможете поменять также краска блоков заголовков. Вы сможете ввести краска текста для итого блока в настройках. Не находя того, вы сможете выделять отдельные слова и поменять их краска.
Примечание: вы не сможете задавать краска полы для заголовков.
Вы также сможете поменять краска текста в блоке перечня, но лишь при выделении слов. В настройках блока нет способности поменять краска текста для итого блока.
Меняем краска шрифта при поддержки традиционного редактора
Если вы все еще используете традиционный редактор WordPress, то вы сможете поменять краска шрифта при поддержки панели инструментов.
В традиционном редакторе нажмите на Toolbar Toggle в правом углу. Вы увидите очередной ряд иконок:
Сейчас вы сможете избрать собственный текст и поменять краска текста, используя раскрывающийся перечень с цветовыми предложениями.
Способ 2. Смена краски текста в кастомайзере
Как быть, если вы желаете поменять краска текста на всем веб-сайте? Почти все из тем WordPress позволяют это созодать сквозь кастомайзер.
В качестве образца мы возьмем тему OceanWP. Это одна из наилучших даровых тем для WordPress.
В консоли перебегите в разоблачил Внешний вид – Настроить, чтоб отворился кастомайзер.
Дальней для вас необходимо отыскать такую опцию, как Typography. Перечень доступных опций может отличаться подневольно от вашей темы.
Перейдем на вкладку Typography. Отыскиваем параметр, какой дозволяет поменять краска текста для постов и страничек. В OceanWP этот параметр именуется «Body». Для вас необходимо щелкнуть по нему и настроить краска шрифта и прочие функции.
При щелчке по Font Color вы увидите цветовую гамму. Изберите хоть какой краска, какой вы желаете применять для вашего текста. В итоге краска текста поменяется на всех страничках и в записях.
Вы сможете также поменять краски заголовков аналогичным манером, используя надлежащие характеристики для смены H1, H2 и т. д.
Когда вы будете довольны переменами, попросту нажмите на Publish в самом верхотуре экрана.
Рекомендация: выбор темного краски либо стального для текста на белоснежном либо ясном поле – безупречный вариант в плане удобочитаемости.
Способ 3. Смена краски текста сквозь CSS
Как быть, если в теме отсутствует возможность опции краски текста?
Вы как и ранее сможете поменять краска шрифта на веб-сайте сквозь кастомайзер. Для этого перебегите в разоблачил Внешний вид – Настроить.
В самом низу перечня опций вы сможете отыскать вкладку с надписью Additional CSS.
Щелкните по вкладке Additional CSS. Вы увидите некие аннотации плюс поле, в какое вы сможете завести CSS-код.
Для основы вы сможете изведать завести последующий код в это поле:
В итоге краска шрифта основного текста во всех ваших записях и на страничках сменится на алый (либо хоть какой другой краска, какой вы изберёте).
Если вы желаете поменять краска заголовков в собственных постах, вы сможете добавить последующий код:
Опять же, вы сможете поменять hex-код на хоть какой другой краска.
Если вы не известны с CSS, то в таком случае вы сможете изведать плагин CSS Hero. Это мощнейший зрительный редактор, какой дозволяет настраивать манеры собственного веб-сайта.
Меняем краска шрифта при поддержки традиционного редактора.
Сейчас вы сможете избрать новейший краска текста. Зрительный редактор покажет несколько вариантов, основанных на вашей теме. Вы сможете надавить на одинешенек из их, чтоб поменять краска текста.
Может быть, ваша тема применяет сероватый краска для текста, но вы желали бы создать его черноволосым либо стальным для наилучшей читаемости.