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

Question

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

21 мая 2014 г., 01:01:43

Просмотры: 68.3K

Голосов: 4

В моей родительской теме есть некоторые стили, которые я бы просто удалил из таблицы стилей, если бы не использовал дочернюю тему. Очевидно, я не хочу удалять их из CSS родительской темы, но есть ли способ эффективно "удалить" эти стили с помощью моей дочерней темы?

Christine

53

css дочерняя тема

Комментарии

Чтобы расширить этот вопрос, помимо конкретных стилей, было бы полезно узнать, есть ли способ удалить ссылки на внешние таблицы стилей. Например, есть тема, которая мне нравится, но она подключает таблицу стилей с fonts.google.com, чего я бы предпочёл избежать, чтобы мой сайт оставался свободным от Google. :-\ Я реализовал это, используя wp_dequeue_style и wp_deregister_script.

Synetech

21 сент. 2019 г. 16:51:00

Все ответы на вопрос

Я знаю, что это уже старый вопрос, но я недавно об этом размышлял. У меня та же проблема — когда я очень сильно изменяю родительскую таблицу стилей, это может дойти до того, что я загружаю огромное количество стилей, просто чтобы переопределить их в дочерней теме.

Когда я работаю с таким проектом, обычно получается, что я вношу гораздо больше изменений в CSS, чем в PHP. Я хочу использовать дочернюю тему для структуры PHP и HTML, но CSS по сути мой собственный. Для такого проекта вместо подключения родительского CSS я копирую его в таблицу стилей дочерней темы и затем изменяю, так что остаются только те части родительского CSS, которые я специально решил оставить.

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

PHP гораздо чаще может содержать проблемы с безопасностью, чем CSS, который является просто системой форматирования, поэтому вы можете полагаться на проверенный и обновляемый набор PHP/HTML, а форматирование сделать самостоятельно.

Victoria

230

19 янв. 2016 г. 16:06:35

Комментарии

Это действительно очень важный момент. Я начинал с тем, затем перешел на дочерние темы, но столкнулся с разочарованием из-за необходимости переопределять стили родительской темы... Поэтому я поступил так, как вы предлагаете, и отказался от родительского style.css — сначала скопировав его целиком, а затем только то, что хотел оставить. Но потом мне захотелось изменять и HTML, и PHP, и вместо использования родительских тем я стал изучать их, чтобы понять, "как" они реализуют понравившиеся мне части... ...и теперь у меня есть собственная стартовая структура, и я создаю все с нуля. Это отличный способ обучения. Хороший ответ, Виктория.

Tony Djukic

24 апр. 2020 г. 18:48:53

Фактически, да. Если я правильно понял ваш вопрос, это просто базовые принципы специфичности CSS. Я предполагаю, что вы хотите использовать большую часть CSS из родительской темы, но некоторые его части вам не нужны, так как CSS по умолчанию не загружается из родительской темы.

Все стандартные правила переопределения или увеличения специфичности применяются. Самый простой (но наиболее грубый) способ — просто создать правила с использованием !important для переопределения нежелательных стилей. В противном случае следует полагаться на каскадирование и специфичность, чтобы правильно выбрать нужные элементы и задать желаемые стили.

В WordPress нет встроенной функциональности для фильтрации, вырезания, удаления или исключения частей CSS из родительской темы, если это именно то, о чем вы спрашиваете.

totels

1.73K

21 мая 2014 г. 02:01:19

Я не думаю, что есть способ сделать это напрямую, только обходные решения.

Редактирование:

Пояснение: Создавая дочернюю тему, вы по определению загружаете CSS родительской темы. Поэтому я не вижу способа исключить какие-то части этого CSS. Единственный эффективный способ — переопределить его. Наиболее простой подход — использовать селекторы и правила, которые вы хотите изменить, и задать им новые или стандартные значения. Поскольку CSS дочерней темы находится выше в "каскаде" стилей, чем CSS родительской темы, не должно быть необходимости в использовании "!important" и подобных конструкций.

Pim

1.15K

21 мая 2014 г. 02:13:30

renny 321 · Accepted Answer · 2014-05-21T05:17:49Z

Единственный способ "удалить" стили из родительской темы — переопределить их в CSS дочерней темы.

Например, если в родительской теме есть следующее объявление:

.someclass{
    width: 200px;
    float: left;
 }

Вы можете переопределить ширину и обтекание, объявив следующее в дочерней теме:

.someclass{
    width: auto;
    float: none;
}

renny

321

21 мая 2014 г. 05:17:49