Общие

Цвета

white
$color-white
color--secondary
$color-color--secondary
color--primary
$color-color--primary
Black
$color-black
color--blue
$color-color--blue
color--blue-dark
$color-color--blue-dark
color--danger
$color-color--danger
color--active
$color-color--active

Шрифты

$font-sans: "PT Sans", sans-serif

$font-serif: "Fira Sans", Georgia, Times, "Times New Roman", serif

$font-code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace

$font-pre: "Courier 10 Pitch", Courier, monospace

Типографика

Использование:

<h1>Это заголовок с тегом h1</h1> или <div class="h1">Это заголовок с классом h1</div>

HTML Output:

<h1>Это заголовок с тегом H1</h1>

Это заголовок с тегом H1

Использование:

<h2>Это заголовок с тегом h2</h2> или <div class="h2">Это заголовок с классом h2</div>

HTML Output:

<h2>Это заголовок с тегом H2</h2>

Это заголовок с тегом H2

Использование:

<h3>Это заголовок с тегом h3</h3> или <div class="h3">Это заголовок с классом h3</div>

HTML Output:

<h3>Это заголовок с тегом H3</h3>

Это заголовок с тегом H3

Использование:

<h4>Это заголовок с тегом h4</h4> или <div class="h4">Это заголовок с классом h4</div>

HTML Output:

<h4>Это заголовок с тегом H4</h4>

Это заголовок с тегом H4

Использование:

<h5>Это заголовок с тегом h5</h5> или <div class="h5">Это заголовок с классом h5</div>

HTML Output:

<h5>Это заголовок с тегом H5</h5>
Это заголовок с тегом H5

Использование:

<h6>Это заголовок с тегом h6</h6> или <div class="h6">Это заголовок с классом h6</div>

HTML Output:

<h6>Это заголовок с тегом H6</h6>
Это заголовок с тегом H6

Использование:

<h4 class="widget-title">Заголовок с классом</h4>

HTML Output:

<h4 class="widget-title">Заголовок с классом</h4>

Заголовок с классом

Использование:

<p>Идейные соображения высшего порядка, а также рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании новых предложений.</p>

HTML Output:

<p>Идейные соображения высшего порядка, а также рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании новых предложений.</p>

Идейные соображения высшего порядка, а также рамки и место обучения кадров обеспечивает широкому кругу (специалистов) участие в формировании новых предложений. Значимость этих проблем настолько очевидна, что дальнейшее развитие различных форм деятельности обеспечивает широкому кругу (специалистов) участие в формировании новых предложений.

Описание:

Ссылка <a>

Использование:

<a href="#">Ссылка</a>

HTML Output:

<a href="#">Ссылка</a>

Использование:

				<table title="A simple data table" aria-label="A simple data table">
					<thead>
						<tr>
							<th scope="col">Заголовок 1</th>
							<th scope="col">Заголовок 2</th>
							<th scope="col">Заголовок 3</th>
							<th scope="col">Заголовок 4</th>
							<th scope="col">Заголовок 5</th>
							<th scope="col">Заголовок 6</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Значение 1</td>
							<td>Значение 2</td>
							<td>Значение 3</td>
							<td>Значение 4</td>
							<td>Значение 5</td>
							<td>Значение 6</td>
						</tr>
					</tbody>
				</table>
			

HTML Output:

				<table title="A simple data table" aria-label="A simple data table">
					<thead>
						<tr>
							<th scope="col">Заголовок 1</th>
							<th scope="col">Заголовок 2</th>
							<th scope="col">Заголовок 3</th>
							<th scope="col">Заголовок 4</th>
							<th scope="col">Заголовок 5</th>
							<th scope="col">Заголовок 6</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Значение 1</td>
							<td>Значение 2</td>
							<td>Значение 3</td>
							<td>Значение 4</td>
							<td>Значение 5</td>
							<td>Значение 6</td>
						</tr>
						<tr>
							<td>Значение 1</td>
							<td>Значение 2</td>
							<td>Значение 3</td>
							<td>Значение 4</td>
							<td>Значение 5</td>
							<td>Значение 6</td>
						</tr>
					</tbody>
				</table>
			
Заголовок 1 Заголовок 2 Заголовок 3 Заголовок 4 Заголовок 5 Заголовок 6
Значение 1 Значение 2 Значение 3 Значение 4 Значение 5 Значение 6
Значение 1 Значение 2 Значение 3 Значение 4 Значение 5 Значение 6

Использование:

				<ol>
					<li>Упорядоченный элемент</li>
					<li>Упорядоченный элемент
						<ul>
							<li><strong>Неупорядоченный элемент</strong></li>
							<li><strong>Неупорядоченный элемент</strong>
								<ol>
									<li>Упорядоченный элемент</li>
									<li>Упорядоченный элемент</li>
								</ol>
							</li>
						</ul>
					</li>
					<li>Упорядоченный элемент</li>
					<li>Упорядоченный элемент</li>
				</ol>
			

HTML Output:

				<ol>
					<li>Упорядоченный элемент</li>
					<li>Упорядоченный элемент
						<ul>
							<li><strong>Неупорядоченный элемент</strong></li>
							<li><strong>Неупорядоченный элемент</strong>
								<ol>
									<li>Упорядоченный элемент</li>
									<li>Упорядоченный элемент</li>
								</ol>
							</li>
						</ul>
					</li>
					<li>Упорядоченный элемент</li>
					<li>Упорядоченный элемент</li>
				</ol>
			
  1. Упорядоченный элемент
  2. Упорядоченный элемент
    • Неупорядоченный элемент
    • Неупорядоченный элемент
      1. Упорядоченный элемент
      2. Упорядоченный элемент
  3. Упорядоченный элемент
  4. Упорядоченный элемент

Использование:

				<ul>
					<li>Неупорядоченный элемент</li>
					<li>Неупорядоченный элемент
						<ul>
							<li>Неупорядоченный элемент</li>
							<li>Неупорядоченный элемент
								<ol>
									<li><strong>Упорядоченный элемент</strong></li>
									<li><strong>Упорядоченный элемент</strong></li>
								</ol>
							</li>
						</ul>
					</li>
					<li>Неупорядоченный элемент</li>
					<li>Неупорядоченный элемент</li>
				</ul>
			

HTML Output:

				<ul>
					<li>Неупорядоченный элемент</li>
					<li>Неупорядоченный элемент
						<ul>
							<li>Неупорядоченный элемент</li>
							<li>Неупорядоченный элемент
								<ol>
									<li><strong>Упорядоченный элемент</strong></li>
									<li><strong>Упорядоченный элемент</strong></li>
								</ol>
							</li>
						</ul>
					</li>
					<li>Неупорядоченный элемент</li>
					<li>Неупорядоченный элемент</li>
				</ul>
			
  • Неупорядоченный элемент
  • Неупорядоченный элемент
    • Неупорядоченный элемент
    • Неупорядоченный элемент
      1. Упорядоченный элемент
      2. Упорядоченный элемент
  • Неупорядоченный элемент
  • Неупорядоченный элемент

Использование:

<blockquote><p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Идейные соображения высшего порядка, а также дальнейшее развитие различных форм деятельности позволяет оценить значение новых предложений.</p></blockquote>

HTML Output:

<blockquote><p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Идейные соображения высшего порядка, а также дальнейшее развитие различных форм деятельности позволяет оценить значение новых предложений.</p></blockquote>

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

Использование:

<code>word-wrap: break-word;font-family: monospace;</code>

HTML Output:

<code><p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия.</p></code>

Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия.

Использование:

<em>Выделеный фрагмент</em>

HTML Output:

Таким образом <em>выделеный фрагмент</em> организационной деятельности способствует подготовки и реализации систем массового участия.
Таким образом выделеный фрагмент организационной деятельности способствует подготовки и реализации систем массового участия.

Использование:

<strong>Выделеный фрагмент</strong>

HTML Output:

Таким образом <strong>выделеный фрагмент</strong> организационной деятельности способствует подготовки и реализации систем массового участия.
Таким образом выделеный фрагмент организационной деятельности способствует подготовки и реализации систем массового участия.

Использование:

<abbr title="И так далее...">и.т.д.</abbr>

HTML Output:

<p>Таким образом выделеный фрагмент организационной деятельности <abbr title="И так далее...">и.т.д.</abbr> при наведении на и.т.д. показывает "И так далее...".</p>

Таким образом выделеный фрагмент организационной деятельности и.т.д. при наведении на и.т.д. показывает "И так далее...".

Использование:

<cite>Фон Барон</cite>

HTML Output:

<p>"Таким образом выделеный фрагмент организационной деятельности." —<cite>Фон Барон</cite></p>

"Таким образом выделеный фрагмент организационной деятельности." —Фон Барон

Использование:

<del>выделеный фрагмент</del>

HTML Output:

<p>Таким образом <del>выделеный фрагмент</del> организационной деятельности.</p>

Таким образом выделеный фрагмент организационной деятельности.

Использование:

<sub>2</sub>

HTML Output:

<p>H<sub>2</sub>O, опускает "2" вниз.</p>

H2O, опускает "2" вниз.

Использование:

<sup>2</sup>

HTML Output:

<p>E = MC<sup>2</sup>, поднимает "2" вверх.</p>

E = MC2, поднимает "2" вверх.

Использование:

				<address>
					<strong>Адрес редакции:</strong></br>
					Советская, 52, 4 этаж, офис 401</br>
					630087,</br>
					Новосибирск</br>
					8-960-779-12-96,</br>
				</address>
			

HTML Output:

				<address>
					<strong>Адрес редакции:</strong></br>
					Советская, 52, 4 этаж, офис 401</br>
					630087,</br>
					Новосибирск</br>
					8-960-779-12-96,</br>
				</address>
			
Адрес редакции:
Советская, 52, 4 этаж, офис 401
630087,
Новосибирск
8-960-779-12-96,

Использование:

				<dl>
					<dt>Заголовок термина 1</dt>
					<dd>Описание термина 1</dd>
					<dt>Заголовок термина 2</dt>
					<dd>Описание термина 2</dd>
					<dt>Заголовок термина 3</dt>
					<dd>Описание термина 3</dd>
				</dl>
			

HTML Output:

				<dl>
					<dt>Заголовок термина 1</dt>
					<dd>Описание термина 1</dd>
					<dt>Заголовок термина 2</dt>
					<dd>Описание термина 2</dd>
					<dt>Заголовок термина 3</dt>
					<dd>Описание термина 3</dd>
				</dl>
			
Заголовок термина 1
Описание термина 1
Заголовок термина 2
Описание термина 2
Заголовок термина 3
Описание термина 3

Медиа

Использование:

<div class="block-cover alignfull">
	<img loading="lazy" class="image-has-background image-cover" alt="" src="https://dummyimage.com/1328x747/f1f5f9" data-object-fit="cover">
	<div class="block-cover-inner">
		<p class="has-text-align-center has-large-font-size">Информер</p>
	</div>
</div>
			

HTML Output:

<div class="block-cover alignfull">
	<img loading="lazy" class="image-has-background image-cover" alt="" src="https://dummyimage.com/1328x747/f1f5f9" data-object-fit="cover">
	<div class="block-cover-inner">
		<p class="has-text-align-center has-large-font-size">Информер</p>
	</div>
</div>
			

Информер

Описание:

Display a right-aligned image.

Использование:

				<p><img class="alignright size-medium" src="https://dummyimage.com/420x240/f1f5f9" width="420" height="240" /></p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

HTML Output:

				<p><img class="alignright size-medium" src="https://dummyimage.com/420x240/f1f5f9" width="420" height="240" /></p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.

Описание:

Display a left-aligned image.

Использование:

				<p><img class="alignleft size-medium" src="https://dummyimage.com/420x240/f1f5f9" width="420" height="240" /></p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

HTML Output:

				<p><img class="alignleft size-medium" src="https://dummyimage.com/420x240/f1f5f9" width="420" height="240" /></p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.

Использование:

				<p><img class="aligncenter size-medium" src="https://dummyimage.com/800x450/f1f5f9" width="800" height="450" /></p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

HTML Output:

				<p><img class="aligncenter size-medium" src="https://dummyimage.com/800x450/f1f5f9" width="800" height="450" /></p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.

Использование:

				<p>[caption id="" align="alignright" width="250"]<img class="size-medium" src="https://dummyimage.com/420x240/f1f5f9" width="420" height="240" />Подпись под фото[/caption]</p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

HTML Output:

				<p>[caption id="" align="alignright" width="250"]<img class="size-medium" src="https://dummyimage.com/420x240/f1f5f9" width="420" height="240" />Подпись под фото[/caption]</p>
				<p>Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.</p>
			

Подпись под фото

Таким образом новая модель организационной деятельности способствует подготовки и реализации систем массового участия. Повседневная практика показывает, что укрепление и развитие структуры обеспечивает широкому кругу (специалистов) участие в формировании дальнейших направлений развития. Товарищи! консультация с широким активом позволяет выполнять важные задания по разработке систем массового участия. Идейные соображения высшего порядка, а также укрепление и развитие структуры играет важную роль в формировании существенных финансовых и административных условий. С другой стороны рамки и место обучения кадров способствует подготовки и реализации модели развития. . Не следует, однако забывать, что дальнейшее развитие различных форм деятельности способствует подготовки и реализации форм развития. С другой стороны постоянное информационно-пропагандистское обеспечение нашей деятельности обеспечивает широкому кругу (специалистов) участие в формировании позиций, занимаемых участниками в отношении поставленных задач.

Использование:

				<a class="modal-link" href="https://tv.iwpb.ru/wp-content/uploads/2025/02/8ihxumyqb4.jpg"><img class="size-thumb-medium" src="https://tv.iwpb.ru/wp-content/uploads/2025/02/8ihxumyqb4-675x450.jpg" width="640" height="427" ></a>
			

HTML Output:

				<a class="modal-link" href="https://tv.iwpb.ru/wp-content/uploads/2025/02/8ihxumyqb4.jpg"><img class="size-thumb-medium" src="https://tv.iwpb.ru/wp-content/uploads/2025/02/8ihxumyqb4-675x450.jpg" width="640" height="427" ></a>
			

Использование:

				[gallery size="full" wpb_gallery_type="slider" link="file" ids="83905,83899,83903"]
			

HTML Output:

				[gallery size="full" wpb_gallery_type="slider" link="file" ids="83905,83899,83903"]
			

Использование:

				[gallery wpb_gallery_type="grid" link="file" size="medium" ids="83905,83899,83903"]
			

HTML Output:

				[gallery wpb_gallery_type="grid" link="file" size="medium" ids="83905,83899,83903"]
			

Использование:

[embed]https://vimeo.com/259411563[/embed]

HTML Output:

<iframe title="A Love Letter to Winter" src="https://player.vimeo.com/video/259411563?dnt=1&app_id=122963" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media"></iframe>

Использование:

<iframe src="https://rutube.ru/play/embed/0ab849496f6b4ead78d5cc1e4d4eabf3/" width="720" height="405" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

HTML Output:

<iframe src="https://rutube.ru/play/embed/0ab849496f6b4ead78d5cc1e4d4eabf3/" width="720" height="405" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

SVG Иконки

Описание:

Выводит inline SVGs.

Parameters:

$args (обязательно) Аргументы.

Arguments:

icon (обязательно) имя SVG файла в системе. Default none

title (опционально) Заголовок для иконки. Default: none

desc (опционально) Описание. Default: none

fill (опционально) Заполнение цветом иконки. Default: none

height (опционально) Высота иконки. Default: none

width (опционально) Ширина иконки. Default: none

Использование:

<?php print_svg( array(
				'icon'   => 'vk',
				'title'  => 'Вконтакте',
				'desc'   => 'Иконка вконтакте svg',
				'height' => '50',
				'width'  => '50',
				'fill'   => '#20739a',
			) ); ?>

HTML Output:

	<svg
	 height="50" width="50"		class="icon vk"
	 aria-labelledby="title-vkontakte-64452 desc-vkontakte-64452"		role="img">
		<title id="title-vkontakte-64452">
			Вконтакте		</title>

					<desc id="desc-vkontakte-64452">
				Иконка вконтакте svg			</desc>
		
					<use xlink:href="#vk"></use>
		
	</svg>

	
Вконтакте Иконка вконтакте svg

Кнопки

button, .button

Использование:

<button class="button" href="#">Нажми меня</button>

HTML Output:

<button class="button">Нажми меня</button>

.btn

Нажми меня Нажми меня Нажми меня

Формы

Использование:

<?php get_search_form(); ?>

Использование:

<input type="text">

HTML Output:

<input type="text">

Использование:

<select><option value="option1">Выбор 1</option><option value="option2">Выбор 2</option><option value="option3">Выбор 3</option></select>

HTML Output:

<select><option value="option1">Выбор 1</option><option value="option2">Выбор 2</option><option value="option3">Выбор 3</option></select>

Использование:

				<p>
					<label><input type="checkbox" name="checkboxes" value="check_1"> Выбор 1</label><br />
					<label><input type="checkbox" name="checkboxes" value="check_2"> Выбор 2</label><br />
					<label><input type="checkbox" name="checkboxes" value="check_3"> Выбор 3</label>
				</p>
			

HTML Output:

				<p>
					<label><input type="checkbox" name="checkboxes" value="check_1"> Выбор 1</label><br />
					<label><input type="checkbox" name="checkboxes" value="check_2"> Выбор 2</label><br />
					<label><input type="checkbox" name="checkboxes" value="check_3"> Выбор 3</label>
				</p>
			



Использование:

				<p>
					<label><input type="radio" name="radio_button" value="check_1"> Выбор 1</label><br />
					<label><input type="radio" name="radio_button" value="check_2"> Выбор 2</label><br />
					<label><input type="radio" name="radio_button" value="check_3"> Выбор 3</label>
				</p>
			

HTML Output:

				<p>
					<label><input type="radio" name="radio_button" value="check_1"> Выбор 1</label><br />
					<label><input type="radio" name="radio_button" value="check_2"> Выбор 2</label><br />
					<label><input type="radio" name="radio_button" value="check_3"> Выбор 3</label>
				</p>
			



Описание:

Display a textarea.

Использование:

<textarea id="text_area"></textarea>

HTML Output:

<textarea id="text_area"></textarea>

Прочие элементы

Использование:

wpb_print_numeric_pagination()

HTML Output:

				<nav class="pagination-container">
					<a class="prev page-numbers" href="#>«</a>
					<a class="page-numbers" href="#">1</a>
					<span aria-current="page" class="page-numbers current">2</span>
					<a class="page-numbers" href="#">3</a>
					<a class="next page-numbers" href="#">»</a>
				</nav>
			

Использование:

				[poll id=1]
			

HTML Output:

				<div style="display:flex;justify-content:center;display: flex;">[poll id=1]</div>
			

Как вам мой сайт

Просмотреть результаты

Загрузка ... Загрузка ...