Как сделать, чтобы WordPress не менял код?

Question

[vilaugra]

Почему, когда я вставляю на сайт WP html, код, он добавляет к нему свои стили, убирает мои, удаляет многие атрибуты, выкидывает скрипт. Как это исправить?

Comments

[Alex]

А какой код вы вставляете? Куда? Каким способом?

[vilaugra]

Нажимаю добавить страницу - текст. Там вставляю свой код. Например блок стилей, форму с атрибутом onsubmit. Затем переключаюсь на визуальный режим и тут бац, блок стилей исчез, атрибут у формы пропал. Почему?

Answer 1

[cython]

попробуйте к стилям добавить !important на конце
Пример:

div {
  color: #fff !important;
}

Comments

[vilaugra]

Это к каждому так прописывать... Может есть способ, чтобы на определенном блоке убрать стандартные стили?

[cython]

lleballex, в стандартном CSS нет

Answer 2

[mt. NATS]

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

Тут можно грузить свои стили после тех, что использует WP, предварительно сделав ресет, либо как написал коллега выше...

Как-то так, первый попавшийся взял, ресеты разные бывают...

/* Box sizing rules */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul[class],
ol[class] {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul[class],
ol[class] {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) {
  * {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 transition-duration: 0.01ms !important;
 scroll-behavior: auto !important;
  }
}