Перейти к содержимому Перейти в главное меню
  • Программирование / Back-end
  • Верстка / Front-end
  • Аналитика
  • Кейсы / Cases
My CMS

PHP, SEO, Design

Фильтр для кастомного логотипа в WordPress

Я, когда делаю проекты, не очень люблю «плодить» DOM. По этому стараюсь использовать по возможности меньше вложенности, где это возможно.

Вот так и в одном проекте появилась необходимость «засунуть» кастомный линк в отдельный класс бутстрапа для корректного размещения в сетке bootstap’а.

Для этого написал свой фильтр, который и добавляет нужный мне класс для кастомного логотипа.

add_filter( 'get_custom_logo', 'add_class_to_custom_logo' );
function add_class_to_custom_logo()
{
    $custom_logo_id = get_theme_mod( 'custom_logo' );
    $html = sprintf( '<a href="%1$s" class="custom-logo-link col-md-2" rel="home" itemprop="url">%2$s</a>', esc_url( home_url( '/' ) ), wp_get_attachment_image( $custom_logo_id, 'full', false, ['class'    => 'custom-logo']));
    return $html;   
}

Вот здесь я добавляю класс col-md-2 для того, чтобы этот логотип в сетке при верстке занимал две ячейки в сетке.

Попробуйте и вы — надеюсь, будет полезно!

28 августа, 2024 Добавить коментарий

В Верстка / Front-end

#custom_logo #wordpress #wordpress filter

Добавить комментарий Отменить ответ

© 2025 My CMS

Тема создана Anders Norén