Как добавить CSS класс к пользовательскому логотипу?
Я активировал custom-logo
для моей темы и вывожу его с помощью <?php the_custom_logo(); ?>
в шапке сайта. Есть ли возможность просто добавить дополнительные классы к этому изображению напрямую? По умолчанию оно имеет только класс custom-logo
.

WordPress предоставляет фильтр для настройки пользовательского логотипа. Хук get_custom_logo
является этим фильтром. Чтобы изменить класс логотипа, вам может помочь следующий код:
add_filter( 'get_custom_logo', 'change_logo_class' );
function change_logo_class( $html ) {
$html = str_replace( 'custom-logo', 'your-custom-class', $html );
$html = str_replace( 'custom-logo-link', 'your-custom-class', $html );
return $html;
}
Ссылка: Как изменить класс пользовательского логотипа и ссылки в WordPress

Вот один из возможных способов добавления классов через фильтр wp_get_attachment_image_attributes
(не тестировалось):
add_filter( 'wp_get_attachment_image_attributes', function( $attr )
{
if( isset( $attr['class'] ) && 'custom-logo' === $attr['class'] )
$attr['class'] = 'custom-logo foo-bar foo bar';
return $attr;
} );
где вы можете настроить классы в соответствии с вашими потребностями.

Как вы уже обнаружили, функция the_custom_logo
использует get_custom_logo
, которая в свою очередь вызывает wp_get_attachment_image
для добавления класса custom-logo
. Последняя функция имеет фильтр wp_get_attachment_image_attributes
, который можно использовать для изменения атрибутов изображения.
Таким образом, вы можете создать фильтр, который проверяет наличие класса custom-logo
и, если он есть, добавляет дополнительные классы.

Для всех, кто ищет решения. Я нашел это, и мне кажется, что это гораздо понятнее, чем принятый ответ.
Плюс здесь даны простые способы изменить URL в ссылке! Немного более детально, чем в принятом ответе.
add_filter( 'get_custom_logo', 'add_custom_logo_url' );
function add_custom_logo_url() {
$custom_logo_id = get_theme_mod( 'custom_logo' );
$html = sprintf( '<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url">%2$s</a>',
esc_url( 'www.somewhere.com' ),
wp_get_attachment_image( $custom_logo_id, 'full', false, array(
'class' => 'custom-logo',
) )
);
return $html;
}

Я нашел одно решение. Но мне действительно интересно, правильный ли это подход? Он кажется немного "грязным": я просто скопировал части кода, связанные с логотипом, из wp-includes/general-template.php в functions.php своей темы и переименовал функции, добавив пользовательские классы:
function FOOBAR_get_custom_logo( $blog_id = 0 ) {
$html = '';
if ( is_multisite() && (int) $blog_id !== get_current_blog_id() ) {
switch_to_blog( $blog_id );
}
$custom_logo_id = get_theme_mod( 'custom_logo' );
if ( $custom_logo_id ) {
$html = sprintf( '<a href="%1$s" class="custom-logo-link" rel="home" itemprop="url">%2$s</a>',
esc_url( home_url( '/' ) ),
wp_get_attachment_image( $custom_logo_id, 'full', false, array(
'class' => 'custom-logo FOO-BAR FOO BAR', // добавил классы здесь
'itemprop' => 'logo',
) )
);
}
elseif ( is_customize_preview() ) {
$html = sprintf( '<a href="%1$s" class="custom-logo-link" style="display:none;"><img class="custom-logo"/></a>',
esc_url( home_url( '/' ) )
);
}
if ( is_multisite() && ms_is_switched() ) {
restore_current_blog();
}
return apply_filters( 'FOOBAR_get_custom_logo', $html );
}
function FOOBAR_the_custom_logo( $blog_id = 0 ) {
echo FOOBAR_get_custom_logo( $blog_id );
}

Одно небольшое изменение к ответу @Dhinju Divakaran выше. Сначала замените строку "custom-logo-link", а затем "custom-logo", так как "custom-logo" внутри "custom-logo-link" также заменялся. Ниже обновлённый код.
function change_logo_class($html) {
$html = str_replace('custom-logo-link', 'navbar-brand', $html);
$html = str_replace('custom-logo', 'img-fluid', $html);
return $html;
}
add_filter( 'get_custom_logo', 'change_logo_class' );
