Как заменить автотег на тег со стилем в wordpress?

У WP в редакторах (старый/новый) всегда ставить тег автоматический и так же он хранить в БД вместе с тегами, а вот теперь нужно чтоб этот тег был к примеру, и так же уходил в БД.

Варианты как:
1) Прописать в CSS не подходить, потому что с БД запись экспортируется в .doc/x и ему вообще фиолетово на CSS;
2) Добавить форматирование и поставить кнопку в редактор...уже сделано, но все забывают на нее нажимать и выходить каша, а по всем постам бегать нажимать не реально.

Думаю может как то фильтр поставить на wpautop(); но мне нужно на всех без условий. Не нашел я где это прописано.

Казалось бы легко, преврати<p>Какой-то оооочень длинный текст</p> превратить в
<p style="color:red;"> Какой-то оооочень линный текст</p>


Если есть знающие, подскажите еще как на все теги<table>добавлять border="1"
  • Вопрос задан
  • 43 просмотра
Пригласить эксперта
Ответы на вопрос 1
AntonLitvinenko
@AntonLitvinenko
HTML coder
я если честно не совсем понял что нужно, но в голове у меня это выглядит так - как на выходе получать все параграфы красного цвета, а таблицы фиолетового.
вывод контента в вп организовывается функцией, которая вставлена обычно в обертку. например
<div class="page-content"></div>
от него и пишем все необходимые стили для стандартного оформления контента статей - заголовки, параграфы, таблицы, цитаты, все что позволяет сделать хотя бы классический редактор. получаем нечто типа
тык

.page-content {
  padding: 20px 0;
  font-size: 1.2rem;
  margin-bottom: 40px;
}

.page-content h1, 
.page-content h2, 
.page-content h3, 
.page-content h4, 
.page-content h5, 
.page-content h6 {
  margin-bottom: .875rem;
  font-weight: 500;
  line-height: 1.2;
}

.page-content h1 {
  font-size: 3.5rem;
}

.page-content h2 {
  font-size: 3.0rem;
}

.page-content h3 {
  font-size: 2.5rem;
}

.page-content h4 {
  font-size: 2rem;
}

.page-content h5 {
  font-size: 1.75rem;
}

.page-content h6 {
  font-size: 1.5rem;
}

.page-content p {
  font-size: 1.2rem;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.page-content a {
  font-weight: 500;
  text-decoration: none;
  color: #00E809;
}

.page-content a:hover {
  text-decoration: underline;
}

.page-content ul li, .page-content ol li {
  line-height: 1.8;
  font-size: 1.125rem;
}

.page-content ul {
  list-style-type: none;
  padding-left: 30px;
}

.page-content ul li::before {
  content: "\2022";
  color: #00E809;
  font-weight: bold;
  display: inline-block;
  width: 25px;
  margin-left: -25px;
}

.page-content .wp-caption,
.page-content figure {
  margin-bottom: 1.5rem;
  width: auto !important;
  max-width: 100%;
}

.page-content .wp-caption-text,
.page-content figcaption {
  padding: 10px 20px;
  color: #777;
  font-size: 1rem;
  text-align: left;
}

.page-content hr {
  margin: 30px 0;
  border: 0;
  border-top: 1px solid #ccc;
}

.page-content table {
  display: block;
  width: 100%;
  margin-bottom: 1rem;
}

.page-content table td, .page-content table th {
  border: 1px solid #ccc;
  padding: 5px 10px;
}

.page-content blockquote {
  color: #ccc;
  padding-left: 15px;
  margin-left: 20px;
  position: relative;
}

.page-content blockquote::before {
  content: '';
  position: absolute;
  width: 2px;
  height: 100%;
  background-color: #00E809;
  top: 0;
  left: 0;
}

Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы