WordPress: HTML код в подписях к изображениям

29 Мая 2022г. в 04:33

Данный функционал не требует плагинов, так как начиная с версии WordPress 3.4.x он включен в состав системы. Обо всех изменениях можно прочитать в Codex.

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

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

Например, если нужно сделать текст жирным, применяем <strong>, для курсива - <em>, а для зачеркнутого текста - <strike>.

Обратите внимание, что WordPress по умолчанию использует светло-серый цвет для фона и темно-серый для текста. Классы CSS -.wp-caption и .wp-caption-text.

Если вы хотите использовать другие стили, нужно включить их в CSS код темы (обычно они располагаются в файле style.css).

Для примера стили темы следующие:

01
.wp-caption {
02
background: #F1F1F1;
03
line-height: 18px;
04
margin-bottom: 20px;
05
padding: 4px;
06
text-align: center;
07
}
08
.wp-caption-text {
09
color: #888;
10
font-size: 12px;
11
margin: 5px;
12
}
Подпись к изображению всегда можно изменить в редакторе.

Для примера используется следующий код HTML:

1
<em>This text is italicized.</em> <strong>And this is bold.</strong>
Вот так выглядит редактирование изображения:

Редактоирование подписи

А так будет выглядеть изображение в редакторе записи:

Редактор записи

А на страницах сайта картинка будет выглядеть так:

На страницах сайта