Как установить разные логотипы для десктопа и мобильных?
Чтобы установить разные логотипы для десктопа и мобильных, установите и активируйте дочернюю тему отсюда https://support.wpshop.ru/docs/general/child-themes/.
В дочерней теме reboot_child создайте папку template-parts, а в ней папку header. Из родительской темы Reboot скопируйте в эту папку файл site-branding.php.
Откройте файл /template-parts/header/site-branding.php в дочерней теме и код
$logotype_attributes[] = 'alt="' . esc_attr( apply_filters( THEME_SLUG . '_logotype_alt', get_bloginfo( 'name' ) ) ) . '"';
$logotype_html = '<img src="' . $logotype_image . '" ' . implode( ' ', $logotype_attributes ) . '>';
?>
<div class="site-branding">
<?php
if ( ! empty( $logotype_image ) ) {
if ( is_front_page() ) {
if ( is_home() && is_paged() ) {
echo '<div class="site-logotype"><a href="'. esc_url( home_url( '/' ) ) .'">' . $logotype_html . '</a></div>';
} else {
echo '<div class="site-logotype">' . $logotype_html . '</div>';
}
} else {
echo '<div class="site-logotype"><a href="'. esc_url( home_url( '/' ) ) .'">' . $logotype_html . '</a></div>';
}
}
замените на
$logotype_attributes = 'alt="' . esc_attr( apply_filters( THEME_SLUG . '_logotype_alt', get_bloginfo( 'name' ) ) ) . '"';
$logotype_html = '<img src="Здесь вставьте ссылку на логотип для десктопа" width="Здесь вставьте ширину логотипа для десктопа" height="Здесь вставьте высоту логотипа для десктопа"' . $logotype_attributes . '>';
$logotype_html_mobile = '<img src="Здесь вставьте ссылку на логотип для мобильных" width="Здесь вставьте ширину логотипа для мобильных" height="Здесь вставьте высоту логотипа для мобильных"' . $logotype_attributes . '>';
?>
<div class="site-branding">
<?php
if ( ! empty( $logotype_image ) ) {
if ( is_front_page() ) {
if ( is_home() && is_paged() ) {
if ( ! wp_is_mobile() ) {
echo '<div class="site-logotype"><a href="'. esc_url( home_url( '/' ) ) .'">' . $logotype_html . '</a></div>';
} else {
echo '<div class="site-logotype"><a href="'. esc_url( home_url( '/' ) ) .'">' . $logotype_html_mobile . '</a></div>';
}
} else {
if ( ! wp_is_mobile() ) {
echo '<div class="site-logotype">' . $logotype_html . '</div>';
} else {
echo '<div class="site-logotype">' . $logotype_html_mobile . '</div>';
}
}
} else {
if ( ! wp_is_mobile() ) {
echo '<div class="site-logotype"><a href="'. esc_url( home_url( '/' ) ) .'">' . $logotype_html . '</a></div>';
} else {
echo '<div class="site-logotype"><a href="'. esc_url( home_url( '/' ) ) .'">' . $logotype_html_mobile . '</a></div>';
}
}
}
Вам помог ответ?