Здравствуйте.Имея вот такую статичную верстку логотипа:
<div class="logo">
<a href="/">
<img src="images/logo-xs.png" alt="logo" class="visible-xs visible-sm" />
<img src="images/logo.png" alt="logo" class="hidden-xs hidden-sm" />
</a>
</div>
Как сделать ее динамической?
В functions.php прописал:
function fin_setup() {
add_theme_support( 'custom-logo', array(
'height' => 68,
'width' => 138,
'flex-width' => true,
'flex-height' => true,
) );
}
add_action( 'after_setup_theme', 'fin_setup' );
Для добавления классов пробовал прописать фильтр:
add_filter( 'after_setup_theme', 'change_logo_class' );
function change_logo_class( $html ) {
$html = str_replace( 'custom-logo', 'visible-xs visible-sm', $html );
return $html;
}
но он не сработал.Где я допустил ошибку?И что отвечает за смену src и класса логотипа при переходе на мобильную версию?
