Flector

Как отключить генерируемые движком inline стили для галерей?

Генерируемые движком inline стили для галерей

WordPress для стандартных галерей генерирует css-стили, которые вставляются прямо в код записи. Это удобно, так как позволяет индивидуально настроить каждую галерею, но иногда встроенные стили необходимо отключить. Например, чтобы настроить внешний вид галерей так, чтобы они вписывались в тему. Для этого вам необходимо добавить в файл functions.php вашей темы следующий код:

//отключение inline стилей для галерей start
add_filter('use_default_gallery_style', '__return_false');
//отключение inline стилей для галерей end

Самостоятельно настроить внешний вид галерей можно примерно так:

.gallery {
    display:inline-block;
}
.gallery-item {
    margin: 0;
    float: left;
}
.gallery-item img {
    height: auto;
    max-width: 90%;
    padding: 5%;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

Данные стили выведут галерею примерно в таком стиле:

Галерея со своим стилем

Но будьте внимательны, так как картинки в галереях могут наследовать стили, прописанные для картинок в записях в самой теме.


Написать комментарий

Для вставки кода воспользуйтесь кнопкой "Код". Используйте предпросмотр!