Оформление WordPress картинок с подписью


Сегодня у меня случилась проблема, решив которую я сразу же решил написать данный пост. Дело в том, что на одном из блогов WordPress необходимо было в текст записи добавить изображение с подписью. Для тех, кто не знает, что это такое, предоставляю скрин:

1

Не путайте это изображение с миниатюрой или общим оформлением картинок. Речь идет исключительно об изображениях с подписью.

Несмотря на качественный шаблон, в моем случае, автор не удосужился дописать стили CSS для этого нюанса.

Но выход есть! Переходим в админ-панель WordPress и открываем редактирование файла «style.css».  В самом низу пропишите такой код:

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft
{
float: left;
}

.alignright
{
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End captions */

Теперь можете проверять. Добавьте подпись к любому изображению в тексте, и обновите страничку. Все должно работать. Наверняка теперь оформление WordPress картинок с подписью не составит для вас никакого труда.

Скажите, а вам помогла эта статья решить проблему с WordPress изображением?

teweb.ru-v-socialnyh-setjah
Понравился пост? Нажми любую кнопку:

2 комментария

Комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *