Сделать пронумерованные заголовки в постах WordPress - PullRequest
Новая
       25

Сделать пронумерованные заголовки в постах WordPress

0 голосов
/ 06 июля 2018

При создании элемента «нумерованный список» как «заголовок 2» атрибуты h2 применяются только к тексту, а число до того, как текст все еще имеет атрибуты тега абзаца, как на рисунке ниже,

image

Есть ли какой-нибудь способ в wordpress сделать номер даже жирным и иметь атрибуты тега заголовка?

1 Ответ

0 голосов
/ 06 июля 2018

Вы можете использовать CSS для настройки числового стиля в качестве примера 

ol {
  margin: 0 0 1.5em;
  padding: 0;
  counter-reset: item;
}

ol > li {
  margin: 0;
  padding: 0 0 0 2em;
  text-indent: -2em;
  list-style-type: none;
  counter-increment: item;
  clear: borth;
  width: 100%;
  float: left;
}
ol > li h1, ol > li h2, ol > li h3 {
  display: inline
}

ol > li:before {
  display: inline-block;
  width: 1em;
  padding-right: 0.5em;
  font-weight: bold;
  text-align: right;
  content: counter(item) ".";
}
<ol>
   <li><h1>The H1</h1></li>
   <li><h2>The H2</h2></li>
   <li><h3>The H3</h3></li>
</ol>
...