custom-logo
Temam için etkinleştirdim <?php the_custom_logo(); ?>
ve başlığa yazdırılmasını sağladım. Bu görüntüye doğrudan daha fazla sınıf ekleme şansınız var mı? Varsayılan olarak sadece gelir custom-logo
.
custom-logo
Temam için etkinleştirdim <?php the_custom_logo(); ?>
ve başlığa yazdırılmasını sağladım. Bu görüntüye doğrudan daha fazla sınıf ekleme şansınız var mı? Varsayılan olarak sadece gelir custom-logo
.
Yanıtlar:
WordPress, özel logo özelleştirmesine bir filtre kancası sağlar. Kanca get_custom_logo
filtredir. Logo sınıfını değiştirmek için bu kod size yardımcı olabilir.
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;
}
Referans: wordpress özel logo ve logo bağlantı sınıfını değiştirme
wp_get_attachment_image_attributes
Filtreden sınıfları nasıl ekleyebileceğimizi gösteren bir öneri : (denenmemiş):
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;
} );
sınıfları ihtiyaçlarınıza göre ayarlayabilirsiniz.
Bulduğunuz gibi kendini the_custom_logo
dayanır get_custom_logo
kendisi çağırır; wp_get_attachment_image
eklemek için custom-logo
sınıf. İkinci işlev, wp_get_attachment_image_attributes
görüntü niteliklerini değiştirmek için kullanabileceğiniz bir filtreye sahiptir .
Yapabileceğiniz şey, custom-logo
sınıfın orada olup olmadığını kontrol eden ve evet ise daha fazla sınıf ekleyen bir filtre oluşturmak .
Sanırım bir cevap buldum. Ama bunun doğru yol olup olmadığını gerçekten merak ediyorum. Bir şekilde biraz kirli geliyor: Sadece wp-include / general-template.php'den logo ile ilgili parçaları temamın işlevlerine kopyaladım. Bazı özel sınıflarla işlevleri yeniden adlandırdım:
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', // added classes here
'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 );
}
Sadece çözüm arayan herkes için. Bunu buldum , kabul edilen cevaptan çok daha net buluyorum.
Ayrıca, bağlantıdaki URL'yi değiştirmek için de basit yollar sunar! Kabul edilen cevaptan biraz daha ayrıntılı.
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;
}