Поддержка Темы и шаблоны Свой стиль в визуальном редакторе

  • Добрый день! Наполняю дочернюю тему. Я хочу иметь несколько своих стилей для определённых блоков, со своими названиями стилей (скажем, p.my_style), и выбирать или указывать нужный мне стиль в визуальном редакторе для конкретного блока.

    Сейчас стили дочерней темы лежат в папке дочерней темы по пути /src/sass/theme/ в файле с расширением .scss. Обновление происходит через Node.js, в консоли запущен «npm run watch».

Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Я хочу иметь несколько своих стилей для определённых блоков, со своими названиями стилей (скажем, p.my_style)

    Смотрите, есть у вас заданный вашей темой блок например footer и для этого блока вы решили что то изменить. Допустим цвет фона тогда вам нужно прописать этот новый стиль для этого блока

    .footer 
    {
    background-color: maroon;
    }

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

    Спасибо! Это я понимаю. А если мне этого недостаточно? Скажем, нужно изменить стиль некоторых абзацев, но не всех? Я думал, есть несложный способ создания своего стиля (со своим именем), так чтобы его можно было выбрать/указать/прописать в визуальном редакторе. Есть такой способ?

    я несколько раз прочитал, но так и не понял, что значит «свой стиль».
    все что вы сами напишете в дополнительных стилях и будет «ваши стили»

    Например, я хочу, чтобы некоторые абзацы (но не все) имели особый CSS стиль. Я вижу это так: в CSS коде я создаю стиль, а в визуальном редакторе выбираю/прописываю этот мой стиль для нужных абзацев. Как провести мой стиль в визуальный редактор?

    Как провести мой стиль в визуальный редактор?

    не знаю что именно вы называете «визуальным редактором»….

    . Я вижу это так: в CSS коде я создаю стиль, а в визуальном редакторе выбираю/прописываю этот мой стиль для нужных абзацев.

    С точностью до наоборот.
    Добавляете этим абзацам дополнительный класс и этому классу прописывайте дополнительные стили.
    Вы хотя бы самые основы html/css изучите, что бы такой каши в голове не было.

    Вот, нашёл то, о чём я спрашивал! В файле CSS cоздаю стиль (.myclass) и в редакторе WP, в свойствах выбранного блока, есть поле «Дополнительные классы CSS» — прописываю там «myclass». Именно это я и спрашивал.

    В файле CSS cоздаю

    который пропадает при каждом обновлении темы

    …Файл дочерней темы, я имел виду.

    Скажем, нужно изменить стиль некоторых абзацев, но не всех?

    Создаете для нужных абзацев свой класс например abzac Код HTML будет выглядеть так.<div class="abzac"> в этом абзаце я рассказываю о том как с помощью смеси Кока-Колы, со спиртом и резиновым клеем избавиться от корона вируса </div>

    затем создаете для него свои стили — например фон и рамку

    .abzac {
    border:border: 3px solid #00af64;
     background-color: #3366CC;
    }

    Если нужны разные стили, для других абзацев то создаете <div class=»abzac1″></div>
    <div class=»abzac2″></div> и. т.д. Только не стоит этим злоупотреблять.

    Свои Стили не стоит прописывает в файле CSS есть плагины дополнительных стилей

Просмотр 9 ответов — с 1 по 9 (всего 9)
  • Тема «Свой стиль в визуальном редакторе» закрыта для новых ответов.